/* Shared, lightweight visual system. Existing processing/editor geometry is retained. */
:root{--blue:#147bff;--ink:#0c1329;--muted:#62718b;--line:#e3eaf6;--surface:#fff;--radius:22px;--shadow:0 8px 30px #2c4c8510;--green:#087f48;--purple:#8240dc;--orange:#f8790a;--red:#f52a58}
*{box-sizing:border-box}body{background:#f8faff;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.6;margin:0;overflow-wrap:break-word}a{color:#0667e8}button,input,select,textarea{font-family:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #649cff;outline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
main{max-width:1328px;margin:0 auto;padding:38px 32px 0}.site-header{max-width:none;padding:0;margin:0;background:#ffffffed;border-bottom:1px solid var(--line);height:auto}.header-inner{max-width:1328px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px 32px;min-height:80px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);flex-shrink:0}.brand-symbol{width:54px;height:47px;object-fit:contain}.brand-name{font-size:25px;font-weight:800;letter-spacing:-.8px}.main-nav{display:flex;align-items:center;gap:8px}.main-nav a{display:flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;padding:10px 17px;border-radius:28px;color:var(--ink);text-decoration:none;font-size:14px}.main-nav a:hover,.main-nav a[aria-current=page]{background:#f0f6ff;color:#0866ff}.ui-icon{width:21px;height:21px;flex-shrink:0;display:inline-block;vertical-align:middle}.header-actions{margin:0}.private-note{display:inline-flex;align-items:center;gap:8px;background:#e8fbf2;border:1px solid #ddf4e8;color:#00773b;border-radius:26px;padding:8px 13px;font-size:12px;white-space:nowrap}.private-note .ui-icon{width:16px;height:16px}.install-button{border-radius:20px}.skip-link{z-index:30;border-radius:12px}
.home-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;min-height:378px;margin:-38px -32px 0;padding:35px 32px 26px;gap:4px}.home-hero:before{content:"";position:absolute;z-index:-1;inset:0 calc((1328px - 100vw)/2);background:radial-gradient(ellipse at 76% 55%,#ebdfff8c,transparent 55%),radial-gradient(ellipse at 68% 95%,#e1f0ff,transparent 55%),radial-gradient(ellipse at 30% 30%,#fff0f8,transparent 65%),linear-gradient(135deg,#ecf8ff8c,#fafbff 55%,#e8eeff);border-radius:0 0 48% 6%/0 0 13% 8%;pointer-events:none}.hero-copy{position:relative;z-index:1}.hero-brand{font-size:60px;letter-spacing:-3px;line-height:1.04;font-weight:850;margin:0 0 5px}.hero-brand span{background:linear-gradient(100deg,#32baff,#356dff 28%,#a239ef 58%,#ed47bd 78%,#ff9b3c);-webkit-background-clip:text;background-clip:text;color:transparent}.home-hero h1{font-size:44px;line-height:1.13;letter-spacing:-1.7px;margin:0 0 12px;max-width:710px;font-weight:800}.hero-description{font-size:18px;color:#344159;line-height:1.5;margin:0 0 20px;max-width:650px}.hero-art{width:100%;max-width:470px;justify-self:end;height:auto;filter:drop-shadow(0 12px 14px #358bdb13)}.hero-benefits{display:flex;gap:10px;flex-wrap:wrap}.benefit{display:flex;align-items:center;gap:10px;border:1px solid;border-radius:21px;padding:9px 16px;background:#ffffff91;min-height:58px;line-height:1.4}.benefit>.ui-icon{width:32px;height:32px;padding:6px;border-radius:50%;background:#ffffffa0}.benefit strong,.benefit span{display:block}.benefit strong{font-size:13px}.benefit span{font-size:11px;color:#354059}.benefit.green{background:#eafbf4a8;border-color:#d1f2e6;color:#008742}.benefit.blue{background:#eaf3ffb0;border-color:#d7e8ff;color:#066bfa}.benefit.pink{background:#fff0f6b0;border-color:#ffe1ed;color:#f32759}
.discovery{margin:8px 0 40px;position:relative}.tool-search{display:flex;align-items:center;gap:12px;max-width:1000px;margin:0 auto 16px;padding:6px 6px 6px 23px;border:1px solid #dfe8f7;border-radius:36px;background:#fff;box-shadow:0 4px 14px #345b9c0a}.tool-search>.ui-icon{color:#73839f}.discovery .tool-search input[type=search]{height:44px;padding:5px 2px;border:0;box-shadow:none;background:transparent;border-radius:0;flex:1;min-width:0;font-size:14px}.tool-search .primary{width:auto;min-height:44px;padding:8px 23px;gap:10px;border-radius:26px;margin:0;flex-shrink:0}.category-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.category-tab{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:white;border-radius:24px;min-height:42px;padding:8px 17px;color:#172239;font-size:13px;white-space:nowrap;transition:background .15s,border-color .15s}.category-tab .ui-icon{width:19px;height:19px;color:var(--accent,#61738e)}.category-tab:hover{border-color:#a9cafd}.category-tab.selected{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 4px 12px #147bff15}.category-tab.selected .ui-icon{color:#fff}.search-status{font-size:12px;color:var(--muted);margin:8px 0 12px;min-height:19px;text-align:center}.directory-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:20px 0 14px}.directory-heading h2{font-size:25px;line-height:1.3;letter-spacing:-.5px;margin:0}.directory-heading h2 span{font-size:23px;margin-right:8px}.directory-heading a{display:inline-flex;align-items:center;gap:5px;font-size:13px;text-decoration:none;white-space:nowrap}.directory-heading>span{color:var(--muted);font-size:13px}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0}.tool-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 16px 17px;min-height:104px;text-decoration:none;color:var(--ink);display:grid;grid-template-columns:56px 1fr 30px;align-items:center;gap:12px;transition:transform .16s,box-shadow .16s,border-color .16s}.tool-card:hover{transform:translateY(-2px);background:#fff;border-color:#b9d5ff;box-shadow:0 12px 30px #295c9c15}.tool-card strong{font-size:15px;margin:0 0 4px;line-height:1.35;font-weight:750}.tool-card p{font-size:12px;line-height:1.55;margin:0;color:var(--muted)}.tool-card .tool-icon{display:flex;align-items:center;justify-content:center;position:static;width:56px;height:58px;min-width:0;margin:0;padding:3px;border-radius:17px;background:linear-gradient(145deg,#fff,var(--tint,#eaf3ff));box-shadow:inset 0 0 0 1px #ffffffa0}.tool-icon svg{width:49px;height:51px;filter:drop-shadow(1px 3px 2px #3d5d8120)}.tool-card .card-arrow{display:flex;align-items:center;justify-content:center;width:30px;height:34px;border-radius:50%;background:#f1f6ff;color:#086bff;margin:0}.card-arrow .ui-icon{width:17px;height:17px}.tool-card-copy{min-width:0}.tool-card.featured{display:grid;grid-template-columns:1fr 38px;grid-template-rows:70px 1fr;align-items:end;min-height:200px;padding:18px 20px}.featured .tool-icon{grid-column:1;grid-row:1;width:64px;height:68px}.featured .tool-icon svg{width:58px;height:61px}.featured .tool-card-copy{grid-column:1;grid-row:2;margin-top:12px}.featured strong{font-size:17px}.featured p{font-size:13px;max-width:215px}.featured .card-arrow{width:38px;height:38px;grid-column:2;grid-row:2}.tool-card .popular-tag{position:absolute;top:18px;right:18px;border-radius:14px;background:#fff1e2;color:#ba4800;font-size:11px;font-weight:600;padding:4px 10px;margin:0}.cat-photos{--accent:#f8790a;--tint:#fff0df}.cat-pdfs{--accent:#f32759;--tint:#ffe8ef}.cat-signatures{--accent:#8240dc;--tint:#efe7ff}.cat-ids{--accent:#147bff;--tint:#e1efff}.cat-scans{--accent:#0a9860;--tint:#dff8ed}.cat-pack{--accent:#5171ee;--tint:#eaf0ff}.tool-card[href*=compress-pdf]{--tint:#e0f8ea}.tool-card[href="/merge-pdf"]{--tint:#eee2ff}.tool-card[href="/split-pdf"]{--tint:#e4f1ff}.more-tools{border:1px solid var(--line);border-radius:20px;background:#fff9;margin-top:18px;padding:0 18px}.more-tools summary{padding:14px 0;color:#3d587b;font-size:14px;list-style-position:inside}.more-tools summary span{color:var(--muted);float:right;font-size:12px}.more-tools .tool-grid{padding-bottom:18px}.directory .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-category-group{margin:28px 0 36px}.tool-category-group .tool-card{min-height:112px}.directory .tool-card strong{font-size:16px}.section-caption{font-size:23px;margin:35px 0 16px;letter-spacing:-.4px}
.crumb{font-size:13px;margin:0 0 17px;text-decoration:none}.intro{margin:0 0 17px;max-width:940px}.intro .eyebrow{font-size:11px;color:#5175a3;font-weight:650;letter-spacing:1.6px;margin-bottom:10px}.intro h1,.info-page h1{font-size:38px;line-height:1.2;letter-spacing:-1px;max-width:900px;margin:0 0 12px}.intro>p{font-size:17px;line-height:1.6;color:#5a6c88;max-width:830px;margin:0}.privacy-strip{margin:16px 0 24px;gap:8px 14px;font-size:12px}.privacy-strip span{background:#ecfaf3;color:#1a7450;border:1px solid #daf1e6;border-radius:20px;padding:5px 11px}.privacy-strip span:before{color:#16865a}.workspace{border:1px solid var(--line);border-radius:26px;background:white;box-shadow:var(--shadow);overflow:hidden;margin:18px 0 28px}.settings,.result{padding:28px;min-width:0}.result{background:linear-gradient(160deg,#fbfdff,#f6f9ff);border-color:var(--line)}.section-title h2,.flow-panel h2{font-size:21px;letter-spacing:-.4px;color:var(--ink)}.step{border-radius:10px;background:#edf4ff;color:#1372ff;border:1px solid #e0ecff}.help,.tiny{color:var(--muted)}.tools{gap:8px;border:0;border-radius:17px;background:#edf3fc;padding:6px;margin:18px 0}.tools button{border:0;border-radius:13px;padding:12px 16px}.tools button.selected{color:#0966f0;background:white;box-shadow:0 2px 8px #32547b12}.upload{border:1.5px dashed #bfd4f4;border-radius:19px;background:#f6faff;padding:25px 15px;margin:17px 0 23px;transition:border-color .15s,background .15s}.upload:hover{background:#edf5ff;border-color:var(--blue)}.upload strong{font-size:17px;color:#145fd8}.upload span{font-size:12px;color:#6e7e96}.upload .upload-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #d4e4fc;border-radius:14px;background:#eaf3ff;color:#147bff;font-size:27px;margin:0 0 10px}.upload.secondary{padding:18px}.field{margin:15px 0}.field label,label.check{font-size:13px;color:#324158;font-weight:550}input[type=number],input[type=text],input[type=password],select,textarea{border:1px solid #dce5f3;border-radius:12px;background:#fff;min-height:46px;padding:10px 13px;font-size:14px;color:#233451;box-shadow:0 2px 3px #32588303;max-width:100%;min-width:0}input[type=color]{padding:4px;min-height:42px;border:1px solid var(--line);border-radius:10px}.input-unit{border-color:#dce5f3;border-radius:12px;overflow:hidden;background:#fff}.input-unit input{border:0;box-shadow:none}.input-unit span{font-size:13px;background:#f4f7fc;color:#5d6f8c}.chips{gap:7px;margin-top:9px}.chips button,.outline-button{border:1px solid #dbe6f6;background:white;color:#3c5b88;border-radius:11px;font-size:12px;padding:8px 12px;min-height:39px}.chips button.active{border-color:#9cc8ff;background:#edf5ff;color:#0667e8}.check{line-height:1.5;gap:9px;margin:15px 0}.check input{accent-color:var(--blue);width:17px;height:17px;flex-shrink:0}input[type=range]{accent-color:var(--blue)}.primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(120deg,#218dff,#0872fa);color:#fff;border:1px solid #0879ff;border-radius:14px;min-height:48px;font-size:15px;font-weight:650;padding:12px 20px;box-shadow:0 4px 10px #147bff19;text-decoration:none}.primary:hover{background:#086bee}.primary:disabled{background:#ebf0f7;border-color:#e3eaf3;color:#8191aa;box-shadow:none;opacity:1}.download{background:linear-gradient(120deg,#11a36f,#078354);border-color:#068853}.download:hover{background:#087e56}.text-button{font-size:13px;color:#2565bd}.note,.error{border-radius:12px;line-height:1.6}.note{background:#fff8eb;border:1px solid #f8e9c8;color:#796126}.error{background:#fff0f2;color:#b42045;border:1px solid #ffd5df;padding:11px 14px}.empty{min-height:260px;color:#637796}.empty h3{font-size:18px;color:#354969}.empty .page-icon{background:linear-gradient(140deg,#fff,#e3eeff);border:1px solid #bcd4fa;border-radius:11px;box-shadow:6px 6px 0 #e0eaff,0 12px 20px #3069b915;transform:rotate(-5deg)}.flow-workspace{gap:20px;margin:22px 0 28px;align-items:start}.flow-panel{border-radius:24px;border-color:var(--line);box-shadow:var(--shadow);padding:26px;background:#fff}.flow-panel .primary{width:100%}.flow-panel .upload{margin-bottom:16px}.flow-panel #runTool,.flow-panel #runSecurity{margin-top:16px}.flow-panel>h2{margin:0 0 14px}.flow-panel:nth-child(2){background:linear-gradient(150deg,#fff,#f7faff)}.flow-panel .preview-image{border-radius:12px}.annotation-surface canvas{border-radius:0}.page-row{border-color:var(--line);padding:10px 6px;border-radius:10px}.page-row[aria-current=true]{background:#eef5ff}.page-thumb{border-radius:6px}.page-row button{border-radius:8px}.page-list{scrollbar-width:thin}.output-box{border-color:var(--line)}.privacy-note{font-size:12px;color:#61718b;line-height:1.7}.pack-tabs{gap:9px}.pack-tabs button{border-radius:20px;border-color:var(--line);padding:10px 17px}.pack-tabs .selected{background:#0866d9}.pack-frame{border-radius:24px;border-color:var(--line);box-shadow:var(--shadow)}.pack-layout .flow-panel{padding:22px}.tool-links{gap:8px;flex-wrap:wrap;display:flex;margin:24px 0}.tool-links a{border:1px solid var(--line);border-radius:20px;background:#fff;color:#42638c;font-size:12px;padding:8px 14px;text-decoration:none}.tool-guide{margin:34px 0;padding:28px 30px;background:#fff;border:1px solid var(--line);border-radius:24px;max-width:none;font-size:14px;line-height:1.85;color:#5b6b83}.tool-guide h2{font-size:20px;color:#213047;margin:21px 0 10px;letter-spacing:-.3px}.tool-guide h2:first-child{margin-top:0}.tool-guide details{border-top:1px solid var(--line);padding:14px 0;margin:0}.tool-guide summary{font-size:14px;color:#304561}.info-page{max-width:980px;font-size:15px;line-height:1.85;padding-top:38px}.info-page h2{font-size:22px;margin:25px 0 10px;color:#213047}.info-page p{color:#5b6b83}.info-page .site-footer{margin-top:42px}.site-footer{border-top:1px solid var(--line);margin:48px 0 0;padding:28px 0;display:grid;grid-template-columns:1fr auto;gap:15px 30px;color:#63748e;background:transparent}.site-footer .brand-symbol{width:36px;height:34px}.site-footer .brand-name{font-size:20px;letter-spacing:-.5px}.site-footer p{font-size:12px;margin:5px 0}.site-footer nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-size:13px}.site-footer nav a{text-decoration:none;color:#546887}.footer-note{font-size:11px;grid-column:1/-1;color:#8190a5}.embed .site-header,.embed .site-footer{display:none}.embed .workspace{margin-top:0}.embed .settings,.embed .result{padding:20px}.embed .flow-panel{padding:20px}
@media(min-width:1328px){.home-hero:before{inset-inline:calc((1328px - 100vw)/2)}}
@media(max-width:1327px){.home-hero:before{inset-inline:0}}
@media(max-width:1100px){.header-inner{gap:16px}.header-actions .private-note{display:none}.main-nav a{padding:10px 14px}.home-hero h1{font-size:38px}.hero-brand{font-size:53px}.hero-description{font-size:16px}.hero-benefits{gap:7px}.benefit{padding:8px 11px}.benefit span{font-size:10px}.benefit strong{font-size:12px}.tool-card{grid-template-columns:48px 1fr 26px;gap:9px;padding:13px}.tool-card .tool-icon{width:48px;height:52px}.featured.tool-card{padding:17px;grid-template-columns:1fr 32px}.featured strong{font-size:16px}.directory .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){main{padding:28px 24px 0}.header-inner{padding:10px 24px}.brand-name{font-size:22px}.brand-symbol{width:46px;height:41px}.main-nav{gap:3px}.main-nav a{padding:9px 11px}.main-nav a .ui-icon{width:18px;height:18px}.home-hero{margin:-28px -24px 0;padding:30px 24px;grid-template-columns:1fr .7fr}.home-hero h1{font-size:32px;letter-spacing:-1px}.hero-brand{font-size:46px;letter-spacing:-2px}.hero-description{font-size:15px}.hero-description br{display:none}.hero-benefits{gap:6px}.benefit{padding:8px 10px}.benefit .ui-icon{width:25px;height:25px;padding:4px}.benefit.pink{display:none}.tool-grid,.directory .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.popular-grid .featured{min-height:184px}.popular-grid .tool-card:nth-child(n+5){min-height:95px}.tool-card strong{font-size:15px}.tool-card p{font-size:12px}.intro h1,.info-page h1{font-size:32px}.flow-workspace,.pack-layout{grid-template-columns:1fr}.workspace{grid-template-columns:1fr}.result{border-left:0;border-top:1px solid var(--line)}.settings,.result{padding:24px}.site-footer nav{gap:15px}.category-tabs{gap:7px}.category-tab{padding:8px 13px}.flow-panel{padding:24px}.pack-layout aside{position:static;grid-row:1}}
@media(max-width:600px){main{padding:25px 16px 0}.header-inner{padding:10px 16px 8px;flex-wrap:wrap;gap:7px;min-height:0}.brand{gap:8px}.brand-name{font-size:22px}.brand-symbol{width:44px;height:38px}.main-nav{order:3;flex:1 0 100%;justify-content:space-between;gap:2px;border-top:1px solid #eff3fa;padding-top:7px}.main-nav a{font-size:12px;padding:8px 11px;gap:6px}.main-nav a .ui-icon{width:17px;height:17px}.header-actions{margin-left:auto}.install-button{font-size:11px;padding:5px 10px}.home-hero{margin:-25px -16px 0;padding:30px 20px 22px;display:block;min-height:0;overflow:hidden;text-align:left}.home-hero:before{border-radius:0 0 35px 35px}.hero-brand{font-size:49px;margin-bottom:7px}.home-hero h1{font-size:34px;letter-spacing:-1.2px;line-height:1.14;max-width:430px}.hero-description{font-size:15px;margin-bottom:17px}.hero-art{display:block;width:78%;max-width:320px;margin:-6px auto -20px;filter:drop-shadow(0 10px 12px #358bdb10)}.hero-benefits{justify-content:flex-start}.benefit{border-radius:16px;min-height:48px;gap:6px;padding:7px 11px}.benefit strong{font-size:12px}.benefit span{font-size:10px}.discovery{margin:20px 0 25px}.tool-search{padding:5px 5px 5px 14px;gap:7px;border-radius:26px;margin-bottom:13px}.tool-search>.ui-icon{width:18px}.discovery .tool-search input[type=search]{font-size:12px;height:40px}.tool-search .primary{padding:8px 13px;min-height:40px;font-size:12px}.tool-search .primary .ui-icon{display:none}.category-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:2px 0 8px;scrollbar-width:thin;gap:7px}.category-tab{font-size:12px;padding:7px 13px;min-height:38px}.category-tab .ui-icon{width:16px;height:16px}.search-status{text-align:left;font-size:11px;margin:4px 0 12px}.directory-heading{margin:14px 0 12px;gap:7px}.directory-heading h2{font-size:21px}.directory-heading h2 span{font-size:20px;margin-right:4px}.directory-heading a{font-size:11px}.directory-heading a .ui-icon{width:15px}.tool-grid{gap:10px}.tool-card,.featured.tool-card{border-radius:19px}.featured.tool-card{padding:14px;grid-template-columns:1fr 25px;grid-template-rows:55px 1fr;min-height:185px;gap:9px}.featured .tool-icon{width:53px;height:55px;border-radius:15px}.featured .tool-icon svg{width:49px;height:51px}.featured .tool-card-copy{margin-top:7px}.featured strong{font-size:14px}.featured p{font-size:11px;line-height:1.5}.featured .card-arrow{width:26px;height:28px}.tool-card .popular-tag{font-size:9px;padding:3px 6px;top:14px;right:11px}.tool-grid .tool-card:not(.featured){grid-template-columns:41px 1fr;gap:9px;padding:12px;min-height:101px}.tool-card:not(.featured) .card-arrow{display:none}.tool-card:not(.featured) .tool-icon{width:41px;height:47px;border-radius:13px;padding:0}.tool-card:not(.featured) .tool-icon svg{width:40px;height:43px}.tool-card:not(.featured) strong{font-size:12px}.tool-card:not(.featured) p{font-size:10px;line-height:1.5}.directory .tool-grid{grid-template-columns:1fr}.directory .tool-card:not(.featured){grid-template-columns:53px 1fr 30px;min-height:95px;padding:16px;gap:12px}.directory .tool-card:not(.featured) .tool-icon{width:53px;height:55px}.directory .tool-card:not(.featured) .card-arrow{display:flex}.directory .tool-card:not(.featured) strong{font-size:15px}.directory .tool-card:not(.featured) p{font-size:12px}.directory .tool-category-group{margin:24px 0}.directory .directory-heading h2{font-size:20px}.more-tools{padding:0 12px;border-radius:17px}.more-tools summary{font-size:12px;padding:12px 0}.more-tools summary span{font-size:10px}.more-tools .tool-grid{grid-template-columns:1fr;padding-bottom:12px}.section-caption{font-size:21px;margin:27px 0 13px}.crumb{font-size:12px}.intro h1,.info-page h1{font-size:29px;letter-spacing:-.7px}.intro>p{font-size:15px}.privacy-strip{gap:6px;margin-bottom:20px}.privacy-strip span{font-size:10px;padding:4px 9px}.workspace,.flow-panel{border-radius:21px}.settings,.result,.flow-panel{padding:19px}.section-title h2,.flow-panel h2{font-size:19px}.upload{padding:24px 10px;border-radius:17px}.upload strong{font-size:16px}.upload span{font-size:11px}.tools{overflow-x:auto;flex-wrap:nowrap}.tools button{font-size:12px;white-space:nowrap;padding:10px}.tool-guide{padding:21px 19px;border-radius:21px;font-size:13px;line-height:1.8}.tool-guide h2{font-size:18px}.tool-guide summary{font-size:13px}.tool-links a{font-size:11px;padding:7px 11px}.site-footer{margin-top:32px;padding:24px 0;grid-template-columns:1fr;gap:14px}.site-footer nav{font-size:12px;gap:19px}.footer-note{grid-column:1}.info-page{font-size:14px}.info-page h2{font-size:20px}.pack-layout .flow-panel{padding:19px}.pack-tabs button{font-size:12px;padding:9px 13px}.button-row{gap:7px}.button-row .outline-button{padding:8px 10px;font-size:11px}.flow-panel .row{gap:8px}}
.header-inner{width:100%;min-width:0;min-height:72px}.main-nav{min-width:0}.tool-search .primary span{font-size:14px;line-height:1.4}.quick-description{font-size:14px;color:var(--muted);margin:0 0 18px}
@media(min-width:901px){.home-hero{padding-block:22px}.hero-art{max-width:340px}}
@media(max-width:600px){.main-nav a{padding-inline:7px;gap:5px}.tool-search .primary span{font-size:12px}}
.featured .tool-card-copy{align-self:start}
@media(max-width:600px){.popular-grid .tool-card:not(.featured){grid-column:1/-1;grid-template-columns:48px 1fr 30px;min-height:88px;padding:14px}.popular-grid .tool-card:not(.featured) .tool-icon{width:48px;height:51px}.popular-grid .tool-card:not(.featured) .card-arrow{display:flex}.popular-grid .tool-card:not(.featured) strong{font-size:14px}.popular-grid .tool-card:not(.featured) p{font-size:12px}.featured p{font-size:12px}.hero-art{width:65%;max-width:240px;margin:0 auto -14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.tool-card,.category-tab,.upload{transition:none}.tool-card:hover{transform:none}}

.table-scroll{overflow-x:auto;margin:12px 0 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.table-scroll table{width:100%;border-collapse:collapse;font-size:14px}.table-scroll th,.table-scroll td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.table-scroll th{background:var(--tint);color:var(--ink);font-weight:600}.table-scroll tr:last-child td{border-bottom:0}