@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#f7f9fc;--surface:#fff;--ink:#202c3e;--muted:#6d7889;--line:#e7ebf1;--blue:#2563eb;--selected:#edf3ff;--hero:#edf4ff;--side:230px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;display:block}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #76a5ff;outline-offset:4px}.skip{position:fixed;top:-60px;left:250px;z-index:20;padding:12px;background:var(--surface)}.skip:focus{top:10px}.sidebar{width:var(--side);position:fixed;top:0;bottom:0;left:0;background:var(--surface);border-right:1px solid var(--line);padding:30px 18px 14px;display:flex;flex-direction:column;overflow-y:auto;z-index:10}.brand{display:flex;align-items:center;gap:10px;padding:0 12px 31px;font-family:Manrope,sans-serif;font-weight:800;font-size:26px;letter-spacing:-1.4px}.brand-blue{color:var(--blue)}.brand small{font-family:'DM Sans',sans-serif;display:block;font-weight:400;font-size:10px;letter-spacing:0;color:var(--muted);margin-top:2px}.brand-mark{width:36px;height:40px;background:var(--blue);color:white;border-radius:10px;display:grid;place-items:center;box-shadow:0 5px 10px #2563eb26;transform:rotate(-6deg)}.brand-mark svg{width:25px;height:25px}.nav-heading{display:block;font-size:11px;font-weight:550;color:#8893a4;padding:10px 13px 12px}.nav-item{display:flex;align-items:center;width:100%;gap:11px;border:0;background:transparent;text-align:left;padding:11px 12px;border-radius:7px;color:#677285;font-size:12px;margin:2px 0;white-space:nowrap}.nav-item svg{width:17px;height:17px}.nav-item:hover{background:var(--bg);color:var(--ink)}.nav-item.active{background:var(--selected);color:var(--blue);font-weight:650}.nav-count{margin-left:auto;font-size:10px;padding:2px 6px;border-radius:4px;background:var(--surface);color:var(--muted)}.active .nav-count{color:var(--blue)}.categories{border-top:1px solid var(--line);margin-top:22px;padding-top:12px}.categories .nav-item{padding-top:8px;padding-bottom:8px}.desktop-card{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:17px 14px;margin:30px 4px 12px}.desktop-icon{display:block;margin-bottom:12px;color:var(--blue)}.desktop-card strong{font-size:11px;font-weight:650}.desktop-card p{font-size:10px;color:var(--muted);line-height:1.6;margin:5px 0 13px}.desktop-card a{font-size:10px;font-weight:600;display:flex;justify-content:space-between;color:var(--blue)}.sidebar-bottom{color:var(--muted);display:flex;gap:7px;align-items:center;font-size:9px;padding:12px 8px}.status-dot{width:5px;height:5px;background:#3bab81;border-radius:50%}.workspace{margin-left:var(--side)}.topbar{height:74px;border-bottom:1px solid var(--line);background:var(--surface);display:flex;justify-content:space-between;align-items:center;padding:0 44px}.breadcrumb{display:flex;gap:14px;font-size:11px;color:var(--muted)}.breadcrumb span{color:#bac2cd}.breadcrumb strong{font-weight:500;color:var(--ink)}.top-actions{display:flex;align-items:center;gap:18px;font-size:11px}.top-actions a span{margin-left:6px;color:var(--muted)}.top-actions button{border:0;background:transparent;padding:5px;color:var(--muted)}.top-actions svg{width:17px;height:17px}.top-separator{height:18px;border-left:1px solid var(--line)}.mobile-menu{display:none}main{max-width:1510px;margin:auto;padding:30px 44px 0}.hero{min-height:330px;background:var(--hero);border:1px solid #e2ebfb;border-radius:18px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;position:relative}.hero-copy{padding:37px 0 35px 40px;z-index:2}.hero-kicker{display:flex;align-items:center;gap:7px;color:#5273a8;font-size:10px;font-weight:550;letter-spacing:.1px}.hero-kicker>span{width:5px;height:5px;border-radius:50%;background:#4b7bea}h1{font-family:Manrope,sans-serif;font-size:clamp(30px,3.35vw,53px);font-weight:800;line-height:1.18;letter-spacing:-2px;margin:17px 0 14px;color:#1b355b}.hero-copy p{font-size:12px;color:#65809f;line-height:1.85;margin:0 0 22px}.browse-button{display:inline-flex;gap:16px;align-items:center;background:#2462e9;color:white;padding:12px 16px;border-radius:7px;font-size:11px;font-weight:550;box-shadow:0 4px 7px #2563eb20}.browse-button svg{width:15px;height:15px}.browse-button:hover{background:#164dcc}.hero-note{font-size:9px;color:#758aa7;display:inline-block;margin-left:12px}.hero-art{position:relative;align-self:stretch;min-width:0;perspective:900px}.hero-art img{width:115%;height:100%;position:absolute;right:-5%;object-fit:cover;mix-blend-mode:multiply;transition:transform .3s ease-out;pointer-events:none}.art-label{position:absolute;display:flex;gap:8px;align-items:center;background:#ffffffeb;border:1px solid #fff;box-shadow:0 12px 26px #265ca715;z-index:2;border-radius:9px;font-size:10px;font-weight:550;color:#475a73;padding:11px 13px;backdrop-filter:blur(10px)}.label-merge{left:0;top:20%;transform:rotate(-6deg)}.label-merge>span:first-child{color:#3978ef;background:#eff5ff;border-radius:5px;padding:5px}.label-merge svg{width:16px;height:16px}.label-done{bottom:15%;right:7%;transform:rotate(5deg)}.checkmark{background:#e6f7ed;color:#359a6d;border-radius:50%;width:20px;height:20px;text-align:center;line-height:20px}.tool-workspace{padding-top:36px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}h2{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-.7px;margin:0 0 6px;font-weight:750}.section-heading p{margin:0;font-size:11px;color:var(--muted)}.tool-total{font-size:10px;color:var(--muted)}.search-row{display:flex;gap:13px}.search-box{display:flex;align-items:center;gap:11px;background:var(--surface);border:1px solid #dfe5ee;border-radius:9px;padding:0 15px;flex:1;min-width:0;height:48px;box-shadow:0 2px 3px #1e355a03}.search-box>span{color:#7c8a9f}.search-box svg{width:18px;height:18px}.search-box:focus-within{outline:2px solid #8bb1ff;outline-offset:1px}.search-box input{width:100%;border:0;outline:0;color:var(--ink);background:transparent;font-size:12px}.search-box input::placeholder{color:#8a94a4}.search-box kbd{background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:2px 6px;color:#8995a6;font-family:inherit;font-size:11px}.view-toggle{display:flex;align-items:center;gap:3px;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:9px}.view-toggle button{border:0;background:transparent;color:#8d98a8;padding:8px;border-radius:5px}.view-toggle button.selected{color:var(--blue);background:var(--selected)}.view-toggle svg{width:17px;height:17px}.filter-row{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:16px 0 29px}.filter-chips{display:flex;gap:7px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:7px 12px;font-size:10px;color:var(--muted)}.chip.active{background:#233957;border-color:#233957;color:white}.chip:hover{border-color:#a4bce4}select{border:0;background:transparent;color:var(--muted);font-size:10px;max-width:130px;padding:6px 2px}.results-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.results-heading h3{font-size:13px;letter-spacing:-.2px;font-weight:600;margin:0;display:flex;align-items:center;gap:9px}.results-heading h3 span{font-size:9px;color:#8a95a4;background:#eaf0f6;border-radius:4px;padding:3px 6px;font-weight:400}.results-heading>span{font-size:9px;color:#8b96a6}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.tool-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:11px;min-height:180px;transition:border-color .18s,box-shadow .18s}.tool-card:hover{border-color:#9db9ec;box-shadow:0 7px 20px #254e8c09}.tool-link{display:flex;flex-direction:column;align-items:flex-start;padding:21px;height:100%}.tool-card h4{font-size:13px;letter-spacing:-.2px;font-weight:650;margin:16px 0 7px;display:flex;gap:8px;align-items:center}.tool-card h4 svg{width:12px;height:12px;opacity:0;transform:translateX(-4px);transition:.18s}.tool-card:hover h4 svg{opacity:1;transform:translateX(0)}.tool-card p{font-size:10px;line-height:1.65;color:var(--muted);margin:0;max-width:220px}.favorite-button{position:absolute;right:13px;top:13px;border:0;background:transparent;padding:5px;color:#c3cbd7;z-index:2}.favorite-button svg{width:15px;height:15px}.favorite-button:hover{color:#d49a31}.favorite-button.saved{color:#d49a31}.favorite-button.saved svg{fill:#f8e7b9}.tool-icon{width:41px;height:43px;position:relative;display:grid;place-items:center;isolation:isolate}.tool-icon:before{content:'';position:absolute;width:29px;height:35px;background:var(--icon-light,#eaf2ff);border:1px solid var(--icon-border,#b3d0fc);border-radius:5px;transform:rotate(-14deg) translateX(-3px);box-shadow:2px 3px 0 var(--icon-shadow,#d2e2fb);z-index:-1}.tool-icon svg{width:31px;height:35px;filter:drop-shadow(1px 2px 1px #00000008);color:var(--icon-color,#5287df);stroke-width:1.35}.tool-icon:after{content:'';position:absolute;bottom:-2px;left:2px;width:37px;height:5px;background:var(--icon-shadow,#d2e2fb);filter:blur(4px);opacity:.4;z-index:-2}.tool-card:nth-child(6n+2){--icon-light:#f1edff;--icon-border:#d6c8f9;--icon-shadow:#dfd7f6;--icon-color:#9476d2}.tool-card:nth-child(6n+3){--icon-light:#eaf9f0;--icon-border:#bbe3cc;--icon-shadow:#d0ebdc;--icon-color:#59a87b}.tool-card:nth-child(6n+4){--icon-light:#fff2e6;--icon-border:#f3d4b0;--icon-shadow:#f4dfc8;--icon-color:#d9994b}.tool-card:nth-child(6n+5){--icon-light:#ffedf0;--icon-border:#f3c6d0;--icon-shadow:#f5d4dd;--icon-color:#d58096}.tool-card:nth-child(6n+6){--icon-light:#e7f7fb;--icon-border:#b1dce7;--icon-shadow:#d1eaf0;--icon-color:#55a6ba}.catalog-divider{display:flex;align-items:center;gap:17px;color:#8c97a7;font-size:10px;margin:31px 0 24px}.catalog-divider:after{content:'';height:1px;background:var(--line);flex:1}.bottom-note{display:flex;align-items:center;gap:15px;padding:23px 0;margin-top:36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.note-icon{background:#edf2fa;color:#6c85aa;padding:11px;border-radius:10px}.note-icon svg{width:19px;height:19px}.bottom-note h3{font-size:11px;font-weight:550;margin:0 0 6px}.bottom-note p{font-size:10px;color:var(--muted);margin:0}.bottom-note a{margin-left:auto;font-size:10px;white-space:nowrap;color:var(--muted)}footer{display:flex;justify-content:space-between;padding:24px 0;color:#939cab;font-size:9px}.empty-state{text-align:center;padding:70px 15px;color:var(--muted)}.empty-state>span svg{margin:auto;width:28px;height:28px}.empty-state h3{color:var(--ink);font-weight:550}.empty-state p{font-size:12px}.empty-state button{border:1px solid var(--line);border-radius:6px;padding:9px 14px;background:var(--surface);font-size:12px}.toast{position:fixed;bottom:24px;left:calc(50% + 115px);transform:translate(-50%,20px);opacity:0;background:#233957;color:#fff;box-shadow:0 8px 30px #172e5326;padding:12px 20px;border-radius:9px;z-index:30;pointer-events:none;transition:.2s;font-size:12px}.toast.show{transform:translate(-50%,0);opacity:1}.tool-grid.list{grid-template-columns:1fr}.list .tool-card{min-height:80px}.list .tool-link{flex-direction:row;align-items:center;gap:22px;padding:15px 22px}.list .tool-card h4{margin:0 0 5px}.list .tool-card p{max-width:none}.list .tool-card .favorite-button{top:23px}.list .tool-card .card-copy{padding-right:25px}body.dark{--bg:#131c2b;--surface:#1a2638;--ink:#e0e8f5;--muted:#9aaac1;--line:#2a384c;--selected:#233c60;--hero:#dfeaff}body.dark .hero-copy p{color:#526f92}body.dark .hero-kicker{color:#406497}body.dark .chip.active{background:#d9e8ff;color:#1c3557}body.dark .search-box{border-color:var(--line)}body.dark .results-heading h3 span{background:#26364e;color:#bac9de}body.dark .tool-icon{filter:brightness(.95)}body.dark .catalog-divider{color:#a6b4c8}
@media(min-width:1500px){.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{min-height:380px}.hero-copy{padding-top:45px}.hero-art img{object-fit:contain}}@media(max-width:1150px){:root{--side:205px}.sidebar{padding-left:12px;padding-right:12px}.topbar{padding:0 28px}main{padding:25px 28px 0}.hero-copy{padding:30px 0 30px 28px}.hero-note{display:block;margin:11px 0 0}.hero-art img{width:135%;right:-15%}.hero{min-height:330px}.hero-kicker{font-size:9px}.label-merge{left:-4%;top:18%}.tool-link{padding:18px}.tool-card{min-height:185px}.tool-card p{font-size:10px}.filter-chips{gap:5px}.chip{padding:7px 9px;font-size:9px}.tool-total{font-size:9px}.hero-copy p{font-size:11px}h1{font-size:35px}}
@media(max-width:900px){:root{--side:185px}.nav-item{font-size:11px;gap:8px}.brand{font-size:24px;padding-left:8px}.brand small{font-size:9px}.nav-heading{font-size:10px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding:20px 22px 0}.topbar{padding:0 22px;height:64px}.hero{min-height:310px;grid-template-columns:1.15fr 1fr}.hero-copy{padding-left:23px}.hero h1{font-size:31px;letter-spacing:-1.4px}.hero-art img{width:175%;right:-35%;object-position:center}.art-label{font-size:8px;padding:8px}.label-merge{top:13%;left:-15%}.label-done{right:5%;bottom:15%}.results-heading>span{display:none}.hero-copy p br{display:none}.tool-total{display:none}.filter-row{align-items:flex-start}.section-heading h2{font-size:20px}.bottom-note{align-items:flex-start}.bottom-note a{display:none}}
@media(max-width:650px){:root{--side:0px}.sidebar{width:230px;transform:translateX(-100%);transition:transform .2s;box-shadow:15px 0 40px #10244020}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0}.topbar{height:60px;padding:0 20px}.top-actions{gap:12px}.mobile-menu{display:block}.top-actions>a{font-size:10px}.breadcrumb{gap:10px;font-size:10px}main{padding:18px 18px 0}.hero{min-height:390px;display:block}.hero-copy{padding:26px 25px;max-width:80%}.hero-kicker{font-size:9px}.hero h1{font-size:36px;letter-spacing:-1.5px;margin-top:17px}.hero-copy p{max-width:210px;font-size:11px}.hero-art{position:absolute;right:0;bottom:0;width:55%;height:225px;pointer-events:none}.hero-art img{width:140%;right:-20%;height:120%;bottom:-15%}.label-merge{top:25%;left:3%}.label-done{bottom:10%;right:6%;font-size:8px}.hero-copy{position:relative}.hero-note{margin-top:10px}.tool-workspace{padding-top:28px}.section-heading{margin-bottom:18px}h2{font-size:20px}.search-box{padding:0 11px;height:47px;gap:8px}.search-box input{font-size:11px}.search-box kbd{display:none}.search-row{gap:8px}.view-toggle button{padding:6px}.filter-row{flex-direction:column;gap:9px;margin:14px 0 22px}.filter-chips{gap:6px}.chip{font-size:10px;padding:7px 10px}.filter-row select{align-self:flex-end}.tool-grid{gap:10px}.tool-link{padding:17px 14px}.tool-card{min-height:186px}.tool-card h4{font-size:12px;margin-top:16px}.tool-card p{font-size:10px}.favorite-button{top:9px;right:8px}.tool-icon{transform:scale(.9);transform-origin:left center}.results-heading h3{font-size:12px}.bottom-note{padding-top:20px;gap:12px}.bottom-note h3{line-height:1.5}.bottom-note p{line-height:1.7}.note-icon{padding:9px}footer{font-size:8px;gap:10px}.toast{left:50%;width:max-content;max-width:90vw}.list .tool-link{gap:12px;padding:14px}.list .tool-card p{font-size:10px}.hero-note{position:relative;z-index:4}.sidebar-bottom{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:650px){.hero-copy{max-width:100%;padding:26px 25px 0}.hero h1{font-size:32px;letter-spacing:-1.5px}.hero-copy p{max-width:260px}.hero-art{position:relative;width:100%;height:195px;margin-top:-5px;pointer-events:auto}.hero-art img{width:100%;height:155%;bottom:-22%;right:-12%;object-fit:contain}.label-merge{top:24%;left:14%}.label-done{right:8%;bottom:14%}.hero{min-height:0}.hero-note{display:inline-block;margin-left:10px;font-size:8px}.tool-card p{font-size:11px}}
:root{--muted:#627087}.hero-copy p{color:#526f92}.hero-note{color:#556e90}.search-box input::placeholder{color:#69778d}.tool-card p{font-size:11px}.nav-heading{color:#717f92}.results-heading>span{color:#738096}.tool-card h4{font-size:14px}.hero-art img{image-rendering:auto}
@media(max-width:650px){.hero{min-height:305px}.hero-copy{padding:23px 24px 25px}.hero h1{font-size:31px;letter-spacing:-1.5px;margin:14px 0 12px}.hero-copy p{max-width:185px;font-size:11px;line-height:1.7;margin-bottom:16px}.hero-art{position:absolute;right:-13px;bottom:-10px;width:170px;height:190px;margin:0}.hero-art img{width:145%;height:140%;right:-25%;bottom:-17%;object-fit:contain}.art-label{display:none}.hero-note{display:block;margin:9px 0 0;font-size:9px}.hero-copy .browse-button{padding:10px 12px;font-size:10px;gap:10px}.hero-kicker{font-size:9px}.hero-art{pointer-events:none}.search-box input{font-size:12px}.tool-workspace{padding-top:23px}.filter-row{margin-bottom:16px;gap:5px}.filter-row select{padding-top:0}.section-heading p{font-size:11px}.tool-card{min-height:170px}.tool-card h4{font-size:12px}.tool-link{padding:15px 13px}.tool-card p{font-size:11px;line-height:1.6}.tool-card h4{margin-top:12px}}
.favorite-button{color:#7c8ba1}.hero-note{font-size:10px;color:#4c6283}.hero-art img{filter:contrast(1.045)}.results-heading>span{color:#69768b}.hero-kicker{color:#4c6894}
@media(max-width:650px){.hero{min-height:287px}.hero-art{width:147px;height:173px;right:4px;bottom:1px}.hero-art img{right:-19%}.hero-copy{padding-top:20px;padding-bottom:20px}.hero h1{font-size:30px}.hero-note{font-size:10px}.filter-chips{flex-wrap:nowrap;overflow-x:auto;padding:1px 1px 5px}.chip{white-space:nowrap}.filter-row{gap:5px;margin-top:12px;margin-bottom:12px}.hero-copy p{color:#4b6384}.favorite-button{padding:9px;top:4px;right:3px}.favorite-button svg{width:17px;height:17px}.tool-workspace{padding-top:20px}.section-heading{margin-bottom:16px}.hero-copy p{max-width:190px}.top-actions a{font-size:10px}}
@media(max-width:650px){.filter-chips{width:100%;max-width:100%;min-width:0}.filter-row{min-width:0}}
/* Category-first directory */
[hidden]{display:none!important}
.tool-workspace{padding-top:0}.section-heading{align-items:flex-start;margin-bottom:23px}.section-heading h1{font-family:Manrope,sans-serif;font-size:30px;letter-spacing:-1px;line-height:1.25;color:var(--ink);margin:0 0 9px}.section-heading p{font-size:13px;line-height:1.7;max-width:720px;color:var(--muted)}.tool-total{padding-top:10px;font-size:12px;white-space:nowrap;margin-left:16px}.brand small{font-size:10px}.sidebar .nav-item{font-size:12px}.sidebar .nav-item[aria-current=page]{background:var(--selected);color:var(--blue);font-weight:600}.sidebar nav:first-of-type .nav-item{gap:11px}.directory-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 23px}.directory-controls .chip{font-size:12px;padding:8px 12px}.sort-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.sort-label select{font-size:12px;max-width:none}.category-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-bottom:26px;border-bottom:1px solid var(--line);margin-bottom:8px}.category-jump{display:flex;align-items:center;gap:8px;background:var(--surface);padding:11px 10px;border:1px solid var(--line);border-radius:7px;font-size:11px;color:var(--ink);min-width:0}.category-jump svg{width:15px;height:15px;color:#6584b3;flex-shrink:0}.category-jump small{color:var(--muted);margin-left:auto;font-size:10px}.category-jump:hover{border-color:#83a7e4;background:var(--selected)}.category-jump span{line-height:1.4}.category-section{padding:26px 0 12px;scroll-margin-top:20px}.category-section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px}.category-section-heading>div{max-width:710px}.category-section h2{display:flex;align-items:center;gap:10px;font-size:21px;margin-bottom:7px}.category-count{font-family:'DM Sans',sans-serif;color:var(--muted);font-size:11px;font-weight:500;letter-spacing:0;background:var(--selected);padding:4px 7px;border-radius:5px}.category-section-heading p{font-size:12px;color:var(--muted);line-height:1.7;margin:0;max-width:650px}.category-page-link{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--blue);flex-shrink:0}.category-page-link svg{width:13px;height:13px}.category-section .tool-card{min-height:180px}.category-section .tool-link{padding:20px;height:100%}.tool-card h3{font-size:14px;font-weight:650;letter-spacing:-.2px;margin:16px 0 8px;display:flex;gap:8px;align-items:center}.tool-card h3 svg{width:12px;height:12px;opacity:.55;flex-shrink:0}.tool-card p{font-size:12px;line-height:1.65;max-width:100%}.list .tool-card{min-height:83px}.list .tool-link{padding:15px 22px}.list .tool-card h3{margin:0 0 6px}.favorite-button{width:40px;height:40px;display:grid;place-items:center;right:7px;top:7px}.result-status{font-size:13px;line-height:1.5;color:var(--muted);margin:10px 0 0}.result-status:empty{display:none}.related-categories{border-top:1px solid var(--line);margin-top:35px;padding:24px 0;display:flex;flex-wrap:wrap;gap:12px}.related-categories h2{width:100%;font-size:17px;margin-bottom:3px}.related-categories a{font-size:12px;color:var(--blue);background:var(--selected);padding:8px 11px;border-radius:5px}footer{font-size:11px;line-height:1.6;gap:18px;margin-top:25px;border-top:1px solid var(--line)}footer>a{white-space:nowrap}.noscript-note{margin-left:var(--side);padding:10px 30px}.not-found{max-width:700px;margin:80px auto;padding:25px}.not-found h1{color:var(--ink);font-size:35px}.not-found a{color:var(--blue);text-decoration:underline}
@media(min-width:1500px){.category-overview{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1150px){.category-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.category-page-link{font-size:10px}.category-section-heading p{font-size:12px}.category-section .tool-link{padding:18px}}
@media(max-width:900px){.category-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.category-section-heading{align-items:flex-start}.category-page-link{margin-top:5px}.category-section h2{font-size:19px}.category-section-heading p{max-width:400px}.category-page-link svg{display:none}.section-heading h1{font-size:27px}}
@media(max-width:650px){main{padding-top:21px}.tool-workspace{padding-top:0}.section-heading{margin-bottom:17px}.section-heading h1{font-size:27px;letter-spacing:-.8px;margin-bottom:7px}.section-heading p{font-size:12px}.directory-controls{margin:12px 0 19px;align-items:flex-start;flex-wrap:wrap;gap:9px}.directory-controls .filter-chips{width:auto;max-width:100%;gap:6px;padding:1px 0}.directory-controls .chip{font-size:11px;padding:7px 9px}.sort-label{margin-left:auto;font-size:11px}.sort-label select{font-size:11px}.category-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-bottom:20px}.category-jump{font-size:11px;padding:10px 9px;min-height:43px;gap:7px}.category-section{padding:23px 0 4px}.category-section-heading{display:block;margin-bottom:13px}.category-section h2{font-size:20px}.category-section-heading p{font-size:12px;line-height:1.6}.category-page-link{font-size:12px;margin-top:9px;display:inline-flex}.category-section .tool-card{min-height:195px}.category-section .tool-link{padding:16px 13px}.tool-card h3{font-size:13px;margin:16px 0 8px;gap:5px}.tool-card h3 svg{display:none}.tool-card p{font-size:12px;line-height:1.6}.category-section .tool-icon{transform:scale(.85);height:36px}.favorite-button{width:44px;height:44px;top:1px;right:0}.list .tool-card{min-height:90px}.list .tool-link{padding:15px;align-items:flex-start}.list .tool-card h3{font-size:14px}.list .tool-card p{font-size:12px}.list .tool-card .favorite-button{top:13px}.list .tool-icon{flex-shrink:0}.list .card-copy{padding-right:27px}.list .tool-card{min-height:0}.related-categories{margin-top:22px}.related-categories a{font-size:12px}footer{font-size:10px;padding:19px 0}.sidebar .nav-item{font-size:12px}}
@media(max-width:650px){.category-overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.category-jump{font-size:10px;padding:8px 6px;gap:3px;min-height:46px}.category-jump svg{display:none}.category-jump small{font-size:9px;padding-left:2px}.category-section-heading{display:flex;align-items:center;gap:10px}.category-section h2{font-size:18px;margin:0}.category-page-link{font-size:11px;margin:0;white-space:nowrap}.category-section{padding-top:21px}.category-count{font-size:10px;padding:3px 5px}}
.brand{font-size:19px;letter-spacing:-.8px;gap:9px;padding-left:8px;padding-right:5px}.brand small{font-size:9px;letter-spacing:0}.breadcrumb>a{font-weight:650;color:var(--ink)}
.brand{display:block;padding:0 6px 31px}.brand-logo{display:block;width:100%;height:auto;max-width:190px}.mobile-brand-image{display:none}body.dark .brand-logo{background:#fff;border-radius:6px;padding:7px}.header-brand-label{display:inline}
@media(max-width:650px){.mobile-brand-image{display:block;width:121px;height:auto}.header-brand-label{display:none}body.dark .mobile-brand-image{background:#fff;padding:4px;border-radius:4px}.breadcrumb{gap:10px}}
/* Native processing workspace */
.native-tool{max-width:1450px}.tool-breadcrumb{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:12px;margin:0 0 20px}.tool-breadcrumb a{color:var(--blue)}.tool-heading h1{font:800 31px/1.25 Manrope,sans-serif;letter-spacing:-1px;color:var(--ink);margin:0 0 10px}.tool-heading p{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 13px;max-width:700px}.local-badge{display:inline-block;background:#e7f6ed;color:#2e7957;padding:6px 9px;font-size:11px;border-radius:5px}.tool-limitation{background:#fff8e9;border:1px solid #ecdfc2;border-radius:8px;color:#76603c;padding:13px 16px;font-size:12px;line-height:1.7;margin:20px 0}.tool-layout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(260px,1fr);gap:24px;margin-top:23px;align-items:start}.tool-layout:has(.preview-panel[hidden]){grid-template-columns:minmax(0,760px)}.tool-controls{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:23px}.drop-zone{display:flex;flex-direction:column;align-items:center;text-align:center;border:1.5px dashed #a7bee5;border-radius:10px;padding:28px 18px;background:var(--selected);cursor:pointer;gap:8px}.upload-icon{width:37px;height:37px;border-radius:9px;display:grid;place-items:center;background:var(--surface);color:var(--blue);font-size:24px}.drop-zone strong{font-size:16px;color:var(--blue)}.drop-zone>span:not(.upload-icon){font-size:12px;color:var(--muted)}.drop-zone small{font-size:10px;color:var(--muted)}.drop-zone input{max-width:100%;font-size:11px;margin-top:7px}.drop-zone.dragging{border-color:var(--blue);background:#dce9ff}.selected-file{display:flex;gap:7px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.selected-file>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.selected-file>small{white-space:nowrap;color:var(--muted);font-size:10px}.selected-file button{border:1px solid var(--line);border-radius:4px;padding:4px 7px;background:var(--bg)}.tool-settings{border:0;padding:0;margin:22px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tool-settings legend{font-size:13px;font-weight:600;margin-bottom:14px}.field-label{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:12px;font-weight:550;color:var(--ink)}.field-label:has(textarea),.field-label:has([data-option="pages"]),.field-label:has([data-option="password"]),.form-fields{grid-column:1/-1}.field-label input:not([type=checkbox]),.field-label textarea,.field-label select{border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:11px;border-radius:6px;outline:none;width:100%;max-width:none;font:400 13px/1.5 'DM Sans',sans-serif;min-height:42px}.field-label input:focus,.field-label textarea:focus,.field-label select:focus{outline:2px solid #9cbbf4}.field-label input[type=checkbox]{align-self:flex-start;width:18px;height:18px}.field-label input[type=color]{padding:3px;height:42px}.field-label small{font-size:10px;font-weight:400;line-height:1.6;color:var(--muted)}.field-label input[type=number]{appearance:auto}.field-label input[type=number][min="0.05"]{step:.05}.form-fields{display:grid;gap:12px}.form-fields p,.tool-explanation{font-size:12px;line-height:1.7;color:var(--muted)}.signature-box{margin:18px 0;font-size:12px}.signature-box canvas{display:block;width:100%;height:120px;background:#fff;border:1px solid var(--line);border-radius:6px;margin:9px 0;touch-action:none}.signature-box p{font-size:11px;color:var(--muted)}.signature-box button,#copy-report{border:1px solid var(--line);background:var(--bg);border-radius:5px;padding:7px 10px;font-size:11px}.run-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.run-actions button{border:1px solid var(--line);border-radius:6px;padding:11px 14px;background:var(--bg);font-size:12px}.run-actions .run-tool{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:550}.run-actions button:disabled{opacity:.55;cursor:wait}#tool-status{font-size:12px;line-height:1.7;white-space:pre-wrap;color:var(--muted);margin:16px 0 0}#tool-status.error{color:#ba3545;background:#fff1f2;border-radius:5px;padding:10px}#processing-progress{width:100%;margin-top:18px;height:5px}.preview-panel{min-width:0;background:var(--surface);border:1px solid var(--line);padding:17px;border-radius:11px;position:sticky;top:20px}.preview-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:11px}.preview-controls button{border:1px solid var(--line);padding:7px 9px;border-radius:5px;background:var(--bg);font-size:10px}.preview-controls span{color:var(--muted);margin:0 3px}.preview-controls button:disabled{opacity:.4}.preview-panel>p{font-size:11px;color:var(--muted);line-height:1.6}.preview-panel canvas{width:100%;height:auto;border:1px solid var(--line);display:block;touch-action:none;background:#fff}.download-result{display:block;background:var(--selected);border:1px solid var(--line);border-radius:6px;padding:11px 13px;font-size:12px;color:var(--blue);overflow-wrap:anywhere;margin:8px 0}.download-result:hover{border-color:#9db9e8}.primary-download{background:var(--blue);color:#fff}.image-result{max-width:100%;max-height:400px;object-fit:contain;display:block;margin:15px auto;background:#fff}#result-panel{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}#result-panel h2{font-size:19px}#output-report{white-space:pre-wrap;overflow-wrap:anywhere;max-height:350px;overflow:auto;background:var(--bg);padding:13px;font-size:12px;line-height:1.7;border:1px solid var(--line);border-radius:6px}#copy-report{margin-top:5px}.tool-help{max-width:760px;margin-top:30px;border-top:1px solid var(--line);padding-top:24px}.tool-help h2{font-size:17px;letter-spacing:-.3px;margin:0 0 12px}.tool-help p,.tool-help li{color:var(--muted);font-size:12px;line-height:1.8}.tool-help ol{padding-left:20px;margin-bottom:24px}.privacy-label{color:var(--muted);font-size:11px}body.dark .local-badge{background:#183c34;color:#a0d9ba}body.dark .tool-limitation{background:#3b3422;border-color:#635532;color:#e5cea2}body.dark #tool-status.error{background:#472734;color:#ffbdc5}
@media(max-width:1050px){.tool-layout{grid-template-columns:minmax(0,1fr)}.preview-panel{position:static}.tool-controls{padding:20px}.tool-layout:has(.preview-panel[hidden]){grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){.native-tool{padding-top:19px}.tool-heading h1{font-size:27px}.tool-heading p{font-size:13px}.tool-breadcrumb{font-size:11px;margin-bottom:17px}.tool-controls{padding:16px}.tool-layout{margin-top:18px;gap:16px}.tool-settings{grid-template-columns:minmax(0,1fr);gap:14px}.tool-limitation{font-size:11px;padding:12px;margin:17px 0}.drop-zone{padding:23px 12px}.privacy-label{display:none}.run-actions{gap:7px}.run-actions button{padding:11px 12px}.field-label input:not([type=checkbox]),.field-label textarea,.field-label select{font-size:16px}.tool-help p,.tool-help li{font-size:12px}.preview-panel{padding:12px}.selected-file>small{display:none}}