/* FeuTex 9: shared layout and component system. */
:root{--bg:#f6f7fb;--panel:#fff;--ink:#18233b;--muted:#657086;--line:#e1e5ee;--accent:#4c54d2;--soft:#eeefff;--shadow:0 4px 20px #14283906}
html[data-theme=dark]{--bg:#101320;--panel:#191e30;--ink:#f3f4fc;--muted:#adb5cd;--line:#30384f;--accent:#aab0ff;--soft:#282b4d;--shadow:none}
body{font-size:16px;line-height:1.6}h1,h2,h3{text-wrap:balance}a,button,input,textarea{ -webkit-tap-highlight-color:transparent}.wrap{width:100%;max-width:1380px;padding:0 36px;margin-inline:auto}main.wrap{min-height:65vh;padding-bottom:64px}header{height:84px;padding-inline:max(36px,calc((100vw - 1308px)/2));gap:32px;background:var(--panel)}header .logo{font-size:27px;white-space:nowrap}header .logo small{display:none}header nav{gap:28px;font-size:14px;font-weight:650}header .actions{gap:8px}.global-search-link{border-radius:10px;padding:10px 18px}.actions button{min-width:44px;min-height:44px;padding:8px}.logo svg{flex-shrink:0}.hero{padding:68px 0 40px;gap:60px;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr)}.hero h1{font-size:clamp(44px,5vw,72px);line-height:1.03;letter-spacing:-.055em;margin:22px 0}.hero .lede{font-size:18px;line-height:1.7;max-width:600px}.eyebrow{font-size:11px;letter-spacing:1.8px}.searchbox{width:100%;margin:24px 0 0}.searchbox input{font-size:16px;height:64px;border-radius:14px;border:1px solid #bdcdd7;box-shadow:0 6px 24px #14283906;padding-left:22px}.searchbox input:focus{outline:3px solid #36ae8e33;border-color:var(--accent)}.searchbox kbd{top:20px}.trust{font-size:13px;gap:20px}.hero-art{background:#132f38;border:1px solid #244750;border-radius:24px;padding:30px;min-height:370px;color:#fff;box-shadow:0 24px 55px #12333a18}.hero-art::before{background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:32px 32px}.launchpad{position:relative}.launchpad>p{font-size:12px;color:#b9d1ce;text-transform:uppercase;letter-spacing:2px;margin:0 0 22px}.launch-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.launch-links a{display:flex;flex-direction:column;gap:14px;padding:20px 16px;border:1px solid #ffffff25;border-radius:14px;background:#ffffff09;font-size:15px;font-weight:650;color:#f3faf8;transition:background .15s}.launch-links a:hover{background:#ffffff19}.launch-links b{font:700 24px ui-monospace,monospace;color:#9ce6c6}.launch-foot{font-size:12px;color:#b9d1ce;margin-top:24px}.catalog-stats{padding:22px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.catalog-stats strong{font-size:28px;display:block;letter-spacing:-1px}.catalog-stats span{font-size:13px}.topic-featured{gap:10px;padding:10px 0 30px}.topic-featured a{background:var(--panel);font-size:14px;border-radius:10px;padding:10px 16px}.topic-featured a:hover{background:var(--soft);color:var(--accent)}.sectionhead{margin:32px 0 20px}.sectionhead h2{font-size:26px}.sectionhead>a{font-size:14px;font-weight:650}.crumb{font-size:13px;padding-top:26px}.pagehero{padding:28px 0 16px}.pagehero h1{font-size:clamp(32px,4vw,52px);line-height:1.12;max-width:1000px;margin:16px 0}.pagehero .lede{font-size:17px;max-width:850px;line-height:1.7}.taglist{margin:8px 0 28px}.chip{padding:7px 13px;font-size:13px}.directory{display:block;width:100%;margin:24px 0 40px}.directory>div{min-width:0;width:100%}.directory:has(>.sidebar){display:grid;grid-template-columns:220px minmax(0,1fr)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;min-width:0}.card{min-height:240px;padding:24px;border-radius:16px;border:1px solid var(--line);display:flex;flex-direction:column;box-shadow:var(--shadow);overflow-wrap:anywhere}.card:hover{transform:translateY(-3px);border-color:#77ab98;box-shadow:0 12px 32px #1428390d}.card h3{font-size:19px;line-height:1.35;letter-spacing:-.025em;margin:20px 0 10px;text-wrap:pretty}.card p{font-size:14px;line-height:1.65;margin-bottom:22px}.cardtop{gap:12px}.icon{width:44px;height:44px;flex-shrink:0;border-radius:12px;font-size:18px}.favorite{min-height:44px;min-width:44px;padding:7px;font-size:23px}.cardfoot{gap:14px;flex-wrap:wrap;font-size:10px;font-weight:650;letter-spacing:.5px;padding-top:16px;border-top:1px solid var(--line);margin-top:auto}.cardfoot span:last-child{color:var(--accent);white-space:nowrap}.filters{gap:8px;margin:16px 0 24px}.filters button{min-height:42px}.sort-control{margin:14px 0;gap:12px}.sort-control select{font-size:13px}.pagination{flex-wrap:wrap;gap:7px}.pagination a,.pagination span{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center}.empty,#empty:not([hidden]){padding:35px;background:var(--panel);border:1px dashed var(--line);border-radius:14px;margin-top:18px}.featureband{gap:32px;padding:36px 0 0;margin-top:45px}.featureband h3{font-size:19px}.featureband p{font-size:14px}.tool-layout{grid-template-columns:minmax(0,1fr) 250px;gap:24px}.tool-layout>div{min-width:0}.workbench,.tool-layout .workbench{padding:28px;border-radius:20px;border:1px solid var(--line);box-shadow:0 12px 38px #14283908;overflow:visible}.workbench-top{gap:12px;align-items:center;padding-bottom:20px;margin-bottom:24px}.workbench-top strong{font-size:15px}.localbadge{border-radius:6px;padding:6px 10px;font-size:11px}.options{gap:16px;background:var(--bg);padding:18px;border-radius:12px;margin-bottom:24px}.options:empty{display:none}.options label{min-width:140px;font-size:13px}.options input,.options select,.options textarea{background:var(--panel)}.editors{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.editors>div{min-width:0}.editors label{font-size:13px;font-weight:650}.editors textarea,.tool-layout .editors textarea{min-height:280px;border-radius:10px;background:var(--bg);padding:16px;font-size:13px;line-height:1.7}.field-grid{gap:16px}.field-grid label{font-size:13px}.field-grid input{height:48px;font-size:17px}.field-unit{font-size:11px;line-height:1.4}.toolbar{padding-top:22px;gap:8px}.toolbar button{font-size:13px;min-height:44px;padding:10px 14px}.toolbar .primary{padding-inline:24px}.primary{background:var(--accent);color:var(--panel)}.status:not(:empty){font-size:14px;padding:14px;border-radius:10px}.status.error{color:#b23030;background:#fff0ef}.result-panel{margin:0 0 20px;padding:24px}.metric-row{gap:15px;padding:13px 12px}.metric-row strong{font-size:19px}.result-details summary{font-size:13px;min-height:44px;padding:10px 0}.result-details textarea{min-height:160px!important}.conversion-table{border-radius:10px;display:block;overflow:auto;max-width:100%;font-size:13px}.conversion-table th{white-space:nowrap}.conversion-table td{max-width:300px;overflow-wrap:anywhere}.table-export{font-size:12px;padding:6px 12px;min-height:36px;margin-top:8px}.tool-aside{position:static;padding:20px;border-radius:16px}.tool-aside .callout{padding:0;background:transparent}.tool-aside h2{font-size:16px;margin:28px 0 14px}.tool-aside .related a{padding:13px;border:1px solid var(--line);border-radius:10px;font-size:13px}.tool-aside p{font-size:13px}.tool-aside #share-tool{font-size:12px}.prose{max-width:900px;font-size:15px;line-height:1.85}.prose h2{font-size:25px;margin-top:36px}.prose pre{font-size:12px;max-height:320px;overflow:auto}.contentgrid{gap:30px}.dropzone{border:2px dashed #9ebfb2;border-radius:14px;background:var(--soft);padding:24px 18px;text-align:center;margin-bottom:14px;transition:background .15s}.dropzone.dragover{background:#cbeadb;border-color:var(--accent)}.dropzone strong{display:block;font-size:16px;margin-bottom:6px}.dropzone p{margin:6px 0 16px;font-size:12px;color:var(--muted)}.dropzone input{width:100%;font-size:13px;background:var(--panel)}.dropzone input::file-selector-button{padding:9px 12px;border:0;border-radius:6px;background:var(--accent);color:var(--panel);margin-right:10px;cursor:pointer}.file-row{display:flex;gap:6px;background:var(--bg);padding:12px;border-radius:10px;font-size:12px}.file-row button{padding:5px 9px;font-size:11px;min-height:34px}.file-row span{font-weight:600}.file-summary{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.source-preview{width:100%;max-height:220px;object-fit:contain;border:1px solid var(--line);border-radius:10px;margin:12px 0}.file-label{display:block;font-size:12px;color:var(--muted)}.imagepreview{max-height:450px;width:100%;object-fit:contain}.workspace-expanded .wrap{max-width:1660px}.workspace-expanded .tool-layout{grid-template-columns:minmax(0,1fr)}.workspace-expanded .tool-aside{display:none}.row-cards fieldset{border-radius:12px;background:var(--bg);padding:16px}.row-cards input{background:var(--panel)}.row-cards legend{font-size:13px}.legacy-content{min-width:0}.legacy-content .row{gap:16px}.legacy-content input,.legacy-content textarea,.legacy-content select{border-radius:9px!important}.legacy-content button{border-radius:9px;min-height:44px}.legacy-content pre{max-width:100%;overflow:auto}.footerinner{padding-top:12px;padding-bottom:12px;gap:35px;font-size:13px}.footerlinks{gap:18px;align-content:start;max-width:450px}.footerlinks a{padding-block:6px}footer{padding:38px 0}.topic-intro{margin:20px 0 28px;padding:18px 22px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.topic-intro summary{font-weight:650;cursor:pointer}.topic-intro h2{margin-top:16px}#result-count{font-size:14px;font-weight:650;color:var(--muted)}[hidden]{display:none!important}
@media(min-width:1500px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){header{gap:20px;padding-inline:24px}header nav{gap:18px}.wrap{padding-inline:24px}.tool-layout{grid-template-columns:minmax(0,1fr)}.tool-aside{display:grid;grid-template-columns:1fr 2fr;gap:16px;align-items:start}.tool-aside .related{grid-column:2;grid-row:1/4;grid-template-columns:1fr 1fr}.tool-aside h2{margin:0}.hero{gap:30px}.hero-art{padding:22px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){header{height:72px;gap:14px}.global-search-link kbd{display:none}header nav{display:none;position:absolute;left:16px;right:16px;top:72px;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}header nav.open{display:flex}.menu-toggle{display:inline-flex}.hero{display:block;padding-top:40px}.hero h1{font-size:54px}.hero-art{display:none}.hero .lede{font-size:17px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.directory:has(>.sidebar){display:block}.sidebar{position:static}.sideitems{display:flex;overflow:auto}.sideitem{white-space:nowrap}.editors{gap:20px}.workbench,.tool-layout .workbench{padding:22px}.contentgrid{grid-template-columns:1fr}.featureband{grid-template-columns:1fr;gap:12px}.footerinner{flex-wrap:wrap}.tool-aside{display:block}.tool-aside .related{display:grid;grid-template-columns:1fr 1fr}.tool-aside h2{margin:24px 0 12px}}
@media(max-width:600px){.wrap{width:100%;padding-inline:16px}main.wrap{padding-bottom:40px}header{padding-inline:16px;gap:10px}.logo{font-size:23px!important;gap:8px}.logo svg{width:30px;height:30px}.global-search-link{padding:8px 10px;font-size:12px}.actions{gap:5px!important}.actions button{min-width:38px;padding:6px}.hero h1{font-size:46px}.hero .searchbox input{height:60px}.hero .trust{gap:12px;font-size:11px}.pagehero h1{font-size:34px}.pagehero .lede{font-size:16px}.eyebrow{font-size:10px}.pagehero{padding-top:20px}.grid{grid-template-columns:minmax(0,1fr);gap:12px}.card{min-height:0;padding:20px}.card h3{margin-top:14px;font-size:20px}.card p{margin-bottom:18px}.cardfoot{padding-top:12px}.sectionhead{align-items:start;flex-wrap:wrap;gap:10px}.sectionhead h2{font-size:24px}.topic-featured{gap:8px}.topic-featured a{font-size:12px;padding:9px 12px}.editors{grid-template-columns:minmax(0,1fr)}.workbench,.tool-layout .workbench{padding:18px;border-radius:16px}.options{padding:14px}.options label{min-width:120px}.workbench-top{align-items:start}.workbench-top #expand-workspace{display:none}.toolbar .primary{flex:1 1 100%}.toolbar button{flex:1 1 40%}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editors input,.options input,.options select,textarea{font-size:16px}.tool-aside .related{grid-template-columns:1fr}.footerlinks{gap:12px}.sort-control{justify-content:flex-start}.row-cards fieldset{grid-template-columns:1fr}.card:hover{transform:none}.result-panel{padding:18px}.topic-intro{padding:16px}.prose{font-size:14px}}
@media(max-width:380px){.field-grid{grid-template-columns:1fr}.global-search-link{display:none}.hero h1{font-size:40px}.catalog-stats strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.crop-stage{position:relative;line-height:0;margin:12px 0}.crop-stage .source-preview{display:block;width:100%;max-height:none;height:auto;margin:0}.crop-stage svg{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair;touch-action:none}.crop-stage:has(img[hidden]){display:none}.crop-selection{fill:#0c9b7330;stroke:#12a47c;stroke-width:2;vector-effect:non-scaling-stroke}.crop-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:18px}.crop-controls label{font-size:12px}.crop-controls select{display:block;margin-top:4px;font-size:13px}.crop-controls button{font-size:12px;min-height:42px}
/* Release 10: expressive task-first presentation. */
html{scroll-padding-top:104px;scroll-behavior:smooth}header{height:80px;background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}header .logo{letter-spacing:-1.2px}.logo svg rect{fill:#4c54d2}header nav a{color:var(--muted)}header nav a:hover{color:var(--ink)}.global-search-link{background:var(--bg);color:var(--muted);border:0;border-radius:12px;padding:11px 18px}header .actions button{border-color:transparent;background:var(--bg);border-radius:12px}.hero-modern{padding:76px 0 54px;grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr);gap:64px;align-items:center}.hero-modern h1{font-size:clamp(48px,5.5vw,78px);font-weight:750;letter-spacing:-.065em;line-height:1.02;margin:24px 0}.hero-modern h1 em{color:var(--accent)}.hero-modern .lede{font-size:17px;line-height:1.8;max-width:580px}.hero-modern .eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;display:inline-flex;border:1px solid var(--line);background:var(--panel);padding:8px 12px;border-radius:999px}.hero-modern .dot{background:#e69858;box-shadow:0 0 0 4px #e6985818;width:6px;height:6px}.hero-modern .searchbox{margin-top:30px;max-width:none}.hero-modern .searchbox input{height:68px;border:1px solid #cfd3e4;border-radius:15px;padding-left:50px;box-shadow:0 7px 0 #e8eaf3,0 16px 35px #18233b05}.search-symbol{position:absolute;left:20px;top:12px;font-size:28px;color:var(--muted)}.hero-modern .searchbox kbd{top:23px;font-size:10px}.hero-suggestions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:22px;font-size:11px;color:var(--muted)}.hero-suggestions a{padding:5px 10px;border:1px solid var(--line);border-radius:7px;background:var(--panel);font-weight:550}.hero-suggestions>span{margin-right:3px}.hero-desk{border-radius:24px;background:#e9ebfa;border:1px solid #dcdff2;padding:20px;position:relative;transform:rotate(1deg);box-shadow:0 24px 60px #353b6410;color:#18233b}.desk-heading{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.3px;font-weight:750;padding:2px 2px 18px;color:#69718b}.desk-heading>span:last-child{margin-left:auto;font-size:16px}.desk-dot{background:#7a81ce;width:7px;height:7px;border-radius:50%}.desk-document{background:#fff;border:1px solid #daddeb;border-radius:16px;padding:25px;display:flex;gap:25px;align-items:center;color:#18233b;box-shadow:0 8px 20px #353b6408}.desk-document:hover{color:#4c54d2}.desk-document small{font-size:8px;letter-spacing:1.4px;font-weight:700;color:#81879b}.desk-document h2{font-size:25px;line-height:1.15;letter-spacing:-1px;margin:10px 0 20px}.desk-cta{display:flex;gap:30px;align-items:center;font-size:11px;font-weight:700}.desk-cta b{background:#eeefff;color:#4c54d2;border-radius:8px;padding:5px 9px}.paper-stack{width:100px;height:140px;position:relative;flex-shrink:0}.paper-stack span{position:absolute;display:flex;align-items:end;width:82px;height:112px;border:1px solid #e8c5b7;border-radius:8px;background:#fff3ec;padding:12px;font-size:13px;letter-spacing:1px;color:#b26a48;box-shadow:0 6px 12px #b26a480a}.paper-stack span::before{content:'';position:absolute;top:20px;left:12px;right:12px;height:35px;background:repeating-linear-gradient(to bottom,#e8c5b7 0 2px,transparent 2px 9px)}.paper-stack span:nth-child(1){transform:rotate(-13deg);top:4px;left:0}.paper-stack span:nth-child(2){transform:rotate(6deg);top:9px;left:11px;background:#fff9f3}.paper-stack span:nth-child(3){transform:rotate(-3deg);top:17px;left:8px;background:#fff}.desk-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.desk-bottom a{display:flex;align-items:center;gap:9px;border-radius:12px;border:1px solid #d9dded;background:#f7f8fe;padding:17px 12px;font-size:13px;color:#555e82}.desk-bottom a:hover{background:white}.desk-bottom svg{width:22px;height:22px;flex-shrink:0}.desk-bottom a span{font-size:10px;font-weight:750;flex:1}.desk-bottom small{display:block;font-size:8px;margin-top:3px;font-weight:450;color:#798199}.desk-note{padding:16px 0 0;text-align:center;font-size:9px;letter-spacing:.2px;color:#7e86a0}.catalog-stats{border:0;background:var(--panel);border-radius:16px;padding:24px 28px;gap:24px;margin-bottom:34px}.catalog-stats>div{border-right:1px solid var(--line)}.catalog-stats>div:last-child{border:0}.catalog-stats strong{font-size:25px;letter-spacing:-.9px;display:inline;margin-right:10px}.catalog-stats span{font-size:11px;color:var(--muted)}.sectionhead h2{font-size:29px;letter-spacing:-1.1px}.sectionhead>a{font-size:12px;color:var(--accent)}.topic-featured{padding-bottom:20px;gap:8px}.topic-featured a{padding:10px 16px;border-radius:9px;font-size:12px;font-weight:600;background:transparent}.topic-featured a:hover{background:var(--panel);border-color:#b8bde5}.grid{gap:16px}.card{border-radius:16px;min-height:235px;padding:23px;box-shadow:none;border-color:var(--line);background:var(--panel);transition:border-color .2s,box-shadow .2s,transform .2s}.card:hover{border-color:#aeb4de;box-shadow:0 12px 28px #18233b09;transform:translateY(-4px)}.card h3{font-size:17px;letter-spacing:-.4px;line-height:1.4;margin-top:19px}.card p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:20px}.cardfoot{font-size:9px;border-top:1px solid var(--line);letter-spacing:.7px;padding-top:15px}.cardfoot span:last-child{font-size:10px;letter-spacing:0}.card .icon{background:#eeefff;color:#6268c4;width:43px;height:43px;border-radius:12px}.icon svg{width:23px;height:23px}.card[data-family=file] .icon{background:#fff0e9;color:#bb7453}.card[data-family=image] .icon{background:#eeeaff;color:#8662c0}.card[data-family=audio] .icon{background:#e6f4ee;color:#428b75}.card[data-family=video] .icon{background:#fceaf1;color:#bb6085}.card[data-family=calc] .icon{background:#e8f1fc;color:#5384b4}.card[data-family=code] .icon{background:#e9edf9;color:#5d73af}.card[data-family=game] .icon{background:#f5edfd;color:#9860b4}.card[data-family=chart] .icon{background:#fcf3df;color:#a5843c}.card[data-family=world] .icon{background:#e4f5f7;color:#458d97}.card[data-family=shield] .icon{background:#e8f3e8;color:#56875c}.favorite{color:#a1a8b7;font-size:22px;border-radius:9px}.favorite:hover{background:var(--bg);color:var(--accent)}.directory{margin-top:24px}.filters .chip{border-radius:8px;background:transparent;font-size:12px;padding:7px 14px}.filters .chip.active{background:var(--ink);color:var(--panel);border-color:var(--ink)}.pagehero .eyebrow{font-size:9px;letter-spacing:1.7px}.pagehero h1{font-size:clamp(33px,4vw,52px);font-weight:730;letter-spacing:-1.9px}.pagehero .lede{font-size:16px}.crumb{font-size:11px;color:var(--muted)}.pagehero{padding-bottom:16px}.taglist .chip{background:var(--panel);font-size:11px;border-radius:6px;padding:5px 10px}.workspace-nav{display:flex;gap:26px;border-bottom:1px solid var(--line);margin:2px 0 24px;font-size:12px;font-weight:600}.workspace-nav a{padding:10px 0 14px}.workspace-nav a:first-child{border-bottom:2px solid var(--accent);color:var(--accent)}.workspace-nav a:last-child{margin-left:auto;color:var(--muted)}.workbench,.tool-layout .workbench{border-radius:18px;padding:26px;box-shadow:0 8px 30px #18233b04}.workbench-top strong{font-size:13px}.localbadge{font-size:10px;padding:6px 9px;border-radius:6px;background:var(--soft);color:var(--accent)}.workbench-top #expand-workspace{border:1px solid var(--line);border-radius:7px;font-size:10px;padding:6px 9px;min-height:30px}.pane-heading{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:750;margin:0 0 16px;color:var(--ink)}.pane-heading span{font:10px ui-monospace,monospace;background:var(--soft);color:var(--accent);padding:4px 7px;border-radius:5px}.editors>div+div{border-left:1px solid var(--line);padding-left:24px}.editors textarea,.tool-layout .editors textarea{background:var(--bg);border-color:var(--line);font-size:12px!important;line-height:1.85!important;border-radius:10px}.editors label{font-size:11px}.options{background:var(--bg);border:1px solid var(--line);padding:16px}.options label{font-size:11px}.options input,.options select{border-radius:7px;font-size:13px}.field-grid input{height:48px;background:var(--bg);border-radius:9px;font-weight:550}.toolbar{gap:8px}.toolbar button{border-radius:8px;font-size:11px;min-height:42px;padding:10px 13px}.toolbar .primary{background:#4c54d2;color:white;border-color:#4c54d2;box-shadow:0 3px 0 #353daa;padding-inline:24px}.toolbar .primary:hover{background:#4149c2}.tool-aside{border-radius:16px;background:var(--panel);padding:20px}.tool-aside .callout strong{font-size:14px}.tool-aside .callout p{font-size:12px}.tool-aside h2{font-size:14px;letter-spacing:-.3px}.tool-aside .related a{font-size:12px;border:0;background:var(--bg);padding:12px;border-radius:9px}.tool-aside .related a:hover{background:var(--soft)}.dropzone{border-color:#c0c5e9;background:var(--soft);border-radius:12px}.dropzone strong{font-size:15px}.dropzone input{background:var(--panel);border-radius:8px}.dropzone input::file-selector-button{background:#4c54d2;color:#fff}.dropzone.dragover{background:#dee1ff;border-color:#737bd5}.status:not(:empty){font-size:12px}.metric-row strong{font-size:18px}.result-panel{background:var(--soft);border:1px solid var(--line)}.result-panel .result-label{font-size:9px}.featureband{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.featureband>div{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.featureband h3{font-size:17px}.featureband p{font-size:12px}.prose{font-size:14px}.prose h2{font-size:23px;letter-spacing:-.6px}.topic-intro{font-size:13px;background:transparent;border:1px solid var(--line);padding:16px 20px}.topic-intro summary{font-size:12px;color:var(--muted)}footer{background:var(--panel);border-top:1px solid var(--line);padding:42px 0}.footerinner{font-size:11px}.footerinner .logo{font-size:23px}.footerlinks{font-size:12px}.searchbox input{background:var(--panel)}.sort-control select{background:var(--panel);border-radius:8px}.list-view{grid-template-columns:minmax(0,1fr)!important}.list-view .card{display:grid;grid-template-columns:60px minmax(150px,1fr) minmax(180px,1.4fr) 150px;align-items:center;gap:20px;min-height:0;padding:18px 22px}.list-view .cardtop{position:relative}.list-view .favorite{position:absolute;left:0;top:45px;display:none}.list-view .card h3,.list-view .card p{margin:0}.list-view .cardfoot{border:0;padding:0;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.view-switch{display:flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-left:auto}.view-switch button{border:0;border-radius:0;background:var(--panel);padding:8px 12px;font-size:11px;min-height:38px}.view-switch button[aria-pressed=true]{background:var(--soft);color:var(--accent)}.sort-control{flex-wrap:wrap}.sort-control .view-switch{margin-left:10px}html[data-theme=dark] .card .icon{background:#2d324e;color:#bdc5ff}html[data-theme=dark] .hero-modern .searchbox input{border-color:#3b4260;box-shadow:0 6px 0 #20263c}html[data-theme=dark] .hero-desk{filter:brightness(.9)}html[data-theme=dark] .status.error{background:#422429;color:#ffb4b4}
@media(max-width:1100px){.hero-modern{gap:30px}.desk-document{padding:20px;gap:16px}.paper-stack{width:80px}.desk-document h2{font-size:22px}.desk-bottom a{padding:14px 9px}.desk-bottom svg{width:18px}.catalog-stats strong{display:block}.editors>div+div{padding-left:20px}.tool-aside .related{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.hero-modern{display:block;padding-top:45px}.hero-copy{max-width:650px}.hero-desk{display:none}.hero-modern h1{font-size:60px}.catalog-stats strong{display:inline}.catalog-stats>div:nth-child(2){border:0}.featureband{grid-template-columns:1fr}.featureband>div{padding:20px}.tool-aside .related{grid-template-columns:1fr 1fr}.list-view .card{grid-template-columns:45px 1fr}.list-view .card p{grid-column:2}.list-view .cardfoot{grid-column:2;align-items:flex-start}.view-switch{display:none}header{height:72px}.hero-modern .lede{font-size:17px}}
@media(max-width:600px){header{position:relative}.hero-modern{padding:34px 0 28px}.hero-modern h1{font-size:49px;letter-spacing:-2.9px}.hero-modern .eyebrow{font-size:8px;letter-spacing:1.4px}.hero-modern .lede{font-size:15px}.hero-modern .lede br{display:none}.hero-modern .searchbox input{font-size:14px;height:62px;padding-left:43px}.search-symbol{left:15px;top:11px}.hero-suggestions{font-size:10px;gap:6px}.hero-suggestions a{padding:5px 8px}.catalog-stats{padding:20px;gap:20px;border-radius:12px}.catalog-stats strong{font-size:23px;display:block}.catalog-stats span{font-size:10px}.pagehero h1{font-size:34px;letter-spacing:-1.3px}.pagehero .lede{font-size:15px}.card{padding:20px;min-height:0}.card h3{font-size:18px}.card p{font-size:13px}.cardfoot{font-size:9px}.editors>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:22px}.workbench,.tool-layout .workbench{padding:18px}.workspace-nav{gap:20px;font-size:11px}.workspace-nav a:last-child{display:none}.toolbar button{font-size:12px;min-height:44px}.tool-aside .related{grid-template-columns:1fr}.editors input,.options input,.options select{font-size:16px}.hero-modern .searchbox kbd{display:none}.sectionhead h2{font-size:25px}.list-view .card{display:flex;align-items:stretch;gap:0}.list-view .card h3{margin:16px 0 10px}.list-view .card p{margin-bottom:18px}.list-view .cardfoot{border-top:1px solid var(--line);padding-top:14px;flex-direction:row}.list-view .favorite{position:static;display:block}.list-view .cardtop{position:static}.sort-control .view-switch{display:none}}
/* Device-aware components: width is measured at the workspace, not just viewport. */
.workbench{container-type:inline-size;container-name:tool}.command-search{width:min(640px,calc(100% - 32px));max-height:85dvh;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--ink);box-shadow:0 32px 100px #10132044;margin:10dvh auto auto}.command-search::backdrop{background:#11162988;backdrop-filter:blur(5px)}.command-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.command-top h2{font-size:20px;letter-spacing:-.6px;margin:0}.command-top button{font-size:10px;border-radius:6px;padding:5px 8px;min-height:32px}.command-search>input{width:100%;height:54px;font-size:16px;background:var(--bg);border-radius:11px;border-color:var(--line)}.command-status{font-size:11px;color:var(--muted);margin:15px 0 10px}.command-results{display:grid;gap:5px;max-height:52dvh;overflow:auto}.command-results a{display:flex;align-items:center;gap:14px;padding:11px;border-radius:11px}.command-results a:hover,.command-results a:focus-visible{background:var(--soft);outline-offset:-2px}.command-results a>span:nth-child(2){flex:1;min-width:0}.command-results strong{display:block;font-size:13px;font-weight:650}.command-results small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.command-results .icon{width:37px;height:37px;border-radius:9px;flex-shrink:0}.command-results svg{width:20px;height:20px}.command-arrow{font-size:16px;color:var(--muted)}.command-foot{border-top:1px solid var(--line);margin-top:16px;padding-top:14px;font-size:10px;color:var(--muted)}body.search-open{overflow:hidden}.topic-showcase{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:10px 0 26px}.topic-showcase a{border:1px solid var(--line);border-radius:14px;padding:18px 15px;background:var(--panel);display:flex;flex-direction:column;gap:14px;transition:transform .2s,border-color .2s}.topic-showcase a:hover{border-color:#aab1dd;transform:translateY(-3px)}.topic-showcase .topic-mark{width:34px;height:34px;background:var(--soft);color:var(--accent);border-radius:9px;display:grid;place-items:center}.topic-mark svg{width:19px;height:19px}.topic-showcase strong{font-size:13px;font-weight:650;letter-spacing:-.2px}.topic-showcase small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.topic-showcase .topic-arrow{margin-left:auto;font-size:12px;color:var(--muted)}.topic-showcase a>div:first-child{display:flex;align-items:center;justify-content:space-between}.topic-label{margin:26px 0 8px;display:flex;justify-content:space-between;align-items:center}.topic-label h2{font-size:12px;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted);font-weight:650}.topic-label a{font-size:11px;color:var(--accent)}.metric-row{border:1px solid transparent;align-items:center}.metric-row:nth-child(odd){background:var(--bg)}.metric-row strong{font-variant-numeric:tabular-nums;letter-spacing:-.5px}.result-panel{background:linear-gradient(130deg,var(--soft),var(--panel));padding:25px;border-radius:14px}.row-cards fieldset{border-radius:13px}.toolbar{position:relative}.toolbar .primary:focus-visible{outline:3px solid #979fec;outline-offset:4px}.workbench .status:empty{min-height:0;margin:0}.card{content-visibility:auto;contain-intrinsic-size:auto 235px}.list-view .card{contain-intrinsic-size:auto 100px}
@container tool (max-width:620px){.editors{grid-template-columns:minmax(0,1fr)}.editors>div+div{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.toolbar .primary{flex:1 1 100%}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.options label{min-width:140px}.editors textarea{min-height:220px}}
@container tool (max-width:340px){.field-grid{grid-template-columns:minmax(0,1fr)}.options label{min-width:100%}.metric-row strong{font-size:16px}.row-cards fieldset{grid-template-columns:minmax(0,1fr)}}
@media(max-width:1100px){.topic-showcase{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.topic-showcase{grid-template-columns:repeat(3,minmax(0,1fr))}.topic-showcase a{padding:15px}.command-search{margin-top:5dvh;max-height:90dvh}.command-results{max-height:55dvh}}
@media(max-width:480px){.topic-showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.topic-showcase a{padding:15px;gap:11px}.topic-showcase strong{font-size:13px}.command-search{padding:16px;border-radius:16px;width:calc(100% - 20px)}.command-top h2{font-size:18px}.command-top{margin-bottom:15px}.command-results a{padding:10px 6px;gap:10px}.command-results strong{font-size:12px}.command-foot{font-size:9px}.card{contain-intrinsic-size:auto 225px}}
.command-search:not([open]){display:none}
@supports not (height:1dvh){.command-search{max-height:85vh;margin-top:8vh}.command-results{max-height:52vh}}

/* Repeatable work, with deliberate local saving. */
.saved-setups{margin:1.1rem 0;padding:1rem 1.2rem;border:1px solid var(--line,#dce1ed);border-radius:16px;background:var(--panel,#fff)}
.saved-setups summary{cursor:pointer;font-weight:750;min-height:28px}.saved-setups p{font-size:.88rem;color:var(--muted,#68738c);max-width:75ch}.setup-controls{display:flex;align-items:end;flex-wrap:wrap;gap:.7rem}.setup-controls label{display:flex;flex-direction:column;gap:.35rem;flex:1 1 180px}.setup-controls input,.setup-controls select{min-height:44px;max-width:100%;width:100%;border-radius:10px}.setup-controls button{min-height:44px}.saved-setups input[type=file]{max-width:250px}.use-case-callout{padding:1.25rem 1.5rem;border:1px solid var(--line,#dce1ed);border-left:4px solid #6574e8;border-radius:16px;margin:1.25rem 0}.use-case-callout h2{font-size:1.1rem;margin-top:0}.workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin:2rem 0 5rem}.workflow-card{display:block;padding:2rem;border:1px solid var(--line,#dce1ed);border-radius:22px;background:var(--panel,#fff);color:inherit;text-decoration:none;transition:transform .15s,border-color .15s}.workflow-card:hover{transform:translateY(-3px);border-color:#6574e8}.workflow-card>span{font-size:.7rem;letter-spacing:.14em;color:#6574e8;font-weight:800}.workflow-card h2{font-size:1.6rem;line-height:1.2}.workflow-card p{color:var(--muted,#68738c);line-height:1.7}.workflow-guide>ol{padding-left:1.5rem}.workflow-guide>ol>li{padding:0 0 2rem 1rem}.workflow-guide .button{display:inline-flex;min-height:44px;align-items:center;padding:.7rem 1rem;border:1px solid #6574e8;border-radius:12px}.saved-setups:focus-within,.workflow-card:focus-visible{outline:2px solid #6574e8;outline-offset:3px}
@media(max-width:640px){.workflow-grid{grid-template-columns:1fr}.workflow-card{padding:1.5rem}.setup-controls{align-items:stretch}.setup-controls button{flex:1 1 90px}.saved-setups{padding:1rem}.workflow-guide>ol>li{padding-left:.3rem}}
@media(prefers-reduced-motion:reduce){.workflow-card{transition:none}.workflow-card:hover{transform:none}}
/* Task discovery and multiple-output workflows. */
.fresh-tools{display:grid;grid-template-columns:1fr 1.6fr;gap:2rem;padding:2.25rem;margin:3rem 0;border:1px solid var(--line);border-radius:24px;background:linear-gradient(125deg,var(--soft),var(--panel))}.fresh-tools h2{font-size:clamp(24px,3vw,36px);line-height:1.15;letter-spacing:-1px;margin:.7rem 0 1rem}.fresh-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fresh-links a{padding:1.2rem;border-radius:14px;border:1px solid var(--line);background:var(--panel);font-weight:700;color:var(--ink);text-decoration:none}.fresh-links span{display:block;font-size:12px;font-weight:450;color:var(--muted);margin-top:8px}.fresh-links a:hover{border-color:var(--accent)}.search-reset{font-size:12px;min-height:40px;margin-left:.5rem}.extracted-file{display:block;padding:13px 16px;border:1px solid var(--line);border-radius:10px;background:var(--panel);margin:8px 0;overflow-wrap:anywhere}.file-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.file-row>span{flex:1 1 180px;min-width:0;overflow-wrap:anywhere}.file-row button{min-height:40px;font-size:12px}.list-view .favorite{display:inline-flex!important}.sort-control{flex-wrap:wrap}.fresh-links a:focus-visible,.extracted-file:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:760px){.fresh-tools{grid-template-columns:1fr;padding:1.5rem;gap:1.2rem}.fresh-tools h2 br{display:none}.search-reset{margin-left:0}}
@media(max-width:420px){.fresh-links{grid-template-columns:1fr}.file-row>span{flex-basis:100%}.file-row button{flex:1}}