:root{font-family:Manrope,IBM Plex Sans Thai,sans-serif;font-synthesis:none;color-scheme:light;--paper:#f3f5f5;--surface:#fff;--soft:#f6f8f8;--hover:#eef3f2;--ink:#24312e;--muted:#6d7a77;--faint:#8b9693;--edge:#e1e7e5;--accent:#137567;--accent-soft:#e7f3ef;--primary:#14796a;--primary-text:#fff;--danger:#a63241;--danger-bg:#fff0f2;--sidebar:282px;color:var(--ink);background:var(--paper)}html[data-theme=dark]{color-scheme:dark;--paper:#10151b;--surface:#181f27;--soft:#1d2630;--hover:#24313b;--ink:#e7efed;--muted:#a2b3b0;--faint:#7b9290;--edge:#2b3942;--accent:#79d5bd;--accent-soft:#1b3936;--primary:#7ed9bf;--primary-text:#102f28;--danger:#ffbdc8;--danger-bg:#3b242e}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}svg{width:20px;height:20px;display:block;flex:none}button{border:0}.mobile-only{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:var(--sidebar);display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--edge)}.brand-row{height:88px;padding:22px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:800;letter-spacing:-.6px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--accent-soft);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 18%,var(--edge));border-radius:10px;font-size:26px;letter-spacing:-2px;padding-right:3px}.brand-sub{display:block;color:var(--muted);font-size:10px;letter-spacing:.7px;font-weight:500;margin-top:1px}.search{margin:0 16px;display:flex;align-items:center;gap:9px;background:var(--soft);border:1px solid var(--edge);border-radius:9px;padding:8px 10px}.search>span{font-size:25px;line-height:1;color:var(--muted)}.search input{min-width:0;width:100%;border:0;background:transparent;padding:2px 0;font-size:12px;outline-offset:7px}.search kbd{font-size:10px;border:1px solid var(--edge);border-radius:4px;padding:0 5px;color:var(--faint)}.category-picker{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 13px;font-size:11px;color:var(--muted)}.category-picker select{max-width:174px;font-size:11px;border:0;background:transparent;padding:4px;color:var(--ink)}.sidebar-scroll{min-height:0;overflow:auto;padding:0 12px 12px;scrollbar-width:thin;scrollbar-color:var(--edge) transparent}.list-heading{display:flex;justify-content:space-between;align-items:center;margin:12px 9px 10px;font-size:10px;color:var(--muted)}.list-heading>span:first-child{font-weight:600}.list-heading>span:last-child{font-size:9px;color:var(--faint)}.tool-list{display:flex;flex-direction:column;gap:3px}.tool-card{position:relative;border-radius:8px;border:1px solid transparent;transition:background .12s}.tool-card:hover{background:var(--soft)}.tool-card.selected{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 13%,transparent)}.tool-open{min-height:61px;display:flex;align-items:center;gap:11px;padding:11px 35px 11px 12px;border-radius:8px}.tool-icon{color:var(--muted)}.selected .tool-icon,.selected .tool-open strong{color:var(--accent)}.tool-open strong{display:block;font-size:12px;line-height:1.6;font-weight:600}.tool-open small{display:block;color:var(--faint);font-size:8px;letter-spacing:1px;margin-top:1px}.pin-tool{position:absolute;right:5px;top:50%;transform:translateY(-50%);padding:5px;background:transparent;color:var(--faint);font-size:19px;line-height:1;border-radius:5px;opacity:0}.tool-card:hover .pin-tool,.pin-tool:focus-visible,.pin-tool[aria-pressed=true]{opacity:1}.pin-tool[aria-pressed=true]{color:var(--accent)}.favorites{padding:5px 5px 14px;border-bottom:1px solid var(--edge)}.favorites h2{font-size:10px;font-weight:600;color:var(--muted);margin:3px 4px 9px}.favorite-link{display:block;font-size:11px;padding:7px 5px;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:6px}.favorite-link:hover{background:var(--soft)}#empty{font-size:12px;color:var(--muted);padding:10px;line-height:1.8}.sidebar-footer{margin-top:auto;min-height:45px;padding:14px 20px;border-top:1px solid var(--edge);display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.sidebar-version{margin-left:auto;color:var(--faint);font-size:9px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block;flex-shrink:0}.workspace{margin-left:var(--sidebar);height:100dvh;display:flex;flex-direction:column;min-width:0}.topbar{height:62px;min-height:62px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--edge);background:var(--surface);gap:15px}.workspace-path{display:flex;align-items:center;gap:13px;font-size:11px;min-width:0}.workspace-word{color:var(--muted)}.path-divider{color:var(--edge)}.workspace-path strong{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-control{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);flex-shrink:0}.theme-control select{padding:6px 9px;font-size:11px;border:1px solid var(--edge);border-radius:7px;background:var(--surface);color:var(--ink)}main{padding:30px 32px 0;display:flex;flex-direction:column;flex:1;min-height:0;width:100%;max-width:1320px;margin:0 auto}.workbench{border:1px solid var(--edge);border-radius:13px;background:var(--surface);display:flex;flex-direction:column;min-height:0;flex:1;box-shadow:0 3px 12px #00000003}.workbench-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px 28px;border-bottom:1px solid var(--edge);flex-shrink:0}.tool-heading{display:flex;align-items:center;gap:13px;min-width:0}.active-tool-icon{width:43px;height:43px;background:var(--accent-soft);color:var(--accent);border-radius:10px;display:grid;place-items:center;flex-shrink:0}.active-tool-icon svg{width:23px;height:23px}.eyebrow{font-size:10px;color:var(--muted);margin:0 0 4px;font-weight:500}h1{font-size:21px;letter-spacing:-.5px;margin:0;font-weight:600;line-height:1.5}.workbench-actions{display:flex;gap:8px;flex-shrink:0}.workbench-actions .secondary{font-size:11px;padding:8px 11px;min-height:34px}.share-feedback{padding:0 28px;color:var(--accent);font-size:11px;overflow-wrap:anywhere}.share-feedback:has(#share-status:not(:empty)){padding-top:10px;padding-bottom:3px}.tool-scroll{padding:25px 28px 30px;overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:var(--edge) transparent;flex:1}#tool-content{max-width:840px;margin:0 auto}#tool-error{max-width:840px;margin:18px auto 0}.workspace-status{display:flex;justify-content:space-between;gap:10px;padding:12px 25px;border-top:1px solid var(--edge);font-size:10px;color:var(--muted);flex-shrink:0}.workspace-status>span:first-child{display:flex;align-items:center;gap:7px}.workspace-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:44px;font-size:10px;color:var(--faint)}.workspace-caption>span:last-child{font-size:8px;letter-spacing:.7px}.tool-lead{margin:0 0 23px;font-size:13px;color:var(--muted);line-height:1.9}.field{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:500;margin:19px 0}.field input,.field select,.field textarea,.editor{display:block;width:100%;background:var(--surface);border:1px solid var(--edge);border-radius:8px;padding:11px 12px;min-height:43px;font-size:13px;font-weight:400;line-height:1.65;color:var(--ink)}input::placeholder,textarea::placeholder{color:var(--faint);opacity:1}.field textarea,textarea.editor{min-height:135px;resize:vertical}.editor{min-height:200px!important}.output-editor{background:var(--soft)!important}.grid-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid-fields .field{margin:18px 0 5px}.hint{font-size:11px;font-weight:400;line-height:1.9;color:var(--muted);margin:12px 0 18px}.field .hint{margin:0}.field input[type=range]{padding:0;min-height:20px;border:0;accent-color:var(--accent);background:transparent}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:39px;border-radius:7px;padding:10px 16px;font-size:12px;font-weight:600;line-height:1.5;border:1px solid var(--edge);transition:filter .15s}.primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.secondary{background:var(--surface);color:var(--ink)}.primary:hover,.secondary:hover{filter:brightness(.94)}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.result{font-size:12px;margin-top:22px;padding:17px 18px;border:1px solid var(--edge);background:var(--soft);border-radius:9px;line-height:1.9;overflow-wrap:anywhere}.result:empty{display:none}.result a{display:inline-block;color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:4px;margin-top:5px}.error{padding:14px 17px;background:var(--danger-bg);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 28%,transparent);border-radius:8px;font-size:12px;line-height:1.8}.checks{border:1px solid var(--edge);border-radius:9px;padding:15px 18px;display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:12px;margin:20px 0}.checks legend{padding:0 7px;color:var(--muted);font-size:11px}.checks label{display:flex;align-items:center;gap:8px}.checks input{accent-color:var(--accent)}.code-output{font-family:ui-monospace,monospace!important;letter-spacing:.5px;font-size:17px!important}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.stats>div{border:1px solid var(--edge);background:var(--soft);border-radius:9px;padding:15px;display:flex;flex-direction:column;gap:3px}.stats strong{font-size:24px;font-weight:600}.stats span{font-size:10px;color:var(--muted)}.qr-preview{display:block;width:230px!important;height:auto!important;max-width:100%;margin:25px auto;background:#fff;border:1px solid var(--edge);border-radius:9px}.color-preview{height:110px;border-radius:10px;border:1px solid var(--edge);margin:20px 0}.field input[type=color]{padding:5px;height:54px}.icon-button{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--edge);border-radius:7px;background:var(--surface);font-size:17px;color:var(--muted)}.pdf-mode{display:inline-flex;gap:4px;background:var(--soft);border:1px solid var(--edge);border-radius:8px;padding:4px;margin:0 0 20px}.pdf-mode button{border:1px solid transparent;border-radius:5px;padding:8px 13px;font-size:11px;background:transparent;color:var(--muted)}.pdf-mode button.active{background:var(--surface);border-color:var(--edge);color:var(--accent);font-weight:600;box-shadow:0 1px 3px #00000008}.file-pick{display:block;padding:28px 24px;border:1.5px dashed color-mix(in srgb,var(--muted) 35%,var(--edge));border-radius:10px;text-align:center;background:var(--soft);cursor:pointer}.file-pick strong{display:block;font-size:14px;font-weight:600;margin-bottom:9px}.file-pick strong:before{content:"↑";display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--edge);border-radius:9px;color:var(--accent);font-size:23px;margin:0 auto 16px;background:var(--surface)}.file-pick small{display:block;font-size:10px;color:var(--muted);line-height:1.9;max-width:530px;margin:auto}.file-pick input{display:block;font-size:11px;max-width:100%;margin:19px auto 0;color:var(--muted)}.file-pick input::file-selector-button{border:1px solid var(--edge);border-radius:6px;background:var(--surface);color:var(--ink);padding:7px 12px;font:inherit;margin-right:8px;cursor:pointer}.dropzone{transition:background .15s,border-color .15s}.dropzone.drag-over{border-color:var(--accent);background:var(--accent-soft)}.queue-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;font-size:11px;color:var(--muted)}.queue-heading .secondary{font-size:10px;min-height:30px;padding:6px 10px}.files{padding:0;list-style:none;margin:14px 0 20px}.files:empty{display:none}.files li{display:flex;align-items:center;gap:6px;border:1px solid var(--edge);border-radius:8px;padding:7px 9px;margin:7px 0;cursor:grab;background:var(--surface)}.files li:active{cursor:grabbing}.files li>button{border:1px solid var(--edge);border-radius:5px;background:var(--soft);color:var(--muted);padding:5px 9px;font-size:12px}.files .file-name{flex:1;min-width:0;border:0;background:transparent;text-align:left;overflow-wrap:anywhere;color:var(--ink);padding:5px 2px;font-size:12px}.file-name small,.output-list small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.processing-status{margin-top:15px;font-size:11px;color:var(--muted);overflow-wrap:anywhere;line-height:1.8}.processing-status:has(#process-status:empty){margin:0}.processing-status progress{display:block;width:100%;height:7px;margin-top:9px;accent-color:var(--accent)}.file-preview{margin:20px 0;padding:18px;border:1px solid var(--edge);border-radius:10px;background:var(--soft)}.file-preview h3{font-size:11px;font-weight:600;margin:0 0 15px;color:var(--muted)}.file-preview img{display:block;max-width:100%;max-height:300px;object-fit:contain;margin:auto;border-radius:4px}.file-preview canvas{display:block;max-width:100%;height:auto;max-height:460px;object-fit:contain;background:#fff;margin:auto;box-shadow:0 3px 12px #00000010}.file-preview p{font-size:11px;color:var(--muted);line-height:1.9;overflow-wrap:anywhere;margin:13px 0 0}.preview-toolbar{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:14px;font-size:11px;color:var(--muted)}.preview-toolbar button{background:var(--surface);border:1px solid var(--edge);border-radius:5px;padding:5px 12px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:15px}.comparison figure{min-width:0;margin:0}.comparison figcaption{text-align:center;font-size:11px;color:var(--muted);margin-top:10px}.output-list{padding:0;list-style:none;margin:5px 0 15px}.output-list li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:13px 0;border-bottom:1px solid var(--edge)}.output-list li>span{flex:1;min-width:120px;overflow-wrap:anywhere}.output-list .secondary{font-size:10px;padding:6px 9px;min-height:30px}.output-list a{font-size:11px;white-space:nowrap;margin:0}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--surface);padding:12px 20px;border-radius:8px;font-size:12px;z-index:100}.drawer-scrim{position:fixed;inset:0;background:#07111a80;z-index:35;border:0;border-radius:0}@media(min-width:1600px){main{max-width:1400px;padding-top:38px;padding-inline:50px}.workbench-header{padding:26px 34px}.tool-scroll{padding:30px 34px}.tool-lead{margin-bottom:28px}.file-pick{padding:34px 26px}#tool-content{max-width:960px}}@media(max-width:1100px){:root{--sidebar:252px}main{padding:20px 20px 0}.workbench-header{padding:20px;gap:12px}.workbench-actions .secondary{font-size:10px;padding:7px 9px}.tool-scroll{padding:22px 20px}.topbar{padding-inline:20px}h1{font-size:18px}.brand-row{padding:20px}.workbench-actions{gap:5px}.pin-tool{opacity:1}}@media(max-width:760px){.mobile-only{display:grid!important}.sidebar{width:min(320px,88vw);transform:translate(-100%);transition:transform .18s ease}.drawer-open .sidebar{transform:translate(0)}.workspace{margin-left:0;height:auto;min-height:100dvh}.topbar{height:58px;min-height:58px;padding:0 16px;position:sticky;top:0;z-index:20}.workspace-word,.path-divider,.theme-control>span{display:none}.workspace-path{gap:10px;font-size:11px}.theme-control select{font-size:10px;padding:6px;max-width:94px}.brand-row{height:76px}.pin-tool{opacity:1}.workspace-path strong{max-width:calc(100vw - 165px)}main{padding:16px 12px 0;min-height:calc(100dvh - 58px)}.workbench{overflow:visible;min-height:calc(100dvh - 116px);flex:none}.workbench-header{padding:18px 16px;align-items:flex-start;gap:10px;flex-wrap:wrap}.active-tool-icon{width:36px;height:36px;border-radius:8px}.active-tool-icon svg{width:20px;height:20px}.tool-heading{gap:10px}.eyebrow{font-size:9px;margin-bottom:2px}h1{font-size:17px;letter-spacing:-.4px}.workbench-actions{margin-left:46px;gap:7px}.workbench-actions .secondary{padding:6px 10px;font-size:10px;min-height:30px}.tool-scroll{padding:20px 16px;overflow:visible;flex:1}.share-feedback{padding-inline:16px}.workspace-status{padding:11px 16px;font-size:9px;flex-wrap:wrap;gap:6px}.workspace-caption{font-size:9px;min-height:41px;justify-content:center}.workspace-caption>span:last-child{display:none}.file-pick{padding:25px 14px}.file-pick strong{font-size:12px}.file-pick small,.file-pick input{font-size:10px}.tool-lead{font-size:12px;margin-bottom:20px}.grid-fields{gap:12px}.field{font-size:11px}.field input,.field textarea,.field select{font-size:13px}.primary,.secondary{font-size:11px;padding:9px 12px}.hint{font-size:10px}.pdf-mode{display:flex;width:100%}.pdf-mode button{flex:1;padding:8px 5px;font-size:10px}.checks{grid-template-columns:1fr;gap:12px}.stats{gap:8px}.stats>div{padding:12px}.stats strong{font-size:20px}.files li{padding:7px;gap:4px}.files li>button{padding:5px 7px}.files .file-name{font-size:11px}.file-preview{padding:12px}.comparison{gap:8px}.comparison figcaption{font-size:10px}.output-list{font-size:11px}.workbench-actions button:focus-visible{outline-offset:2px}}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 16%,transparent)}.search input:focus-visible{outline:0}.tool-open strong{font-size:13px}.rgb-fields{grid-template-columns:repeat(3,1fr)}#extra-input,#extra-output{font-family:ui-monospace,IBM Plex Sans Thai,monospace}.home-nav{margin:0 16px 14px;padding:10px 12px;border-radius:8px;display:flex;gap:10px;align-items:center;font-size:14px;color:var(--muted)}.home-nav.selected{background:var(--accent-soft);color:var(--accent);font-weight:600}.home-nav:hover{background:var(--hover)}.workspace-home{flex:1;min-height:0;overflow:auto;padding:14px 4px 30px;scrollbar-width:thin}.home-header{margin:0 0 28px}.home-header .eyebrow{font-size:12px;letter-spacing:1px}.home-header h1{font-size:30px;letter-spacing:-.8px}.home-header>p:last-child{font-size:15px;color:var(--muted);line-height:1.8;margin:10px 0 0}.start-groups{display:grid;grid-template-columns:1fr 1fr;gap:20px}.start-group{border:1px solid var(--edge);border-radius:12px;background:var(--surface);padding:23px}.start-group h2{font-size:18px;font-weight:600;margin:0 0 6px}.start-group>p{font-size:13px;color:var(--muted);margin:0 0 18px;line-height:1.8}.start-group>div{display:flex;flex-direction:column;gap:4px}.start-group a{display:flex;align-items:center;gap:13px;border-radius:8px;padding:12px 8px}.start-group a:hover{background:var(--soft)}.start-group a>span:nth-child(2){min-width:0;flex:1}.start-group strong{display:block;font-size:14px;font-weight:600}.start-group small{display:block;font-size:12px;color:var(--muted);line-height:1.7;margin-top:4px}.start-group b{color:var(--faint);font-weight:400}.start-icon{background:var(--accent-soft);color:var(--accent);padding:10px;border-radius:9px;flex:none}.session-note{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);line-height:1.8;margin:25px 0 0}.recent-work{margin:0 0 24px}.recent-work h2{font-size:14px;font-weight:500;color:var(--muted);margin:0 0 12px}#recent-tools{display:flex;flex-wrap:wrap;gap:10px}#recent-tools a{display:flex;align-items:center;gap:9px;font-size:13px;padding:11px 13px;border:1px solid var(--edge);background:var(--surface);border-radius:8px}#recent-tools svg{width:17px;height:17px;color:var(--accent)}.tool-scroll{padding:0;overflow:auto}#tool-content{max-width:none;margin:0}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100%}.tool-controls{min-width:0;padding:26px 28px 32px;border-right:1px solid var(--edge)}.tool-results{min-width:0;padding:26px 28px 32px;background:var(--soft)}.pane-title{font-size:14px;font-weight:600;color:var(--muted);margin:0 0 23px}.result-empty{text-align:center;color:var(--muted);padding:65px 10px}.result-empty>span{font-size:40px;color:var(--faint)}.result-empty h3{font-size:16px;font-weight:500;margin:15px 0 8px}.result-empty p{font-size:13px;line-height:1.9;margin:0}.tool-results:has(.file-preview:not([hidden]),.stats,.qr-preview:not([hidden]),.color-preview,.field,#result:not(:empty)) .result-empty{display:none}.tool-results .field:first-of-type{margin-top:0}.tool-results .result{background:var(--surface)}.tool-results .file-preview{background:var(--surface);margin-top:0}.tool-results .qr-preview{margin-top:28px}.session-body{min-height:100%}.session-body>.error{margin:18px}.next-step{font-size:13px;line-height:1.8;color:var(--accent);margin:19px 0 12px}.tool-controls .grid-fields{grid-template-columns:1fr;gap:0}.tool-controls .rgb-fields{grid-template-columns:repeat(3,1fr);gap:10px}.tool-controls .tool-lead{font-size:14px;margin-bottom:22px}.field{font-size:14px}.field input,.field select,.field textarea,.editor{font-size:15px;min-height:46px}.primary,.secondary{font-size:14px;min-height:43px}.hint,.file-pick small,.processing-status{font-size:12px}.file-pick{padding:25px 16px}.file-pick strong{font-size:15px}.file-pick input{font-size:12px}.pdf-mode{display:flex}.pdf-mode button{flex:1;font-size:13px;padding:9px 8px}.tool-open strong{font-size:14px}.tool-open small{font-size:10px}.tool-open{padding-block:10px}.search input{font-size:14px}.category-picker,.category-picker select,.list-heading{font-size:12px}.list-heading>span:last-child{font-size:11px}.favorite-link{font-size:13px}.favorites h2{font-size:12px}.workspace-path,.theme-control,.theme-control select{font-size:13px}.workspace-status,.sidebar-footer,.workspace-caption{font-size:11px}.workbench-actions .secondary{font-size:13px;min-height:38px}.file-preview h3,.file-preview p,.preview-toolbar,.comparison figcaption,.output-list a,.output-list .secondary{font-size:12px}.output-list li>span,.result{font-size:13px}.checks{font-size:14px;grid-template-columns:1fr}.stats{gap:8px}.stats>div{padding:12px}.stats strong{font-size:23px}.tool-results .stats{margin-top:0}.file-name small,.output-list small{font-size:11px}@media(min-width:1600px){.tool-scroll{padding:0}#tool-content{max-width:none}.tool-controls,.tool-results{padding:30px 34px}}@media(max-width:1150px){.tool-controls,.tool-results{padding:23px 20px}.start-group{padding:20px}.tool-layout .comparison{grid-template-columns:1fr}.tool-results .output-list li>span{flex-basis:100%}}@media(max-width:1000px){.tool-layout{grid-template-columns:1fr}.tool-controls{border-right:0;border-bottom:1px solid var(--edge)}.tool-controls .grid-fields{grid-template-columns:1fr 1fr;gap:14px}.tool-controls .rgb-fields{grid-template-columns:repeat(3,1fr)}.tool-layout .comparison{grid-template-columns:1fr 1fr}.tool-results{min-height:220px}.result-empty{padding:30px 8px}.start-groups{grid-template-columns:1fr}}@media(max-width:760px){.home-nav{font-size:14px}.workspace-home{overflow:visible;padding:8px 4px 24px}.home-header h1{font-size:25px}.home-header>p:last-child{font-size:14px}.start-groups{gap:15px}.start-group{padding:20px 15px}.start-group h2{font-size:17px}.start-group a{padding:12px 2px;gap:10px}.start-group small{font-size:12px}.start-icon{padding:9px}.session-note{align-items:flex-start;font-size:12px}.session-note .status-dot{margin-top:7px}.workspace-path strong,.theme-control select,.workbench-actions .secondary{font-size:12px}.tool-scroll{padding:0}.tool-controls,.tool-results{padding:22px 16px}.tool-controls .tool-lead,.field{font-size:14px}.field input,.field select,.field textarea,.editor{font-size:16px}.primary,.secondary{font-size:14px}.hint,.pdf-mode button{font-size:12px}.file-pick strong{font-size:14px}.file-pick small,.file-pick input{font-size:12px}.workspace-status{font-size:10px;line-height:1.6}.session-note{margin-bottom:5px}.tool-results .output-list li>span{flex-basis:100%}.tool-controls .grid-fields{grid-template-columns:1fr}.tool-controls .rgb-fields{grid-template-columns:repeat(3,1fr)}.pane-title{font-size:14px}.tool-results .file-preview{padding:12px}.sidebar-version,.workspace-caption{font-size:10px}.workbench{min-height:auto}.workspace-home~.workspace-caption{margin-top:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}.group-count{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:25px;margin-left:10px;font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted);background:var(--soft);border-radius:20px;vertical-align:middle}.more-tools{margin-top:8px;border-top:1px solid var(--edge);grid-column:1/-1}.more-tools summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;color:var(--accent);font-size:14px;padding:17px 2px 4px}.more-tools summary::-webkit-details-marker{display:none}.more-tools summary>span{transition:rotate .25s ease}.more-tools[open] summary>span{rotate:180deg}.more-tools>div{padding-top:10px}.more-tools[open]>div{animation:tool-details-in .35s ease}.timer-display{font-size:30px!important;line-height:1.6!important;font-weight:500;font-variant-numeric:tabular-nums;text-align:center;resize:none;min-height:135px!important}.tool-controls .timer-display{margin-top:15px}@keyframes tool-details-in{0%{opacity:.2;translate:0 8px}to{opacity:1;translate:0 0}}@media(min-width:1001px){.start-group:last-child{grid-column:1/-1}.start-group:last-child>div{display:grid;grid-template-columns:1fr 1fr;gap:4px 25px}.start-group:last-child .more-tools>div{display:grid;grid-template-columns:1fr 1fr;gap:4px 25px}}@media(prefers-reduced-motion:reduce){.more-tools[open]>div{animation:none}.more-tools summary>span{transition:none}}:root{font-family:-apple-system,BlinkMacSystemFont,IBM Plex Sans Thai,Segoe UI,sans-serif;--paper:#f5f5f7;--surface:#fff;--soft:#f5f5f7;--hover:#ededf0;--ink:#1d1d1f;--muted:#6e6e73;--faint:#747479;--edge:#e5e5ea;--accent:#0066cc;--accent-soft:#eaf3ff;--primary:#0071e3;--primary-text:#fff;--sidebar:270px}html[data-theme=dark]{--paper:#000;--surface:#161617;--soft:#202022;--hover:#2a2a2d;--ink:#f5f5f7;--muted:#a1a1a6;--faint:#929299;--edge:#303033;--accent:#2997ff;--accent-soft:#10283f;--primary:#0077ed;--primary-text:#fff;--danger:#ffb2bd;--danger-bg:#3a1f26}body{background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{letter-spacing:0}button,a,input,select,textarea{transition:border-color .18s ease,box-shadow .18s ease}.sidebar{background:color-mix(in srgb,var(--surface) 62%,var(--paper));border-right:1px solid var(--edge)}.brand-row{height:96px;padding:25px 23px}.brand{font-size:20px;font-weight:600;letter-spacing:-.6px;gap:12px}.brand-mark{background:var(--ink);color:var(--surface);border:0;border-radius:12px;width:39px;height:39px;font-size:29px;letter-spacing:-1.8px;font-weight:700}.brand-sub{font-size:12px;color:var(--muted);letter-spacing:0;margin-top:0;font-weight:400}.home-nav{margin:0 15px 15px;border-radius:10px;padding:11px 13px;font-size:14px}.home-nav.selected{font-weight:500;background:var(--accent-soft)}.search{margin:0 15px;background:var(--soft);border-color:transparent;border-radius:11px;padding:10px 11px}.search input{font-size:13px}.search kbd{border-color:color-mix(in srgb,var(--muted) 22%,transparent);font-size:10px}.search:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);border-color:var(--accent)}.category-picker{padding:19px 20px 12px;font-size:11px}.category-picker select{font-size:12px}.sidebar-scroll{padding-inline:10px}.list-heading{font-size:11px;margin:12px}.list-heading>span:last-child{font-size:10px}.tool-card{border-radius:10px}.tool-card.selected{background:var(--accent-soft);border-color:transparent}.tool-open{padding:12px 34px 12px 13px;min-height:61px;gap:12px;border-radius:10px}.tool-open strong{font-size:14px;font-weight:500;line-height:1.5}.tool-open small{font-size:9px;letter-spacing:.6px;margin-top:3px}.tool-icon svg{width:19px;height:19px;stroke-width:1.5}.tool-card.selected .tool-open strong{font-weight:600}.pin-tool{font-size:18px}.favorites{border-bottom-color:var(--edge);padding:8px 8px 16px}.favorite-link{font-size:12px;padding:9px 5px}.sidebar-footer{font-size:11px;padding:15px 20px;min-height:49px;border-color:var(--edge)}.sidebar-version{font-size:10px}.status-dot{width:5px;height:5px}.topbar{height:64px;min-height:64px;padding-inline:34px;background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-color:var(--edge)}.workspace-path{font-size:13px;gap:14px}.workspace-path strong{font-weight:500}.path-divider{color:var(--faint);font-size:11px}.theme-control{font-size:12px;gap:10px}.theme-control select{font-size:12px;background:var(--soft);border:1px solid transparent;border-radius:20px;padding:8px 12px;min-width:94px}.icon-button{border:0;background:var(--soft);border-radius:50%;width:34px;height:34px;font-size:17px}main{max-width:1380px;padding:30px 38px 0}.workspace-home{padding:0 2px 30px}.home-header{text-align:center;max-width:800px;margin:0 auto 39px;padding:25px 15px 8px}.home-header .eyebrow{font-size:15px;font-weight:600;letter-spacing:-.2px;color:var(--ink);margin-bottom:15px}.home-header h1{font-size:46px;font-weight:600;line-height:1.25;letter-spacing:-1.7px}.home-header h1 span{color:var(--muted)}.home-header>p:last-child{font-size:17px;line-height:1.8;color:var(--muted);font-weight:400;letter-spacing:-.25px;margin-top:19px}.start-groups{gap:23px;align-items:stretch}.start-group{background:var(--surface);border:1px solid transparent;border-radius:22px;padding:28px 28px 22px;box-shadow:0 2px 8px #00000003;transition:transform .25s ease,box-shadow .25s ease}.start-group h2{font-size:22px;letter-spacing:-.5px;font-weight:600;margin-bottom:8px}.start-group>p{font-size:14px;line-height:1.7;margin-bottom:21px;letter-spacing:-.1px}.start-group a{gap:13px;padding:13px 3px;border-radius:12px}.start-group a:hover{background:transparent}.start-group a:hover strong,.start-group a:hover b{color:var(--accent)}.start-group strong{font-size:16px;font-weight:500;line-height:1.55;letter-spacing:-.2px}.start-group small{font-size:13px;line-height:1.7;margin-top:4px;color:var(--muted)}.start-group b{font-size:18px;color:var(--accent);font-weight:400}.start-icon{padding:12px;border-radius:14px;color:var(--accent);background:var(--soft)}.start-icon svg{width:23px;height:23px;stroke-width:1.5}.recent-work{margin:0 0 28px}.recent-work h2{font-size:13px;letter-spacing:-.1px}#recent-tools{gap:9px}#recent-tools a{border:0;border-radius:18px;background:var(--surface);font-size:13px;padding:11px 15px}#recent-tools a:hover{background:var(--accent-soft)}.session-note{justify-content:center;text-align:center;font-size:12px;color:var(--muted);margin-top:29px;gap:8px}.workspace-caption{font-size:10px;color:var(--faint);min-height:47px}.workspace-caption>span:last-child{font-size:9px;letter-spacing:.3px}.workbench{border:1px solid var(--edge);border-radius:20px;overflow:hidden;box-shadow:0 3px 14px #00000003}.workbench-header{padding:25px 30px;gap:20px;border-color:var(--edge)}.active-tool-icon{width:46px;height:46px;border-radius:14px;background:var(--soft);color:var(--accent)}.active-tool-icon svg{stroke-width:1.5;width:24px;height:24px}.tool-heading{gap:14px}.tool-heading h1{font-size:23px;font-weight:600;letter-spacing:-.6px}.eyebrow{font-size:11px;font-weight:400;letter-spacing:0;color:var(--muted)}.workbench-actions{gap:9px}.workbench-actions .secondary{font-size:12px;padding:9px 15px;min-height:37px;background:var(--soft);border-color:transparent}.workbench-actions .secondary:hover{background:var(--hover)}.tool-scroll{display:flex;flex-direction:column;padding:0}#tool-content{display:flex;flex:1;flex-direction:column;max-width:none}#tool-content>[data-session],.session-body{display:flex;flex:1;flex-direction:column}.tool-layout{flex:1}.tool-controls{padding:30px;border-color:var(--edge)}.tool-results{padding:30px;background:color-mix(in srgb,var(--soft) 60%,var(--surface))}.pane-title{font-size:14px;font-weight:500;letter-spacing:-.2px;color:var(--muted);margin-bottom:25px}.tool-controls .tool-lead{font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:25px}.field{font-size:14px;font-weight:500;gap:9px;margin:21px 0}.field input,.field select,.field textarea,.editor{background:var(--soft);border:1px solid transparent;border-radius:12px;font-size:15px;padding:13px 14px;min-height:47px;line-height:1.7}.field input:focus,.field select:focus,.field textarea:focus,.editor:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.field input[readonly],.field textarea[readonly]{background:var(--surface)!important;border-color:var(--edge)}.editor{min-height:220px!important}.primary,.secondary{font-size:14px;font-weight:400;border-radius:999px;padding:11px 19px;min-height:43px;letter-spacing:-.1px}.primary{border-color:transparent;box-shadow:none}.primary:hover,.secondary:hover{filter:none}.primary:hover{background:#0077ed}html[data-theme=dark] .primary:hover{background:#1686f5}.secondary{background:var(--soft);border-color:transparent}.secondary:hover{background:var(--hover)}.actions{gap:9px;margin:22px 0}.hint{font-size:12px;line-height:1.9}.checks{border-color:var(--edge);border-radius:14px;padding:18px;gap:15px}.checks input{width:16px;height:16px}.checks legend{font-size:12px}.code-output{font-size:17px!important}.result{border-color:var(--edge);border-radius:14px;font-size:13px;padding:18px 20px;background:var(--surface)}.result a{text-decoration:none;color:var(--accent);font-weight:400}.result a:hover{text-decoration:underline}.error{border-radius:12px;padding:16px 18px}.stats>div{background:var(--surface);border-color:var(--edge);border-radius:14px;padding:17px 12px}.stats strong{font-size:26px;font-weight:500;letter-spacing:-1px}.stats span{font-size:12px}.result-empty{padding:75px 8px}.result-empty>span{font-size:44px;color:var(--faint)}.result-empty h3{font-size:17px;letter-spacing:-.25px}.result-empty p{font-size:13px;line-height:1.9}.qr-preview{border:0;border-radius:16px;padding:4px}.color-preview{border:0;border-radius:16px}.workspace-status{padding:14px 27px;font-size:11px;background:var(--surface);border-color:var(--edge);line-height:1.6}.share-feedback{font-size:12px;padding-inline:30px}.file-pick{border-radius:17px;background:var(--soft);border-color:color-mix(in srgb,var(--muted) 28%,transparent);padding:30px 18px}.file-pick strong{font-size:16px;font-weight:500;letter-spacing:-.2px}.file-pick strong:before{width:47px;height:47px;border-radius:50%;border:0;background:var(--surface);color:var(--accent);font-size:27px;margin-bottom:16px}.file-pick small{font-size:12px;line-height:1.85}.file-pick input{font-size:12px;margin-top:20px}.file-pick input::file-selector-button{border:0;border-radius:20px;background:var(--primary);color:#fff;font-size:12px;padding:9px 16px;min-height:36px}.pdf-mode{background:var(--soft);border:0;border-radius:12px;padding:4px;gap:2px}.pdf-mode button{font-size:13px;border-radius:9px;font-weight:400;padding:10px 9px}.pdf-mode button.active{border-color:transparent;background:var(--surface);color:var(--ink);box-shadow:0 1px 5px #0000000a;font-weight:500}.next-step{font-size:13px;color:var(--muted);margin:20px 0 14px}.queue-heading .secondary{font-size:12px;padding:7px 12px}.files li{border-radius:12px;padding:9px;border-color:var(--edge)}.files li>button{border:0;border-radius:7px;padding:7px 9px}.files .file-name{font-size:13px}.file-preview{border-radius:15px;padding:18px;border-color:var(--edge)}.file-preview h3{font-size:12px;font-weight:500}.preview-toolbar button{border:0;border-radius:50%;padding:7px 12px;background:var(--soft)}.output-list .secondary{font-size:12px}.output-list li{gap:10px;padding:15px 0}.processing-status{font-size:12px}.processing-status progress{height:5px}.comparison img{border-radius:10px}@media(hover:hover)and (prefers-reduced-motion:no-preference){.start-group:hover{transform:translateY(-2px);box-shadow:0 10px 28px #00000008}.start-group a:hover .start-icon{background:var(--accent-soft)}}@media(min-width:1600px){main{max-width:1420px;padding:35px 48px 0}.home-header{padding-top:28px;margin-bottom:40px}.tool-controls,.tool-results{padding:33px}.tool-scroll{padding:0}.workbench-header{padding:28px 33px}}@media(max-width:1150px){:root{--sidebar:248px}main{padding:24px 24px 0}.start-group{padding:23px 21px}.tool-controls,.tool-results{padding:25px 21px}.workbench-header{padding:23px 21px}.tool-heading h1{font-size:21px}.workbench-actions .secondary{padding:8px 11px;font-size:11px}.topbar{padding-inline:25px}.home-header h1{font-size:42px}}@media(max-width:1000px){.start-groups{gap:19px}.home-header{margin-bottom:28px}.home-header h1{font-size:39px}.tool-controls{border-bottom-color:var(--edge)}.tool-results{min-height:240px}.result-empty{padding:40px 10px}}@media(max-width:760px){.sidebar{width:min(320px,88vw)}.brand-row{height:88px;padding:23px}.topbar{height:60px;min-height:60px;padding-inline:17px}.workspace-path{gap:10px}.workspace-path strong{font-size:12px;max-width:calc(100vw - 169px)}.theme-control select{min-width:86px;max-width:96px;padding:7px 10px;font-size:12px}.workspace-home{padding:0 4px 23px}main{padding:16px 12px 0}.home-header{padding:27px 8px 14px;margin-bottom:25px}.home-header .eyebrow{font-size:14px;margin-bottom:14px}.home-header h1{font-size:35px;letter-spacing:-1.1px;line-height:1.3}.home-header>p:last-child{font-size:15px;line-height:1.8;margin-top:16px}.start-groups{gap:17px}.start-group{padding:24px 19px 20px;border-radius:20px}.start-group h2{font-size:21px}.start-group>p{font-size:13px;margin-bottom:18px}.start-group a{gap:11px;padding:13px 0}.start-group strong{font-size:15px}.start-group small{font-size:12px}.start-icon{padding:11px;border-radius:13px}.start-icon svg{width:22px;height:22px}.session-note{font-size:11px;line-height:1.9;align-items:center;margin:24px 5px 0}.session-note .status-dot{margin-top:0}.recent-work h2{font-size:13px}#recent-tools a{font-size:12px;padding:10px 13px}.workbench{border-radius:18px;overflow:hidden;min-height:auto}.workbench-header{padding:22px 18px;gap:13px}.active-tool-icon{width:42px;height:42px;border-radius:12px}.tool-heading{gap:12px}.tool-heading h1{font-size:20px;line-height:1.5}.eyebrow{font-size:10px;margin-bottom:3px}.workbench-actions{margin-left:54px;gap:8px}.workbench-actions .secondary{padding:8px 13px;font-size:11px;min-height:34px}.tool-controls,.tool-results{padding:25px 19px}.tool-controls .tool-lead{font-size:14px;line-height:1.85}.tool-scroll{padding:0}.field{font-size:14px}.field input,.field select,.field textarea,.editor{font-size:16px;min-height:48px;padding:13px}.primary,.secondary{font-size:14px;min-height:44px;padding:11px 18px}.pdf-mode button{font-size:12px;padding:10px 5px}.file-pick{padding:27px 14px}.file-pick strong{font-size:15px}.file-pick small,.file-pick input,.field .hint,.hint{font-size:12px}.file-preview{padding:14px}.workspace-status{padding:13px 18px;font-size:10px;gap:5px}.pane-title{font-size:14px}.share-feedback{padding-inline:19px}.workspace-caption{font-size:10px;min-height:43px}.stats strong{font-size:25px}.result-empty{padding:35px 8px}.sidebar-footer{font-size:11px}.session-body>.error{margin:16px}}@keyframes motion-shell-in{0%{opacity:.3;translate:0 -7px}to{opacity:1;translate:0 0}}@keyframes motion-brand-in{0%{opacity:.4;scale:.85;rotate:-7deg}to{opacity:1;scale:1;rotate:0deg}}@keyframes motion-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes motion-processing{to{rotate:360deg}}@media(prefers-reduced-motion:no-preference){.topbar{animation:motion-shell-in .65s cubic-bezier(.22,1,.36,1) both}.brand-mark{animation:motion-brand-in .7s cubic-bezier(.22,1,.36,1) both}.sidebar-footer{animation:motion-shell-in .7s .12s cubic-bezier(.22,1,.36,1) backwards}.tool-card{transition:background .22s ease,border-color .22s ease,box-shadow .25s ease}.tool-icon,.start-icon,.start-group a b,.brand-mark,.active-tool-icon{transition:scale .4s cubic-bezier(.22,1,.36,1),translate .4s cubic-bezier(.22,1,.36,1),rotate .4s cubic-bezier(.22,1,.36,1),background-color .25s ease,color .25s ease}.start-group{transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease,border-color .25s ease}.primary,.secondary,.icon-button,#recent-tools a,.pdf-mode button,.files li>button,.output-list a{transition:background-color .2s ease,color .2s ease,box-shadow .25s ease,border-color .2s ease,scale .25s cubic-bezier(.22,1,.36,1)}.pin-tool{transition:scale .35s cubic-bezier(.22,1,.36,1),color .2s ease,opacity .2s ease}.pin-tool[aria-pressed=true]{color:var(--accent)}.field input,.field select,.field textarea,.editor{transition:background-color .2s ease,border-color .2s ease,box-shadow .25s ease}.file-pick{transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.dropzone.drag-over{box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 12%,transparent)}.dropzone.drag-over strong:before{translate:0 -4px}.file-pick strong:before{transition:translate .3s cubic-bezier(.22,1,.36,1),background-color .2s ease}button[data-processing=true]{display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:progress}button[data-processing=true]:before{content:"";width:13px;height:13px;flex:none;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:motion-processing .75s linear infinite}@media(hover:hover)and (pointer:fine){.start-group:hover{transform:translateY(-3px);box-shadow:0 12px 28px #00000009}html[data-theme=dark] .start-group:hover{box-shadow:0 12px 28px #00000035}.start-group a:hover .start-icon{scale:1.075;rotate:-3deg;background:var(--accent-soft)}.start-group a:hover b{translate:3px -3px}.tool-card:hover .tool-icon{scale:1.12;translate:1px 0}.brand:hover .brand-mark{rotate:-5deg;scale:1.04}.pin-tool:hover{scale:1.15}.primary:hover:not(:disabled){box-shadow:0 4px 16px color-mix(in srgb,var(--primary) 22%,transparent)}.file-pick:hover strong:before{translate:0 -3px}}@media(max-width:760px){.sidebar{transition:transform .38s cubic-bezier(.22,1,.36,1);will-change:transform}.drawer-scrim:not([hidden]){animation:motion-scrim-in .25s ease both;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}}@media(prefers-reduced-motion:reduce){.topbar,.brand-mark,.sidebar-footer,.drawer-scrim,button[data-processing=true]:before{animation:none!important}}:root{--cat-pdf:#bd5144;--cat-image:#7758b4;--cat-text:#2d74b4;--cat-dev:#5267b7;--cat-general:#29866e;--category-accent:var(--accent)}html[data-theme=dark]{--cat-pdf:#ee9b8d;--cat-image:#bfa4f0;--cat-text:#8cbce6;--cat-dev:#a6b5f0;--cat-general:#8bcdb7}[data-category=pdf]{--category-accent:var(--cat-pdf)}[data-category=image]{--category-accent:var(--cat-image)}[data-category=text]{--category-accent:var(--cat-text)}[data-category=dev]{--category-accent:var(--cat-dev)}[data-category=general]{--category-accent:var(--cat-general)}.tool-card .tool-icon,.start-group .start-icon,.workbench .active-tool-icon{color:var(--category-accent)}.start-group .start-icon,.workbench .active-tool-icon{background:color-mix(in srgb,var(--category-accent) 8%,var(--surface))}.start-group h2{display:flex;align-items:center;gap:0}.start-group h2:before{content:"";display:block;width:5px;height:19px;border-radius:4px;background:var(--category-accent);margin-right:10px}.start-group a:hover strong,.start-group a:hover b{color:var(--category-accent)}.start-group a:hover .start-icon{background:color-mix(in srgb,var(--category-accent) 13%,var(--surface))}main{max-width:1540px}.home-header{max-width:none;text-align:left;display:grid;grid-template-columns:1.15fr 1fr;column-gap:45px;align-items:end;padding:24px 6px 0;margin-bottom:34px}.home-header .eyebrow{grid-column:1/-1;font-size:14px;color:var(--muted);margin-bottom:16px}.home-header h1{font-size:43px;line-height:1.3;letter-spacing:-1.4px}.home-header>p:last-child{font-size:16px;margin:0 0 6px;line-height:1.9}.featured-section{margin:0 0 36px;min-width:0}.shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 6px;margin:0 0 17px}.shelf-heading h2{font-size:21px;font-weight:600;letter-spacing:-.5px;margin:0}.shelf-heading>span{font-size:12px;color:var(--muted)}.featured-tools{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:5px 5px 17px;margin:0;scrollbar-width:none;scrollbar-color:var(--edge) transparent}.feature-card{--feature-accent:#bd5144;min-width:0;position:relative;display:flex;flex-direction:column;min-height:357px;border-radius:23px;background:#fff1ed;color:#392b29;scroll-snap-align:start;isolation:isolate;overflow:hidden;border:1px solid transparent;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}.feature-card[data-kind=image]{--feature-accent:#7860bd;background:#edf0ff;color:#2f2d40}.feature-card[data-kind=general]{--feature-accent:#abc9ff;background:#142440;color:#fff}.feature-copy{padding:25px 27px 0;position:relative;z-index:1}.feature-copy>span{font-size:11px;color:var(--feature-accent);font-weight:500}.feature-copy h3{font-size:23px;font-weight:600;line-height:1.55;letter-spacing:-.5px;margin:10px 0 0}.feature-action{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 27px 24px;font-size:13px;position:relative;z-index:1}.feature-action>span:last-child{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--feature-accent) 11%,transparent);color:var(--feature-accent);font-size:17px;transition:translate .3s ease}.feature-card[data-kind=general] .feature-action>span:last-child{background:#ffffff17}.tool-visual{width:300px;max-width:100%;height:210px;margin:auto;pointer-events:none;flex:none}.tool-visual svg{display:block;width:100%;height:100%;overflow:visible}.feature-card>.tool-visual{width:100%;height:225px;margin:3px auto 8px;flex:0 0 225px;min-height:0}.tool-visual .paper-back,.tool-visual .paper-middle,.tool-visual .paper-front,.tool-visual .photo-back,.tool-visual .photo-front{transform-box:fill-box;transform-origin:center;transition:translate .55s cubic-bezier(.22,1,.36,1),rotate .55s cubic-bezier(.22,1,.36,1),scale .55s cubic-bezier(.22,1,.36,1)}.clock-hand{transform-origin:160px 109px;transition:rotate .65s cubic-bezier(.22,1,.36,1)}.photo-scan{opacity:0;transition:opacity .3s ease}.feature-card .tool-visual{filter:drop-shadow(0 10px 10px #202b3b12)}html[data-theme=dark] .feature-card[data-kind=pdf]{background:#2b201f;color:#f7efed}html[data-theme=dark] .feature-card[data-kind=image]{background:#232334;color:#f4f1fc}html[data-theme=dark] .feature-card[data-kind=general]{background:#12213a}html[data-theme=dark] .feature-card[data-kind=pdf]{--feature-accent:#ecb1a8}html[data-theme=dark] .feature-card[data-kind=image]{--feature-accent:#c5b7ef}.desktop-only{display:grid}#compact-search{display:none}#sidebar-toggle svg{width:19px;height:19px;transition:rotate .35s ease}.tool-list{position:relative}.tool-card{z-index:1}.tool-card.selected{background:transparent;border-color:transparent}.tool-card.selected .tool-open strong{color:var(--category-accent)}#nav-indicator{position:absolute;top:0;left:0;right:0;z-index:0;border-radius:10px;background:color-mix(in srgb,var(--category-accent) 10%,var(--surface));pointer-events:none;transition:transform .42s cubic-bezier(.22,1,.36,1),height .3s ease,background-color .3s ease}#nav-indicator:before{content:"";position:absolute;width:3px;height:18px;left:2px;top:50%;translate:0 -50%;border-radius:4px;background:var(--category-accent)}.sidebar,.workspace{transition:width .38s cubic-bezier(.22,1,.36,1),margin-left .38s cubic-bezier(.22,1,.36,1)}.tool-results{position:relative}.result-empty{padding:3px 0 30px}.result-empty .tool-visual{width:285px;height:205px;margin:10px auto 5px;filter:drop-shadow(0 8px 10px #00000008)}.result-empty h3{font-size:17px;margin-top:4px}.busy-copy{display:none}.tool-results .file-preview img{max-height:420px}.tool-results .file-preview canvas{max-height:560px}.tool-results:has(#output-preview:not([hidden])) #input-preview img,.tool-results:has(#output-preview:not([hidden])) #input-preview canvas{max-height:170px}.result:not(:empty):before{content:"✓";display:inline-grid;place-items:center;background:#eaf5ee;color:#32704c;border-radius:50%;width:21px;height:21px;font-size:12px;font-weight:600;margin-right:8px;vertical-align:middle;animation:result-check-in .4s cubic-bezier(.22,1,.36,1)}html[data-theme=dark] .result:not(:empty):before{background:#18392a;color:#99d3ac}.workbench[data-category=pdf] .session-body[aria-busy=true] .result-empty,.workbench[data-category=image] .session-body[aria-busy=true] .result-empty{display:flex!important;flex-direction:column;align-items:center;justify-content:center;position:absolute;inset:0;z-index:5;pointer-events:none;background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.session-body[aria-busy=true] .result-empty .idle-copy{display:none}.session-body[aria-busy=true] .result-empty .busy-copy{display:block}.session-body[aria-busy=true] .result-empty .tool-visual{flex:0 0 205px;margin:0 auto 10px}@keyframes result-check-in{0%{opacity:0;scale:.5}60%{scale:1.15}to{opacity:1;scale:1}}@keyframes papers-merge-back{0%,to{translate:0 0;opacity:1}50%{translate:-25px 2px;opacity:.55}}@keyframes papers-merge-middle{0%,to{translate:0 0;opacity:1}50%{translate:25px -5px;opacity:.55}}@keyframes photo-develop{0%,to{scale:.98}50%{scale:1.03}}@keyframes photo-scan{0%{translate:0 0;opacity:0}20%{opacity:.8}80%{opacity:.8}to{translate:157px 0;opacity:0}}@media(prefers-reduced-motion:no-preference){.session-body[aria-busy=true] .visual-pdf .paper-back{animation:papers-merge-back 1.4s ease-in-out infinite}.session-body[aria-busy=true] .visual-pdf .paper-middle{animation:papers-merge-middle 1.4s ease-in-out infinite}.session-body[aria-busy=true] .visual-image .photo-front{animation:photo-develop 1.8s ease-in-out infinite}.session-body[aria-busy=true] .visual-image .photo-scan{animation:photo-scan 1.8s ease-in-out infinite}.session-body[aria-busy=true] .visual-general .clock-hand{rotate:90deg}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.feature-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #00000010}.feature-card:hover .feature-action>span:last-child{translate:2px -2px}.feature-card:hover .paper-back{translate:8px -5px;rotate:4deg}.feature-card:hover .paper-middle{translate:-9px 0;rotate:-4deg}.feature-card:hover .paper-front{translate:0 -4px}.feature-card:hover .photo-back{translate:-5px -3px;rotate:-3deg}.feature-card:hover .photo-front{translate:3px -3px;rotate:2deg}.feature-card:hover .photo-scan{opacity:.9;translate:130px 0;transition:translate 1s ease,opacity .3s ease}.feature-card:hover .clock-hand{rotate:55deg}}@media(min-width:1001px){.tool-layout{grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr)}}@media(min-width:761px){.sidebar-collapsed{--sidebar:78px}.sidebar-collapsed .sidebar{width:78px}.sidebar-collapsed .brand-row{height:88px;padding:22px 19px}.sidebar-collapsed .brand>span:last-child,.sidebar-collapsed .home-nav span,.sidebar-collapsed .search,.sidebar-collapsed .category-picker,.sidebar-collapsed .list-heading,.sidebar-collapsed .favorites,.sidebar-collapsed .pin-tool,.sidebar-collapsed .sidebar-footer>span:not(.status-dot){display:none}.sidebar-collapsed .home-nav{justify-content:center;font-size:21px;margin:0 16px 12px;padding:9px 0;height:42px}.sidebar-collapsed #compact-search{display:grid;margin:0 auto 15px;width:42px;height:42px;font-size:25px}.sidebar-collapsed .sidebar-scroll{padding:0 10px 10px}.sidebar-collapsed .tool-list{gap:3px}.sidebar-collapsed .tool-open{justify-content:center;padding:15px 0;min-height:54px}.sidebar-collapsed .tool-open>span:last-child{display:none}.sidebar-collapsed .tool-icon svg{width:21px;height:21px}.sidebar-collapsed .sidebar-footer{justify-content:center;padding:19px 0}.sidebar-collapsed #sidebar-toggle svg{rotate:180deg}}@media(max-width:1150px){.feature-copy{padding:23px 22px 0}.feature-copy h3{font-size:21px}.feature-action{padding:0 22px 22px;font-size:12px}.feature-card{min-height:340px}.feature-card>.tool-visual{min-height:0;height:205px;flex-basis:205px}.home-header{column-gap:25px}.home-header h1{font-size:39px}.home-header>p:last-child{font-size:15px}.shelf-heading h2{font-size:20px}}@media(max-width:1000px){.home-header{grid-template-columns:1fr}.home-header>p:last-child{margin-top:17px}.featured-tools{grid-auto-columns:calc(48% - 5px);gap:17px}.feature-card{min-height:350px}.tool-layout{grid-template-columns:1fr}.tool-results .file-preview img{max-height:340px}}@media(max-width:760px){.desktop-only{display:none!important}.home-header{padding:23px 4px 0;margin-bottom:28px}.home-header .eyebrow{font-size:13px;margin-bottom:15px}.home-header h1{font-size:33px;line-height:1.4}.home-header>p:last-child{font-size:14px;line-height:1.9;margin-top:16px}.shelf-heading{padding-inline:4px;margin-bottom:12px;gap:10px}.shelf-heading h2{font-size:18px}.shelf-heading>span{font-size:10px}.featured-tools{grid-auto-columns:88%;gap:14px;padding-bottom:14px;margin-inline:0;scrollbar-width:none}.featured-tools::-webkit-scrollbar{display:none}.feature-card{border-radius:21px;min-height:346px}.feature-copy{padding:24px 24px 0}.feature-copy h3{font-size:23px;margin-top:9px}.feature-action{padding:0 24px 24px;font-size:13px}.feature-card>.tool-visual{min-height:0;height:200px;flex-basis:200px}.featured-section{margin-bottom:25px}.sidebar{transition:transform .38s cubic-bezier(.22,1,.36,1)}.workspace{transition:none}.result-empty .tool-visual{height:180px;width:260px}.result-empty{padding-bottom:22px}.tool-results .file-preview img{max-height:330px}.session-body[aria-busy=true] .result-empty .tool-visual{flex-basis:180px}.tool-results:has(#output-preview:not([hidden])) #input-preview img,.tool-results:has(#output-preview:not([hidden])) #input-preview canvas{max-height:150px}}@media(prefers-reduced-motion:reduce){.feature-card,.tool-visual *,.sidebar,.workspace,#nav-indicator,#sidebar-toggle svg{transition:none!important;animation:none!important}.result:not(:empty):before{animation:none!important}.session-body[aria-busy=true] .tool-visual *{animation:none!important}.feature-card:hover{transform:none}.busy-copy p{opacity:1}}@media(min-width:761px){.workspace-home{overflow-x:hidden}}:root{--paper:#f4f5f7;--surface:#fff;--soft:#f7f8fa;--ink:#20232b;--muted:#6b717d;--faint:#797f8b;--edge:#e4e7ec;--hover:#eef1f6;--desk-shadow:0 4px 22px #23314605}html[data-theme=dark]{--paper:#17181c;--surface:#202126;--soft:#27282e;--ink:#f0f1f5;--muted:#b0b2bd;--faint:#9699a6;--edge:#35363f;--hover:#2b2d35;--desk-shadow:0 4px 22px #00000012}body{background:radial-gradient(ellipse at 65% 0%,#e2e8f24d,transparent 55%),var(--paper)}html[data-theme=dark] body{background:radial-gradient(ellipse at 65% 0%,#42475824,transparent 55%),var(--paper)}.workspace{background:transparent}.sidebar{background:var(--surface)}.topbar{background:color-mix(in srgb,var(--surface) 92%,transparent)}main{max-width:1520px;padding-top:22px}.workspace-home{padding:0 3px 24px;scrollbar-gutter:stable}.workspace-caption{min-height:36px}.appearance-controls{display:flex;align-items:center;gap:15px}.theme-control select{border:1px solid var(--edge);background:var(--soft);min-height:36px;max-width:145px}.home-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;padding:34px 5px 25px;margin:0 auto 14px;max-width:760px}.home-header .eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--muted);margin:0 0 13px}.home-header h1{font-size:34px;letter-spacing:-1.1px;line-height:1.5}.home-header>p:last-child{font-size:12px;margin:13px 0 0;line-height:1.7}.home-search{width:100%;max-width:650px;display:flex;align-items:center;gap:14px;margin-top:23px;padding:0 20px;min-height:64px;border:1px solid var(--edge);border-radius:20px;background:var(--surface);box-shadow:0 8px 30px #202b3b06;transition:border-color .2s,box-shadow .2s}.home-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent)}.home-search>span{font-size:32px;line-height:1;color:var(--muted)}.home-search input{font-size:15px;background:transparent;border:0;width:100%;min-width:0;padding:17px 0;outline:0}.home-search kbd{font-size:11px;padding:3px 7px;border:1px solid var(--edge);border-radius:6px;color:var(--faint)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 3px 13px}.section-heading h2,.recent-work h2{font-size:15px;letter-spacing:-.2px;font-weight:600;margin:0}.section-heading>span{font-size:11px;color:var(--muted)}#pinned-work,#home-search-results,.recent-work{margin:0 0 25px}.quick-grid,.category-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.quick-grid>a,.start-group a{display:flex;align-items:center;gap:12px;min-width:0;padding:17px 16px;border:1px solid var(--edge);border-radius:16px;background:var(--surface);box-shadow:var(--desk-shadow);transition:background .18s,border-color .18s,transform .25s,box-shadow .25s}.quick-grid>a:hover,.start-group a:hover{background:var(--soft);border-color:color-mix(in srgb,var(--category-accent,var(--accent)) 35%,var(--edge));box-shadow:0 7px 20px #202b3b08}.quick-grid>a>span:nth-child(2),.start-group a>span:nth-child(2){min-width:0;flex:1}.quick-grid strong,.start-group strong{display:block;font-size:13px;font-weight:600;line-height:1.6;letter-spacing:0}.quick-grid small,.start-group small{display:block;font-size:11px;line-height:1.7;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}.quick-grid b,.start-group a>b{font-size:14px;font-weight:400;color:var(--faint);flex:none}.start-icon{width:39px;height:39px;padding:10px;border-radius:12px;display:grid;place-items:center;flex:none;background:color-mix(in srgb,var(--category-accent,var(--accent)) 8%,var(--surface));color:var(--category-accent,var(--accent))}.start-icon svg{width:20px;height:20px}.start-groups{display:flex;flex-direction:column;gap:25px}.start-group{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;scroll-margin-top:15px}.start-group h2{font-size:16px;margin:0 3px 5px;gap:8px}.start-group h2:before{width:4px;height:14px;margin-right:1px}.start-group>p{font-size:11px;margin:0 3px 13px;color:var(--muted)}.group-count{font-size:10px;margin-left:0;border:1px solid var(--edge);background:var(--surface);padding:2px 7px}.start-group .start-icon{padding:10px}.start-group a{border-bottom:1px solid var(--edge)}#recent-tools{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}#recent-tools a{padding:9px 12px;border:1px solid var(--edge);border-radius:12px;background:var(--surface);font-size:11px}#recent-tools a svg{width:16px;height:16px}.session-note{font-size:11px;justify-content:center;margin-top:25px}#category-nav{padding:8px 3px 13px;display:grid;gap:3px}#category-nav a{display:flex;align-items:center;gap:10px;font-size:12px;padding:11px 10px;border-radius:10px}#category-nav a:hover{background:var(--soft)}#category-nav svg{width:18px;height:18px;color:var(--muted)}#category-nav small{margin-left:auto;color:var(--faint);font-size:10px}.favorites{padding:13px 7px;border-bottom:1px solid var(--edge)}.favorites h2{margin-bottom:7px}.favorite-link{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:11px;padding:8px 4px}.favorite-link svg{width:15px;height:15px;color:var(--muted)}.favorite-link span{overflow:hidden;text-overflow:ellipsis}#all-tools{padding-top:12px}#all-tools>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;padding:10px;font-size:11px;color:var(--muted)}#all-tools>summary::-webkit-details-marker{display:none}.category-picker{display:none}.tool-open{min-height:50px;padding-top:9px;padding-bottom:9px}.tool-open strong{font-size:11px}.tool-open small{font-size:8px}.brand-row{height:82px}.list-heading{margin-top:6px}.workbench{background:var(--surface);border:1px solid var(--edge);box-shadow:var(--desk-shadow);border-radius:22px}.tool-scroll{padding:0}.tool-layout{grid-template-columns:minmax(275px,.75fr) minmax(0,1.25fr)}.tool-controls{background:var(--surface);border-right:1px solid var(--edge);padding:25px}.tool-results{background:var(--soft);padding:25px;min-width:0}.tool-controls>.primary{position:sticky;bottom:0;z-index:3;box-shadow:0 5px 20px color-mix(in srgb,var(--surface) 85%,transparent);width:100%;margin-top:12px}.tool-results .file-preview{background:var(--surface);border:1px solid var(--edge);border-radius:16px}.tool-results .file-preview img{max-height:480px}.tool-results .file-preview canvas{max-height:630px}.tool-results .result{position:relative}.result a[download]{display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:var(--primary-text);padding:10px 14px;border-radius:11px;font-size:12px;font-weight:600;margin-top:8px}.output-list a[download]{margin-top:0;white-space:nowrap}.processing-status{font-size:12px;line-height:1.8}.processing-status progress{display:block;width:100%;height:5px;margin-top:10px;accent-color:var(--primary)}.workflow-next{margin-top:24px;padding-top:20px;border-top:1px solid var(--edge)}.workflow-next h3{font-size:14px;margin:0}.workflow-next p{font-size:11px;color:var(--muted);margin:5px 0 13px}.workflow-next .field{font-size:11px}.workflow-next select{min-height:40px;font-size:12px}.workflow-send{width:100%;margin-top:12px}.import-work{margin:18px;padding:18px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--edge));border-radius:15px;background:var(--accent-soft);font-size:12px}.import-work p{margin:0 0 12px}.import-work button{font-size:12px}.result-empty .tool-visual{opacity:.8}@media(min-width:761px){.sidebar-collapsed #category-nav a{justify-content:center;padding:12px 0}.sidebar-collapsed #category-nav span,.sidebar-collapsed #category-nav small,.sidebar-collapsed #all-tools,.sidebar-collapsed #sidebar-recent{display:none}}@media(min-width:1600px){.quick-grid,.category-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){.quick-grid,.category-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-control>span{display:none}.appearance-controls{gap:8px}.tool-controls,.tool-results{padding:20px}}@media(max-width:1000px){.tool-layout{grid-template-columns:1fr}.tool-controls{border-right:0;border-bottom:1px solid var(--edge)}.tool-controls>.primary{position:static}.tool-results .file-preview img{max-height:380px}}@media(max-width:760px){main{padding:14px 13px 0}.topbar{padding:0 12px;gap:8px}.workspace-path{gap:6px;flex:1;overflow:hidden}.workspace-path strong{font-size:10px}.workspace-word,.path-divider{display:none}.appearance-controls{gap:6px}.theme-control select{font-size:10px;padding:7px;max-width:116px;min-height:35px}.home-header{padding:26px 0 23px;margin-bottom:8px}.home-header h1{font-size:28px}.home-header .eyebrow{font-size:8px;letter-spacing:1.7px}.home-search{min-height:57px;padding:0 13px;gap:9px;border-radius:17px;margin-top:19px}.home-search input{font-size:13px}.home-search>span{font-size:27px}.home-search kbd{display:none}.home-header>p:last-child{font-size:10px;margin-top:11px}.quick-grid,.category-tool-grid{grid-template-columns:1fr;gap:8px}.quick-grid>a,.start-group a{padding:13px 14px;border-radius:14px}.quick-grid strong,.start-group strong{font-size:13px}.quick-grid small,.start-group small{font-size:11px}.start-groups{gap:23px}.section-heading>span{font-size:10px}.tool-results,.tool-controls{padding:21px 17px}.tool-results .file-preview{padding:11px}.output-list li{flex-wrap:wrap;gap:8px}.output-list li>span{width:100%}.workbench{border-radius:18px}.workbench-header{padding:20px 17px}.workspace-caption>span:first-child{font-size:9px}}html[data-appearance=glass]{--glass-bg:#ffffffa8;--glass-edge:#ffffffc9;--glass-shadow:0 12px 40px #3343660d,inset 0 1px 0 #ffffffdb}html[data-appearance=glass][data-theme=dark]{--glass-bg:#252730b8;--glass-edge:#ffffff26;--glass-shadow:0 12px 40px #00000024,inset 0 1px 0 #ffffff16}html[data-appearance=glass] body{background:radial-gradient(ellipse at 15% 20%,#c6d9f5a6,transparent 45%),radial-gradient(ellipse at 85% 70%,#e2d4efa3,transparent 45%),radial-gradient(ellipse at 70% 0%,#d7eee7a6,transparent 45%),#edf0f5;background-attachment:fixed}html[data-appearance=glass][data-theme=dark] body{background:radial-gradient(ellipse at 15% 20%,#25406d70,transparent 45%),radial-gradient(ellipse at 85% 70%,#55356b55,transparent 45%),radial-gradient(ellipse at 70% 0%,#23594e44,transparent 45%),#15171e;background-attachment:fixed}html[data-appearance=glass] :is(.sidebar,.topbar,.home-search,.workbench){background:var(--glass-bg);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border-color:var(--glass-edge);box-shadow:var(--glass-shadow)}html[data-appearance=glass] :is(.quick-grid>a,.start-group a,#recent-tools a){background:var(--glass-bg);border-color:var(--glass-edge);box-shadow:var(--glass-shadow)}html[data-appearance=glass] .tool-controls{background:color-mix(in srgb,var(--surface) 80%,transparent)}html[data-appearance=glass] .tool-results{background:color-mix(in srgb,var(--soft) 66%,transparent)}html[data-appearance=glass] :is(.editor,.field input,.field textarea,.field select){background:var(--surface)}@supports not (backdrop-filter:blur(1px)){html[data-appearance=glass] :is(.sidebar,.topbar,.home-search,.workbench,.quick-grid>a,.start-group a,#recent-tools a){background:var(--surface)}}@media(prefers-reduced-transparency:reduce){html[data-appearance=glass] :is(.sidebar,.topbar,.home-search,.workbench,.quick-grid>a,.start-group a,#recent-tools a,.tool-controls,.tool-results){background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}html[data-appearance=glass] body{background:var(--paper)}}@media(prefers-reduced-motion:no-preference){.quick-grid>a:hover,.start-group a:hover{transform:translateY(-2px)}::view-transition-old(root){animation:desk-leave .16s ease both}::view-transition-new(root){animation:desk-arrive .28s cubic-bezier(.22,1,.36,1) both}::view-transition-group(*){animation-duration:.28s}::view-transition{pointer-events:none}@keyframes desk-leave{to{opacity:0;scale:.99}}@keyframes desk-arrive{0%{opacity:0;scale:.985;transform:translateY(6px)}to{opacity:1;scale:1;transform:translateY(0)}}}@media(prefers-reduced-motion:reduce){.home-search,.quick-grid>a,.start-group a{transition:none}::view-transition-group(*){animation:none!important}}.desk-tool{position:relative;min-width:0}.desk-tool>a{display:flex;align-items:center;gap:12px;padding:17px 36px 17px 16px;border:1px solid var(--edge);border-radius:16px;background:var(--surface);box-shadow:var(--desk-shadow);min-height:80px;transition:background .18s,border-color .18s,transform .25s}.desk-tool>a>span:nth-child(2){min-width:0;flex:1}.home-pin{position:absolute;right:8px;top:50%;translate:0 -50%;display:grid;place-items:center;width:28px;height:32px;padding:0;background:transparent;color:var(--faint);border-radius:8px;font-size:18px}.home-pin:hover{background:var(--hover);color:var(--accent)}.home-pin[aria-pressed=true]{color:var(--accent)}.start-group .desk-tool>a{padding-right:36px}.start-group:last-child>.category-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}html[data-appearance=glass] .desk-tool>a{background:var(--glass-bg);border-color:var(--glass-edge);box-shadow:var(--glass-shadow)}@media(min-width:1600px){.start-group:last-child>.category-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){.start-group:last-child>.category-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.desk-tool>a,.start-group .desk-tool>a{padding:13px 36px 13px 14px;min-height:73px;border-radius:14px}.start-group:last-child>.category-tool-grid{grid-template-columns:1fr;gap:8px}}@media(prefers-reduced-transparency:reduce){html[data-appearance=glass] .desk-tool>a{background:var(--surface)}}@supports not (backdrop-filter:blur(1px)){html[data-appearance=glass] .desk-tool>a{background:var(--surface)}}.start-group>.category-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}@media(min-width:1600px){.start-group>.category-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){.start-group>.category-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.start-group>.category-tool-grid{grid-template-columns:1fr;gap:8px}}.start-group .more-tools{margin-top:0;border:0}.start-group .more-tools>summary{font-size:12px;padding:13px 4px;color:var(--accent)}.start-group .more-tools>.extra-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding-top:4px}@media(min-width:1600px){.start-group .more-tools>.extra-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){.start-group .more-tools>.extra-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.start-group .more-tools>.extra-tool-grid{grid-template-columns:1fr;gap:8px}}:root{font-family:Inter,IBM Plex Sans Thai,system-ui,sans-serif;--accent:#6366f1;--accent-soft:#eeedff;--primary:#5b5ee9;--primary-text:#fff;--paper:#f6f6f9;--ink:#202027;--edge:#e6e6ec}html[data-theme=dark]{--paper:#09090b;--surface:#121215;--soft:#18181d;--hover:#202027;--ink:#eeeef3;--muted:#a1a1ad;--faint:#9393a1;--edge:#ffffff14;--accent:#a5a3ff;--accent-soft:#6366f11f;--primary:#6366f1;--primary-text:#fff}body{background:radial-gradient(ellipse at 55% 0%,#6366f10a,transparent 55%),var(--paper)}html[data-theme=dark] body{background:radial-gradient(ellipse at 55% 0%,#6366f11a,transparent 50%),var(--paper)}.brand-mark{border-radius:11px;background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 22%,var(--edge))}.topbar{gap:14px}.workspace-path{flex:1}.command-launch{display:flex;align-items:center;gap:10px;padding:7px 10px;border:1px solid var(--edge);border-radius:9px;color:var(--muted);background:var(--soft);font-size:11px;min-width:210px;margin-right:auto}.command-launch>span:first-child{font-size:21px;line-height:1}.command-launch kbd{margin-left:auto;font-size:9px;border:1px solid var(--edge);padding:2px 5px;border-radius:4px}.command-launch:hover{border-color:var(--accent);color:var(--ink)}.home-header h1{font-weight:600;letter-spacing:-1.2px}.home-header .eyebrow{font-size:9px;letter-spacing:2px}.home-search{border-radius:14px;min-height:59px}.desk-tool>a,.start-group .desk-tool>a{border-radius:12px}.desk-tool>a:hover,.start-group .desk-tool>a:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--edge));background:var(--hover)}html[data-theme=dark] .desk-tool>a:hover{border-color:#ffffff2e;box-shadow:0 5px 22px #00000026}.start-icon{border-radius:9px}.workbench{border-radius:16px}.primary{box-shadow:0 2px 8px #6366f11c}.primary:focus-visible{outline-color:var(--accent)}kbd,code,pre,.stats strong,.timer-display,input[type=number],.output-editor{font-family:JetBrains Mono,IBM Plex Sans Thai,monospace}.output-editor{font-size:12px;line-height:1.8}.home-nav.selected{background:var(--accent-soft);color:var(--accent)}.tool-controls .primary[aria-keyshortcuts]:after{content:"Ctrl ↵";font-family:JetBrains Mono,monospace;font-size:9px;opacity:.7;margin-left:14px}.icon-button:active,.primary:active,.secondary:active,.command-launch:active{transform:scale(.98)}*{scrollbar-color:color-mix(in srgb,var(--ink) 15%,transparent) transparent;scrollbar-width:thin}#command-palette{width:min(590px,calc(100vw - 28px));max-height:min(650px,80dvh);margin:12vh auto auto;padding:0;border:1px solid var(--edge);border-radius:16px;color:var(--ink);background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 30px 110px #0007;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);overflow:hidden}#command-palette::backdrop{background:#05050b80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.command-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 8px}.command-heading h2{font-size:13px;margin:0;font-weight:500;color:var(--muted)}.command-heading button{font-family:JetBrains Mono,monospace;font-size:10px;min-height:27px;width:34px;border:1px solid var(--edge);border-radius:6px}#command-search{display:block;background:transparent;border:0;border-bottom:1px solid var(--edge);border-radius:0;padding:12px 19px 19px;width:100%;font-size:17px;outline:0}#command-results{max-height:400px;overflow:auto;padding:8px}#command-results a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 12px;border-radius:9px}#command-results a:hover,#command-results a:focus-visible{background:var(--accent-soft);outline:0}#command-results a>span:first-child{min-width:0}#command-results strong{display:block;font-size:13px;font-weight:500}#command-results small{display:block;font-size:11px;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#command-results a>span:last-child{color:var(--muted);font-size:13px}#command-count{padding:6px 19px;font-size:10px;color:var(--muted);margin:0}.command-footer{border-top:1px solid var(--edge);display:flex;justify-content:space-between;padding:12px 19px;font-size:10px;color:var(--muted)}.toast{position:fixed;inset:auto 24px 24px auto;z-index:100;max-width:calc(100vw - 32px);padding:13px 19px;border:1px solid var(--edge);border-radius:12px;background:var(--surface);box-shadow:0 10px 40px #0003;font-size:12px;color:var(--ink)}.toast:before{content:"✓";color:var(--accent);margin-right:9px}html[data-appearance=glass][data-theme=dark]{--glass-bg:#18181db8;--glass-edge:#ffffff14;--glass-shadow:0 12px 40px #0003,inset 0 1px 0 #ffffff08}html[data-appearance=glass][data-theme=dark] body{background:radial-gradient(ellipse at 20% 0%,#6366f124,transparent 50%),radial-gradient(ellipse at 90% 75%,#8057ba16,transparent 50%),#09090b;background-attachment:fixed}@media(max-width:1150px){.command-launch{min-width:160px}.command-launch kbd{display:none}}@media(max-width:760px){.topbar{gap:7px}.command-launch{min-width:30px;width:30px;height:32px;padding:3px;justify-content:center;margin:0;border:0;background:transparent}.command-launch>span:not(:first-child),.command-launch kbd{display:none}.workspace-path{min-width:0}.appearance-controls{gap:5px}.theme-control select{max-width:110px}.tool-controls .primary[aria-keyshortcuts]:after{display:none}.home-header h1{font-size:27px}.toast{inset:auto 16px 16px;text-align:center}#command-palette{margin-top:7vh;max-height:80dvh}#command-results{max-height:48dvh}}@media(prefers-reduced-motion:reduce){.icon-button:active,.primary:active,.secondary:active,.command-launch:active{transform:none}}@media(prefers-reduced-transparency:reduce){#command-palette{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}#command-palette::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}html[data-appearance=glass][data-theme=dark] body{background:var(--paper)}}.sidebar-command{display:flex;align-items:center;gap:9px;margin:0 16px;width:calc(100% - 32px);min-height:42px;padding:9px 11px;border:1px solid var(--edge);border-radius:11px;background:var(--soft);color:var(--muted);font-size:11px;text-align:left}.sidebar-command>span:first-child{font-size:23px;line-height:1}.sidebar-command kbd{margin-left:auto;font-size:9px;padding:2px 4px;border:1px solid var(--edge);border-radius:4px}.sidebar-command:hover{border-color:var(--accent);color:var(--ink)}.favorites-empty{font-size:10px;line-height:1.8;color:var(--muted);margin:8px 4px}.favorites h2{font-size:11px}.recent-work{flex:none;min-width:0;margin:0 3px 16px}.recent-work h2{font-size:10px;color:var(--muted)}#recent-tools{flex-wrap:nowrap;overflow-x:auto;gap:7px;padding-bottom:4px;margin-top:8px}.work-chip{display:flex;align-items:center;flex:none;max-width:260px;border:1px solid var(--edge);border-radius:999px;background:var(--surface)}#recent-tools .work-chip>a{min-width:0;gap:7px;padding:8px 5px 8px 12px;margin:0;border:0;border-radius:999px;background:transparent;font-size:10px;white-space:nowrap}#recent-tools .work-chip>a span{overflow:hidden;text-overflow:ellipsis}.work-chip.active{border-color:color-mix(in srgb,var(--accent) 40%,var(--edge));background:var(--accent-soft)}.work-chip button{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:15px;background:transparent;color:var(--muted);margin-right:4px;flex:none}.work-chip button:hover{color:var(--danger);background:var(--danger-bg)}.workspace-home{scrollbar-gutter:auto}.home-mode{overflow-y:auto;overflow-x:hidden;scrollbar-gutter:auto}.home-mode .workspace-home{overflow:visible;flex:none}.home-header{border:0;box-shadow:none}.home-header:before,.home-header:after{content:none}.start-groups>.start-group{border:1px solid color-mix(in srgb,var(--ink) 6%,transparent);border-radius:20px;padding:19px;background:linear-gradient(180deg,color-mix(in srgb,var(--category-accent) 3%,transparent),transparent 180px);box-shadow:inset 0 1px #ffffff03}.start-groups>.start-group:hover{transform:none;box-shadow:inset 0 1px #ffffff03}.desk-tool{display:flex;align-items:stretch}.desk-tool>a,.start-group .desk-tool>a{width:100%;height:100%;min-height:102px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.desk-tool small,.quick-grid small,.start-group small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow:hidden;text-overflow:ellipsis;line-height:1.7;max-height:3.4em}.desk-tool strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.desk-tool>a:hover,.start-group .desk-tool>a:hover,html[data-theme=dark] .desk-tool>a:hover{border-color:color-mix(in srgb,var(--category-accent,var(--accent)) 50%,var(--edge));box-shadow:0 5px 20px color-mix(in srgb,var(--category-accent,var(--accent)) 9%,transparent)}html[data-theme=dark]{--cat-image:#8cb6ff}:root{--cat-image:#4e7bc5}@media(min-width:761px){.sidebar-collapsed .sidebar-command{display:none}}@media(max-width:760px){.home-mode{overflow:visible}.start-groups>.start-group{padding:14px;border-radius:17px}.desk-tool>a,.start-group .desk-tool>a{min-height:94px}.recent-work{margin-bottom:15px}.home-header{padding-top:23px}.sidebar-command{font-size:12px}}@media(prefers-reduced-motion:reduce){.desk-tool>a,.start-group .desk-tool>a{transition:none;transform:none!important}}.home-mode{scrollbar-width:none}.home-mode::-webkit-scrollbar{display:none}.display-pill{--control-glass:#ffffffb0;--control-edge:#ffffffb3;--control-inner:#ffffffd9;--control-shadow:0 4px 18px #2020340a;--glow-x:50%;--glow-y:0%;position:relative;display:flex;align-items:center;flex-shrink:0;gap:4px;padding:4px;border:1px solid var(--control-edge);border-radius:999px;min-height:44px;background:linear-gradient(180deg,#ffffff1a,#fff0),var(--control-glass);box-shadow:inset 0 1px 0 var(--control-inner),inset 0 -1px #ffffff08,var(--control-shadow),0 0 0 1px #20203405;backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);isolation:isolate;transition:border-color .25s ease,box-shadow .25s ease}html[data-theme=dark] .display-pill{--control-glass:#19191f9c;--control-edge:#ffffff1a;--control-inner:#ffffff1f;--control-shadow:0 5px 22px #00000029}.display-pill:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(100px circle at var(--glow-x) var(--glow-y),#ffffff1c,transparent 75%);opacity:0;pointer-events:none;transition:opacity .3s ease}.display-pill:hover{border-color:color-mix(in srgb,var(--accent) 22%,var(--control-edge));box-shadow:inset 0 1px 0 var(--control-inner),0 5px 24px #6366f10b}.display-pill:hover:before{opacity:1}.topbar{position:relative;z-index:45}.appearance-picker{position:relative;min-width:0}.appearance-trigger{display:flex;align-items:center;justify-content:center;gap:8px;height:34px;padding:0 12px;border-radius:999px;background:transparent;color:var(--ink);font-size:11px;font-weight:500;white-space:nowrap;transition:background .22s ease,box-shadow .22s ease}.appearance-trigger:hover,.appearance-trigger[aria-expanded=true]{background:color-mix(in srgb,var(--ink) 5%,transparent)}.appearance-trigger:focus-visible,.theme-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.appearance-symbol{display:grid;place-items:center;color:var(--accent)}.appearance-symbol svg{width:17px;height:17px}.appearance-chevron{display:grid;place-items:center;color:var(--muted);transition:transform .3s cubic-bezier(.22,1,.36,1)}.appearance-chevron svg{width:14px;height:14px}.appearance-trigger[aria-expanded=true] .appearance-chevron{transform:rotate(180deg)}.display-divider{width:1px;height:18px;flex:none;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--ink) 13%,transparent),transparent);margin:0 2px}.theme-segments{--theme-index:2;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:108px;height:34px;padding:2px;isolation:isolate;flex:none}.theme-slider{position:absolute;left:2px;top:2px;bottom:2px;width:calc((100% - 4px)/3);border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 14%,#ffffff38);background:linear-gradient(180deg,#ffffffc7,#ffffff85);box-shadow:0 1px 5px #20203412,inset 0 1px #fff;transform:translate(calc(var(--theme-index)*100%));transition:transform .42s cubic-bezier(.22,1,.36,1),background .3s ease;z-index:-1;pointer-events:none}html[data-theme=dark] .theme-slider{background:linear-gradient(180deg,#ffffff14,#ffffff08);border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff1a,0 0 14px #8885ff12,0 2px 5px #0003}.theme-button{display:grid;place-items:center;min-width:0;border-radius:999px;background:transparent;color:var(--muted);padding:0;transition:color .25s ease,background .25s ease}.theme-button svg{width:15px;height:15px;transform:rotate(-12deg) scale(.92);transition:transform .42s cubic-bezier(.22,1,.36,1),filter .3s ease}.theme-button[aria-checked=true]{color:var(--ink)}.theme-button[aria-checked=true] svg{transform:rotate(0) scale(1);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--accent) 28%,transparent))}.theme-button:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 4%,transparent)}.appearance-menu{position:absolute;right:0;top:calc(100% + 13px);z-index:80;width:268px;padding:6px;border:1px solid #ffffff1a;border-radius:19px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%);box-shadow:inset 0 1px #ffffff26,0 18px 55px #00000029,0 0 0 1px #20203408;transform-origin:85% 0%;animation:surface-popover-in .24s cubic-bezier(.22,1,.36,1)}.surface-menu-heading{margin:8px 11px 7px;font-size:9px;color:var(--muted);font-weight:500;letter-spacing:.3px}.appearance-menu [role=menuitemradio]{display:flex;align-items:center;gap:11px;width:100%;padding:11px 10px;border-radius:13px;text-align:left;background:transparent;color:var(--ink);transition:background .2s ease,box-shadow .2s ease}.appearance-menu [role=menuitemradio]:hover,.appearance-menu [role=menuitemradio]:focus-visible{background:color-mix(in srgb,var(--ink) 5%,transparent);outline:none;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}.appearance-menu [aria-checked=true]{background:color-mix(in srgb,var(--accent) 7%,transparent)}.surface-sample{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:11px;border:1px solid var(--edge);color:var(--muted);background:var(--soft);box-shadow:inset 0 1px #ffffff0d}.surface-sample svg{width:17px;height:17px}.sample-glass{background:radial-gradient(at 20% 10%,#bbb5ff66,transparent 65%),linear-gradient(135deg,#ffffff26,#ffffff04);border-color:color-mix(in srgb,var(--accent) 25%,var(--edge));color:var(--accent);box-shadow:inset 0 1px #fff3,0 3px 9px #6366f10d}.surface-option-copy{display:block;flex:1;min-width:0}.surface-option-copy strong{display:block;font-size:11px;font-weight:500}.surface-option-copy small{display:block;margin-top:4px;font-size:10px;color:var(--muted)}.surface-active-dot{width:5px;height:5px;border-radius:50%;margin-right:4px;background:var(--accent);box-shadow:0 0 9px var(--accent);opacity:0;transform:scale(.4);transition:opacity .2s ease,transform .25s ease}.appearance-menu [aria-checked=true] .surface-active-dot{opacity:1;transform:scale(1)}@keyframes surface-popover-in{0%{opacity:0;transform:translateY(-5px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:760px){.display-pill{gap:2px;min-height:40px;padding:3px}.appearance-trigger{height:32px;padding:0 9px;font-size:10px;gap:6px}.appearance-symbol svg{width:15px;height:15px}.appearance-chevron svg{width:12px;height:12px}.theme-segments{width:93px;height:32px}.theme-button svg{width:14px;height:14px}.display-divider{height:16px;margin-inline:1px}.appearance-menu{right:-104px;width:258px;top:calc(100% + 13px);transform-origin:85% 0%}}@media(max-width:360px){.topbar{padding-inline:10px}.topbar>.command-launch{display:none}.workspace-path strong{display:none}.appearance-menu{right:-102px}}@media(prefers-reduced-motion:reduce){.display-pill,.display-pill:before,.display-pill *{transition:none!important;animation:none!important}}@media(prefers-reduced-transparency:reduce){.display-pill,.appearance-menu{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}.display-pill:before{display:none}}@supports not (backdrop-filter:blur(1px)){.display-pill,.appearance-menu{background:var(--surface)}}@media(max-width:760px){.topbar{position:sticky;top:0;z-index:30}}.pwa-controls{padding:12px 20px;border-top:1px solid var(--edge);font-size:10px;color:var(--muted);line-height:1.65}.pwa-controls p{margin:5px 0}.pwa-actions{display:flex;flex-wrap:wrap;gap:6px}.pwa-actions button{font:inherit;padding:5px 9px;border:1px solid var(--edge);border-radius:6px;background:var(--soft);color:var(--accent)}.pwa-controls summary{cursor:pointer;color:var(--accent)}.pwa-controls details{margin-top:5px}.pwa-controls [data-pwa-update]{color:var(--accent)}@media(min-width:761px){.sidebar-collapsed #pwa-controls{display:none}}html.js #route-summary{display:none}