:root{--bg:#f4f6fb;--panel:#fff;--panel-2:#f8faff;--text:#17223b;--muted:#67738a;--line:#dfe5f0;--accent:#3e5fdd;--accent-strong:#2c46ad;--accent-soft:#eef2ff;--danger:#b42318;--ok:#16835f;--ok-soft:#e9f8f1;--warn:#9b6911;--warn-soft:#fff6df;--shadow:0 14px 34px #22335414;--radius:14px;--radius-sm:8px}:root[data-theme=dark]{--bg:#0e1420;--panel:#171f2d;--panel-2:#1c2636;--text:#eef3fb;--muted:#a4b0c4;--line:#2b374b;--accent:#7f94ff;--accent-strong:#a7b5ff;--accent-soft:#202d50;--danger:#ff7771;--ok:#58d9a9;--ok-soft:#12372c;--warn:#f4bd52;--warn-soft:#382d13;--shadow:0 14px 34px #0000004d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0e1420;--panel:#171f2d;--panel-2:#1c2636;--text:#eef3fb;--muted:#a4b0c4;--line:#2b374b;--accent:#7f94ff;--accent-strong:#a7b5ff;--accent-soft:#202d50;--danger:#ff7771;--ok:#58d9a9;--ok-soft:#12372c;--warn:#f4bd52;--warn-soft:#382d13;--shadow:0 14px 34px #0000004d}}*{box-sizing:border-box}.skip-link{z-index:100;border-radius:var(--radius-sm);background:var(--text);color:var(--panel);padding:.65rem .9rem;font-weight:700;text-decoration:none;transition:transform .15s;position:fixed;top:.75rem;left:1rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{color:var(--text);background:var(--bg);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;transition:background-color .2s,color .2s}.topbar{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--panel) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.1rem 1.5rem;display:flex;position:sticky;top:0}.topbar-heading h1{background:linear-gradient(90deg, var(--accent), var(--accent-strong));color:#0000;-webkit-background-clip:text;background-clip:text}.topbar-right{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.preference-controls{align-items:center;gap:.4rem;display:inline-flex}.preference-select{margin:0}.preference-select select,.theme-toggle{border:1px solid var(--line);background:var(--panel-2);width:auto;min-height:2.2rem;color:var(--text);font:inherit;border-radius:999px;margin:0;padding:.35rem .55rem;font-size:.8rem}.theme-toggle{cursor:pointer;align-items:center;gap:.35rem;display:inline-flex}h1,h2{margin:0}h1{letter-spacing:-.01em;font-size:1.4rem}.tool-home{color:inherit;text-decoration:none}.tool-home:hover{text-decoration:underline}h2{letter-spacing:.01em;margin-bottom:.85rem;font-size:.92rem}p{color:var(--muted);margin:.25rem 0 0}small{color:var(--muted);margin-top:.35rem;line-height:1.35;display:block}.mode-switch{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;gap:.15rem;padding:.2rem;display:inline-flex}.mode-switch button{width:auto;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;margin:0;padding:.4rem .95rem;font-size:.82rem;font-weight:600;transition:background-color .15s,color .15s}.mode-switch button:hover{color:var(--text)}.mode-switch button.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px #3457d559}.mode-hint{color:var(--muted);margin:.55rem 1.5rem 0;font-size:.82rem}.layout{grid-template-columns:minmax(280px,380px) 1fr;min-height:calc(100vh - 110px);display:grid}.controls{border-right:1px solid var(--line);padding:1rem;overflow:auto}.card,.preview-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card{margin-bottom:1rem;padding:1.1rem}.upload-card{border-style:dashed}.file-picker{border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent);color:#fff;cursor:pointer;place-items:center;min-height:2.55rem;padding:.55rem .8rem;font-size:.88rem;font-weight:700;display:grid}.file-picker:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.upload-card.dragover{border-color:var(--accent);background:var(--accent-soft)}.auto-summary-body{color:var(--text);font-size:.86rem;line-height:1.4}.auto-summary-body strong{color:var(--accent-strong);margin-bottom:.3rem;display:block}.browser-capability-note{border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--accent-soft);color:var(--muted);margin:-.15rem 0 .8rem;padding:.65rem .75rem;font-size:.8rem;line-height:1.35}#autoToStandard{background:var(--accent);color:#fff;border-color:var(--accent);margin-top:.9rem}#autoToStandard:hover{border-color:var(--accent-strong);background:var(--accent-strong)}details{color:var(--muted);margin-top:.9rem;font-size:.82rem;line-height:1.4}summary{color:var(--text);cursor:pointer;font-weight:650}details p{font-size:inherit;margin-top:.6rem}.primary-button{border-color:var(--accent);background:var(--accent);color:#fff}.primary-button:hover{border-color:var(--accent-strong);background:var(--accent-strong)}.trace-action{margin-top:.7rem}label{color:var(--muted);margin:.8rem 0;font-size:.86rem;display:block}label.check{color:var(--text);align-items:center;gap:.5rem;display:flex}input[type=range],input[type=file],select,button,input[type=color]{width:100%;accent-color:var(--accent);margin-top:.35rem}select,button,input[type=file]{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);padding:.55rem .65rem}button{cursor:pointer;background:var(--panel-2);font-weight:600;transition:border-color .15s,transform 50ms}button:hover{border-color:var(--accent)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}.button-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.export-row{grid-template-columns:repeat(4,minmax(0,1fr))}.expert-export{margin-top:.6rem}hr{border:0;border-top:1px solid var(--line);margin:1rem 0}.workspace{padding:1rem;overflow:auto}.quickstart{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--line));border-radius:var(--radius);background:linear-gradient(120deg, var(--accent-soft), var(--panel));justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1rem;padding:1.2rem;display:flex}.quickstart h2{margin-bottom:.4rem;font-size:1.15rem}.quickstart p{max-width:42rem;line-height:1.4}.eyebrow{color:var(--accent);letter-spacing:.09em;text-transform:uppercase;margin:0 0 .35rem;font-size:.72rem;font-weight:800}.workflow-steps{gap:.45rem;min-width:10rem;display:grid}.workflow-steps span{color:var(--accent);align-items:center;gap:.5rem;font-size:.85rem;font-weight:800;display:flex}.workflow-steps span:before{content:"";border:2px solid;border-radius:50%;width:1.2rem;height:1.2rem}.workflow-steps b{color:var(--text)}.status{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--muted);margin-bottom:1rem;padding:.75rem .9rem}.status.error{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, var(--line));background:color-mix(in srgb, var(--danger) 8%, var(--panel))}.preview-grid{grid-template-columns:minmax(300px,.9fr) minmax(460px,1.65fr);align-items:start;gap:1rem;display:grid}.preview-card{min-width:0;min-height:320px;padding:1rem}.preview-card.wide{grid-column:auto;min-height:0}.source-card{min-height:0}.source-stage{position:relative}.source-stage>img{grid-area:1/1}.source-card[data-source-view=original] #binaryPreview,.source-card[data-source-view=layers] #originalPreview{display:none}.stage{border:1px solid var(--line);border-radius:var(--radius-sm);background-image:linear-gradient(45deg, color-mix(in srgb, var(--line) 60%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, var(--line) 60%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--line) 60%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--line) 60%, transparent) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;place-items:center;min-height:260px;display:grid;position:relative;overflow:auto}.stage img:not([src]){display:none}.stage-empty{z-index:5;border:1px dashed color-mix(in srgb, var(--muted) 45%, var(--line));background:color-mix(in srgb, var(--panel) 92%, transparent);max-width:18rem;color:var(--muted);text-align:center;pointer-events:none;border-radius:8px;grid-area:1/1;margin:0;padding:.75rem .9rem;font-size:.84rem;line-height:1.4}:is(.source-stage:has(#originalPreview[src]) .stage-empty,.svg-stage:has(svg) .stage-empty-vector,.compare-stage:has(#compareOriginal[src]) .stage-empty-compare){display:none}.stage img,.svg-stage svg{max-width:100%;max-height:70vh}.svg-stage svg{border:1px solid var(--line);background:#fff}.card-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.preview-switch{border:1px solid var(--line);background:var(--panel-2);border-radius:999px;align-items:center;padding:.2rem;display:inline-flex}.preview-switch button{width:auto;color:var(--muted);background:0 0;border:0;border-radius:999px;margin:0;padding:.35rem .6rem;font-size:.78rem}.preview-switch button.active{background:var(--panel);color:var(--accent);box-shadow:0 1px 3px #1018281f}.preview-header-actions{justify-content:flex-end;align-items:center;gap:.45rem;display:inline-flex}.zoom-controls{border:1px solid var(--line);background:var(--panel-2);border-radius:999px;align-items:center;min-height:2.15rem;display:inline-flex;overflow:hidden}.zoom-controls button{width:2rem;min-width:2rem;min-height:2rem;color:var(--text);background:0 0;border:0;border-radius:0;margin:0;padding:0;font-size:1.05rem;line-height:1}.zoom-controls button:hover:not(:disabled){background:var(--panel);color:var(--accent)}.zoom-controls button:disabled{color:var(--muted);cursor:default}.zoom-controls output{min-width:2.8rem;color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;font-size:.68rem;font-weight:750}.source-stage img.preview-zoomed,.svg-stage svg.preview-zoomed{width:var(--preview-zoom-width);max-width:none;height:auto;max-height:none}.result-panel[hidden]{display:none}.compare-readout{border:1px solid var(--line);color:var(--accent);background:var(--accent-soft);border-radius:999px;flex:none;padding:.3rem .55rem;font-size:.78rem;font-weight:700}.compare-panel-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.7rem;display:flex}.compare-panel-heading p{margin:0}.compare-stage{--compare-position:50%;cursor:ew-resize;touch-action:none;border:1px solid var(--line);border-radius:var(--radius-sm);background-image:linear-gradient(45deg, color-mix(in srgb, var(--line) 60%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, var(--line) 60%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--line) 60%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--line) 60%, transparent) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;min-height:520px;position:relative;overflow:hidden}.compare-stage>.stage-empty-compare{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compare-stage>img,.compare-vector,.compare-vector svg{width:100%;height:100%;position:absolute;inset:0}.compare-stage>img:not([src]){display:none}.compare-stage>img{z-index:0;object-fit:contain}.compare-vector{z-index:1;clip-path:inset(0 calc(100% - var(--compare-position)) 0 0);place-items:center;display:grid}.compare-vector svg{object-fit:contain;background:0 0}.compare-divider{z-index:2;top:0;bottom:0;left:var(--compare-position);background:var(--accent);pointer-events:none;width:2px;position:absolute;transform:translate(-1px);box-shadow:0 0 0 1px #ffffffd9}.compare-divider i{background:var(--accent);border:2px solid #fff;border-radius:50%;width:2.1rem;height:2.1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #10182840}.compare-divider i:before,.compare-divider i:after{content:"";border-top:.3rem solid #0000;border-bottom:.3rem solid #0000;width:0;height:0;position:absolute;top:50%;transform:translateY(-50%)}.compare-divider i:before{border-right:.42rem solid #fff;left:.42rem}.compare-divider i:after{border-left:.42rem solid #fff;right:.42rem}.compare-side-labels{z-index:3;pointer-events:none;justify-content:space-between;display:flex;position:absolute;bottom:.7rem;left:.7rem;right:.7rem}.compare-side-labels span{background:color-mix(in srgb, var(--panel) 86%, transparent);color:var(--text);border:1px solid #ffffffb3;border-radius:999px;padding:.25rem .5rem;font-size:.78rem;font-weight:700;box-shadow:0 1px 3px #1018281f}.compare-range{z-index:4;appearance:none;cursor:ew-resize;opacity:0;background:0 0;height:100%;position:absolute;inset:0;width:100%!important;margin:0!important}.compare-stage:focus-within{outline:3px solid color-mix(in srgb, var(--accent) 65%, transparent);outline-offset:-3px}.vector-editor{grid-column:1/-1;min-width:0;margin-top:1rem}.editor-context-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--panel-2) 88%, var(--accent-soft));justify-content:space-between;align-items:center;gap:.8rem;min-width:0;padding:.62rem .82rem;display:flex}.editor-context-summary{flex:0 17rem;gap:.08rem;min-width:9rem;display:grid}.editor-context-summary strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.editor-context-summary small{color:var(--muted);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;overflow:hidden}.editor-context-actions{justify-content:flex-end;align-items:center;gap:.35rem;min-width:0;display:flex}.editor-context-actions button{white-space:nowrap;width:auto;min-height:2.15rem;margin:0;padding:.35rem .5rem;font-size:.7rem}.editor-context-actions>button[aria-label]{min-width:2.15rem;padding-inline:.4rem;font-size:.9rem}.editor-nudge-actions{grid-template-columns:repeat(4,2.15rem);gap:.2rem;display:grid}.editor-nudge-actions button{width:2.15rem;padding:0;font-size:.9rem}.editor-context-color{color:var(--muted);align-items:center;gap:.35rem;margin:0;font-size:.68rem;font-weight:750;display:flex}.editor-context-color input{cursor:pointer;width:2.15rem;min-height:2.15rem;padding:.12rem}.editor-context-toolbar:not(.has-selection) .editor-context-actions{opacity:.58}.editor-grid{grid-template-columns:minmax(220px,1fr) minmax(300px,1.4fr);gap:1.5rem;display:grid}.editor-grid section+section{border-left:1px solid var(--line);padding-left:1.5rem}h3{margin:0 0 .65rem;font-size:.84rem}.editor-empty{color:var(--muted);margin:0;font-size:.84rem;line-height:1.4}.editor-layer-controls{gap:.4rem;display:grid}.editor-layer-bulkbar{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:.6rem;padding:.2rem 0 .45rem;font-size:.71rem;font-weight:750;display:flex}.editor-layer-bulk-actions{flex-wrap:wrap;justify-content:flex-end;gap:.3rem;display:inline-flex}.editor-layer-bulk-actions button{border-radius:.45rem;width:auto;min-height:2rem;margin:0;padding:.3rem .48rem;font-size:.68rem;font-weight:800}.editor-layer-bulk-actions button:first-child{border-color:color-mix(in srgb, var(--accent) 38%, var(--line));background:var(--accent-soft);color:var(--accent-strong)}.editor-layer{border:1px solid var(--line);color:var(--text);border-radius:9px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;margin:0;padding:.45rem .55rem;display:grid}.editor-layer>label{align-items:center;gap:.5rem;min-width:0;margin:0;display:flex}.editor-layer input{width:auto;margin:0}.editor-layer i{border:1px solid var(--muted);border-radius:4px;flex:none;width:1rem;height:1rem}.editor-layer span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editor-layer-actions{align-items:center;gap:.3rem;display:flex}.editor-layer-actions button,.editor-layer-mask{min-height:2rem;margin:0;padding:.3rem .45rem;font-size:.72rem}.editor-layer-actions button:first-child,.editor-layer-actions button:nth-child(2){width:2rem;padding:.3rem}.editor-layer-adjustments{border-top:1px solid color-mix(in srgb, var(--line) 72%, transparent);grid-column:1/-1;grid-template-columns:minmax(104px,.7fr) minmax(160px,1.3fr) auto;align-items:end;gap:.55rem;padding-top:.45rem;display:grid}.editor-layer-adjustments label{color:var(--muted);grid-template-columns:auto 2.15rem;align-items:center;gap:.4rem;margin:0;font-size:.72rem;font-weight:700;display:grid}.editor-layer-adjustments input[type=color]{cursor:pointer;width:2.15rem;height:1.85rem;padding:.12rem}.editor-layer-adjustments label:nth-child(2){grid-template-columns:auto minmax(72px,1fr) auto}.editor-layer-adjustments input[type=range]{width:100%;accent-color:var(--accent)}.editor-layer-adjustments output{min-width:2.45rem;color:var(--text);font-variant-numeric:tabular-nums;text-align:right}.editor-layer.is-hidden{opacity:.5}.editor-layer-export-hint{margin-top:.65rem}.selection-toolbar{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:.75rem 0;display:grid}.selection-toolbar button,.auto-select-actions button{margin:0}.selection-gesture-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0 0 .4rem;display:grid}.selection-gesture-controls label{color:var(--muted);gap:.3rem;margin:0;font-size:.76rem;display:grid}.selection-gesture-controls select{width:100%;min-width:0}.selection-gesture-hint{color:var(--muted);font-size:.73rem;line-height:1.35;display:block}.editor-history{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0 0 .75rem;display:grid}.editor-history button{margin:0}.editor-transform-panel,.editor-tool-panel{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);margin:.75rem 0;padding:.7rem}.editor-transform-panel summary,.editor-tool-panel summary{font-size:.82rem}.editor-transform-panel>.editor-empty,.editor-tool-panel>.editor-empty{margin:.55rem 0}.editor-transform-panel h4{margin:.75rem 0 .4rem;font-size:.76rem}.editor-command-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.editor-command-grid button{min-height:2.55rem;margin:0;font-size:.78rem}.editor-align-grid,.editor-boolean-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-tool-panel>button{width:100%;margin:.65rem 0 0}.gradient-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-top:.65rem;display:grid}.gradient-controls label{color:var(--muted);gap:.3rem;margin:0;font-size:.72rem;display:grid}.gradient-controls input[type=color]{width:100%;min-height:2.25rem;padding:.15rem}.gradient-controls input[type=number]{min-width:0}.editor-tool-panel small{color:var(--muted);margin-top:.5rem;font-size:.73rem;line-height:1.35;display:block}.auto-select-panel{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);margin:.8rem 0 1rem;padding:.75rem}.auto-select-heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.auto-select-heading h4{margin:0;font-size:.8rem}.editor-inline-check{white-space:nowrap;margin:0!important;font-size:.78rem!important}.auto-select-actions{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:.45rem;margin-top:.65rem;display:grid}.auto-select-actions label{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:.28rem;min-width:0;margin:0;padding:.42rem .5rem;font-size:.75rem;display:grid}.auto-select-actions button{min-height:2.7rem;font-size:.8rem}.input-with-unit{align-items:center;gap:.35rem;display:flex}.input-with-unit input[type=number]{border:1px solid var(--line);background:var(--panel);width:100%;min-width:0;color:var(--text);font:inherit;border-radius:6px;padding:.25rem .35rem}.input-with-unit i{color:var(--muted);white-space:nowrap;font-size:.7rem;font-style:normal}.editor-action-heading{margin-top:1rem}.editor-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.danger-button{color:var(--danger)}.editor-shortcuts{background:var(--panel-2);color:var(--muted);border-radius:.45rem;margin:.8rem 0 0;padding:.55rem .65rem;font-size:.68rem;line-height:1.45}.svg-stage svg path{cursor:pointer;touch-action:none;outline:none}.svg-stage svg path:hover{filter:brightness(.88)}.svg-stage svg.editor-dragging,.svg-stage svg.editor-dragging .editor-selected-path{cursor:grabbing}.svg-stage svg .editor-selected-path{stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke:var(--accent)!important;stroke-width:2px!important}.svg-stage svg .editor-primary-path{stroke-dasharray:6 4;stroke:#f0a000!important}.editor-node{fill:#fff;stroke:var(--accent);stroke-width:4px;vector-effect:non-scaling-stroke;cursor:crosshair}.editor-selected-node{fill:#ffd029;stroke:#9a6200}.editor-marquee,.editor-lasso{fill:#2563eb24;stroke:var(--accent);stroke-width:2px;stroke-dasharray:6 4;vector-effect:non-scaling-stroke;pointer-events:none}.metrics-card{margin-top:1rem}dl{grid-template-columns:160px 1fr;gap:.4rem 1rem;margin:0;display:grid}dt{color:var(--muted)}dd{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.layers{flex-wrap:wrap;gap:.4rem;display:flex}.posterize-palette-preview{gap:.35rem;margin:.15rem 0 .9rem;display:grid}.posterize-palette-row{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);width:100%;min-height:1.8rem;color:var(--text);text-align:left;grid-template-columns:2.1rem 1fr;align-items:center;gap:.45rem;padding:.25rem .4rem;font-size:.75rem;display:grid}.posterize-palette-row.active{border-color:var(--accent);background:var(--accent-soft)}.posterize-palette-row strong{font-variant-numeric:tabular-nums}.posterize-palette-swatches{flex-wrap:wrap;gap:.2rem;display:flex}.posterize-palette-swatch{border:1px solid color-mix(in srgb, var(--text) 35%, transparent);border-radius:3px;width:1rem;height:1rem}.swatch{border:1px solid var(--line);border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .5rem;font-size:.78rem;display:inline-flex}.swatch i{border:1px solid var(--muted);border-radius:999px;width:.8rem;height:.8rem}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.file-picker:focus,.file-picker:focus-within,[tabindex="-1"]:focus{outline:3px solid color-mix(in srgb, var(--accent) 65%, transparent);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body[data-mode=auto] [data-modes]:not([data-modes~=auto]),body[data-mode=standard] [data-modes]:not([data-modes~=standard]),body[data-mode=expert] [data-modes]:not([data-modes~=expert]){display:none!important}@media (width>=1181px){.preview-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.48fr);grid-template-areas:"result editor""source editor";gap:.85rem}.result-card{grid-area:result}.source-card{grid-area:source}.vector-editor{grid-area:editor;align-self:stretch;margin:0}}.vector-editor{box-shadow:none;background:var(--panel);border-radius:12px;overflow:hidden}.editor-appbar{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--panel-2) 90%, var(--panel));align-items:center;min-height:3.8rem;padding:.7rem .85rem}.editor-appbar h2{margin:0;font-size:.95rem}.editor-app-label{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .12rem;font-size:.68rem;font-weight:800}.editor-app-actions{align-items:center;gap:.35rem;display:inline-flex}.editor-app-actions button{border-radius:7px;width:auto;min-width:2.15rem;min-height:2.15rem;margin:0;padding:.35rem .55rem;font-size:1.05rem;line-height:1}.editor-app-actions #exportEditedSvg{background:var(--accent);border-color:var(--accent);color:#fff;min-width:0;font-size:.78rem;font-weight:750}.editor-app-actions #exportEditedSvg:disabled{background:var(--panel-2);border-color:var(--line);color:var(--muted)}.editor-grid{gap:0;min-height:0}.editor-panel{min-width:0;padding:.9rem}@media (width>=981px){.vector-editor{max-height:min(780px,100vh - 8.5rem)}.editor-grid{max-height:calc(min(780px,100vh - 8.5rem) - 3.8rem)}.editor-panel{overscroll-behavior:contain;overflow:auto}}.editor-layers-panel{background:var(--panel-2)}.editor-grid .editor-tools-panel,.editor-grid section+section{border-left:1px solid var(--line);padding-left:.9rem}.editor-panel h3{z-index:2;border-bottom:1px solid color-mix(in srgb, var(--line) 80%, transparent);background:inherit;letter-spacing:.07em;text-transform:uppercase;margin:-.9rem -.9rem .7rem;padding:.85rem .9rem .65rem;font-size:.76rem;position:sticky;top:-.9rem}.editor-layer{background:var(--panel);border-radius:7px}.editor-transform-panel,.editor-tool-panel,.auto-select-panel{box-shadow:none;border-radius:7px}.editor-command-grid button,.editor-actions button,.selection-toolbar button,.editor-history button{border-radius:7px}.editor-selection,#editorSelection{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 7px 7px 0;padding:.55rem .65rem}@media (width<=980px){.layout{grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid var(--line)}body.has-file .workspace{order:1}body.has-file .controls{order:2}.preview-grid{grid-template-columns:1fr;grid-template-areas:"result""editor""source"}.preview-card.wide{grid-column:auto}.topbar{flex-direction:column;align-items:stretch}.topbar-right{justify-content:space-between}.compare-stage,.source-stage{min-height:360px}.card-heading{flex-direction:column}.editor-grid{grid-template-columns:1fr}.editor-grid section+section,.editor-grid .editor-tools-panel{border-left:0;border-top:1px solid var(--line);padding:1rem 0 0}.topbar-right{width:100%}.quickstart{align-items:flex-start}}@media (width>=981px) and (width<=1180px){.preview-grid{grid-template-columns:1fr}}@media (width>=720px) and (width<=980px){.workspace{padding:.85rem}.preview-grid{gap:.8rem}.source-stage,.result-card .svg-stage,.compare-stage{min-height:420px}.vector-editor{margin-top:0}.editor-grid{grid-template-columns:minmax(220px,.82fr) minmax(320px,1.18fr)}.editor-grid section+section,.editor-grid .editor-tools-panel{border-top:0;border-left:1px solid var(--line);padding:.85rem}.editor-panel{padding:.85rem}.editor-panel h3{margin:-.85rem -.85rem .65rem;padding:.75rem .85rem .6rem;top:-.85rem}.editor-appbar{flex-direction:row}}@media (width>=641px) and (width<=719px){.topbar{padding:1rem}.topbar-right{gap:.5rem}.preference-controls{margin-left:auto}.source-stage,.result-card .svg-stage,.compare-stage{min-height:340px}.editor-appbar{flex-direction:row}}@media (width<=640px){body{font-size:16px}.topbar{gap:.8rem;padding:.9rem 1rem;position:static}.topbar-heading h1{font-size:1.15rem}.topbar-heading p{font-size:.84rem;line-height:1.35}.topbar-right{gap:.55rem}.mode-switch{flex:100%;justify-content:stretch}.mode-switch button{flex:1 1 0;min-height:2.65rem;padding:.45rem .35rem}.mode-hint{margin:.55rem 1rem 0;line-height:1.4}.controls,.workspace{padding:.75rem;overflow:visible}.controls{border-bottom:0}.card,.preview-card{border-radius:12px}.card{margin-bottom:.75rem;padding:.9rem}.workspace{padding-top:0}.status{margin:.75rem 0;line-height:1.35}.quickstart{flex-direction:column;gap:.9rem;margin:.75rem 0;padding:1rem}.workflow-steps{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;min-width:0}.workflow-steps span{flex-direction:column;align-items:flex-start;gap:.2rem;font-size:.75rem}h2{margin-bottom:.65rem;font-size:.98rem}label{margin:.9rem 0}select,button,input[type=file]{min-height:2.75rem}input[type=range]{min-height:2rem}input[type=color]{min-height:2.75rem}.button-row,.export-row,.editor-actions,.selection-toolbar,.auto-select-actions,.selection-gesture-controls,.editor-history{grid-template-columns:1fr}.editor-command-grid,.editor-align-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-boolean-grid,.gradient-controls{grid-template-columns:1fr}.controls .button-row{grid-template-columns:repeat(2,minmax(0,1fr))}.button-row button{min-height:2.75rem}.export-row{grid-template-columns:repeat(2,minmax(0,1fr))}.export-row button{min-height:3rem}.preview-grid{gap:.75rem}.preview-card{min-height:0;padding:.85rem}.card-heading{gap:.7rem}.card-heading>div:first-child{min-width:0}.card-heading p{font-size:.84rem;line-height:1.35}.preview-switch{width:100%}.preview-switch button{flex:1 1 0;min-height:2.55rem;padding:.4rem}.stage{min-height:220px}.stage img,.svg-stage svg{max-height:60vh}.source-stage,.result-card .svg-stage,.compare-stage{min-height:min(72vw,360px)}.compare-panel-heading{align-items:flex-start;gap:.55rem}.compare-readout{white-space:nowrap}.compare-divider i{width:2.55rem;height:2.55rem}.vector-editor{margin-top:.75rem}.editor-appbar{flex-direction:row;min-height:3.45rem;padding:.55rem .65rem}.editor-appbar h2{font-size:.88rem}.editor-app-label{display:none}.editor-app-actions{gap:.25rem;margin-left:auto}.editor-app-actions button{min-width:2.4rem;min-height:2.4rem;padding:.35rem}.editor-app-actions #exportEditedSvg{padding:.35rem .55rem;font-size:.72rem}.editor-panel{padding:.8rem}.editor-panel h3{margin:-.8rem -.8rem .65rem;padding:.75rem .8rem .55rem;top:-.8rem}.editor-grid{gap:1rem}.editor-layer{min-height:2.7rem}.editor-layer-adjustments{grid-template-columns:1fr;align-items:stretch}.editor-layer-adjustments label:nth-child(2){grid-template-columns:auto minmax(72px,1fr) auto}.editor-layer-mask{width:100%}.editor-actions button{min-height:2.8rem}.selected-path-color input{width:100%}dl{grid-template-columns:minmax(0,1fr);gap:.15rem}dd{overflow-wrap:anywhere;margin-bottom:.65rem}}@media (width<=380px){.topbar,.controls,.workspace{padding-left:.6rem;padding-right:.6rem}.card,.preview-card{padding:.75rem}.mode-switch button{font-size:.76rem}.compare-panel-heading{flex-direction:column}.export-row{grid-template-columns:1fr}.editor-app-actions #exportEditedSvg{min-width:2.4rem;font-size:0}.editor-app-actions #exportEditedSvg:before{content:"⇩";font-size:1rem}}body{background:var(--bg);min-height:100vh}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 86% -10%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 32rem);position:fixed;inset:0}.topbar{background:color-mix(in srgb, var(--panel) 88%, transparent);align-items:center;gap:1.25rem;min-height:4.8rem;padding:.7rem clamp(1rem,2.2vw,2rem)}.topbar-heading{align-items:center;gap:.85rem;display:inline-flex}.brand-lockup{color:var(--text);align-items:center;gap:.55rem;text-decoration:none;display:inline-flex}.brand-lockup img{object-fit:cover;border-radius:.65rem;width:2.15rem;height:2.15rem}.brand-lockup span{gap:.02rem;line-height:1;display:grid}.brand-lockup b{letter-spacing:-.045em;font-size:1.05rem}.brand-lockup small{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;margin:.18rem 0 0;font-size:.65rem;font-weight:750}.local-badge,.workspace-local{color:var(--muted);white-space:nowrap;align-items:center;gap:.38rem;font-size:.72rem;font-weight:700;display:inline-flex}.local-badge{border-left:1px solid var(--line);padding-left:.85rem}.local-badge i,.workspace-local i,.auto-indicator i{background:var(--ok);width:.45rem;height:.45rem;box-shadow:0 0 0 .16rem color-mix(in srgb, var(--ok) 16%, transparent);border-radius:50%}.topbar-right{justify-content:flex-end;gap:.55rem}.preference-select select,.theme-toggle{background:0 0;border-radius:.6rem;min-height:2.35rem}.mode-switch{background:color-mix(in srgb, var(--panel-2) 88%, transparent);border-radius:.75rem;order:-1;gap:.15rem;padding:.18rem}.mode-switch button{text-align:left;border-radius:.56rem;gap:.05rem;min-width:5.9rem;padding:.32rem .68rem .36rem;line-height:1.08;display:grid}.mode-switch button span{font-size:.75rem;font-weight:800}.mode-switch button small{color:inherit;opacity:.72;font-size:.59rem;font-weight:600;display:block}.mode-switch button.active{box-shadow:0 2px 10px color-mix(in srgb, var(--accent) 32%, transparent)}.mode-hint{width:min(1540px,100% - 2rem);margin:.55rem auto 0;padding-left:.1rem;font-size:.76rem}.layout{grid-template-columns:minmax(238px,272px) minmax(0,1fr);gap:.85rem;width:min(1540px,100% - 2rem);min-height:calc(100vh - 7.1rem);margin:.85rem auto 1.5rem}.controls{scrollbar-width:thin;border:0;align-self:start;max-height:calc(100vh - 6.35rem);padding:0 .1rem 0 0;position:sticky;top:5.55rem;overflow-y:auto}.controls .card{box-shadow:none;border-radius:.72rem;margin:0 0 .5rem;padding:.78rem}.controls .card:last-child{margin-bottom:0}.section-label{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:.48rem;font-size:.63rem;font-weight:850;display:flex}.section-label .upload-local,.auto-indicator{color:var(--ok);letter-spacing:.04em}.auto-indicator{align-items:center;gap:.35rem;display:inline-flex}.controls h2{letter-spacing:-.018em;margin-bottom:.44rem;font-size:.88rem}.upload-card{background:linear-gradient(145deg, color-mix(in srgb, var(--accent-soft) 75%, var(--panel)), var(--panel));border-style:solid}.upload-card h2{font-size:.96rem}.file-picker{text-align:left;border-radius:.55rem;grid-template-columns:auto 1fr;gap:.45rem;min-height:2.65rem;padding:.52rem .62rem}.file-picker-icon{background:#fff3;border-radius:.34rem;place-items:center;width:1.2rem;height:1.2rem;font-size:1rem;font-weight:400;display:grid}.upload-card p{font-size:.73rem;line-height:1.34}.upload-formats{letter-spacing:.06em;font-weight:750;color:color-mix(in srgb, var(--muted) 82%, transparent)!important;margin-top:.55rem!important;font-size:.61rem!important}.auto-summary{border-color:color-mix(in srgb, var(--ok) 26%, var(--line));background:color-mix(in srgb, var(--ok-soft) 36%, var(--panel))}.auto-summary-body{font-size:.78rem}.auto-summary-body strong{color:var(--ok)}.auto-summary #autoToStandard{border-radius:.6rem;min-height:2.5rem;margin-top:.75rem;font-size:.75rem}.settings-card{background:var(--panel)}.settings-intro{margin:-.1rem 0 .9rem;font-size:.76rem;line-height:1.4}.settings-subheading{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .55rem;font-size:.67rem;font-weight:800}.control-group-heading{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.15rem;display:flex}.control-group-heading .section-label{margin:0 0 .22rem;display:block}.control-group-heading h2{margin:0}.control-group-note{border:1px solid var(--line);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;border-radius:.36rem;padding:.25rem .4rem;font-size:.62rem;font-weight:800}.controls label{margin:.58rem 0;font-size:.73rem}.controls small{font-size:.66rem}.controls select,.controls button,.controls input[type=file]{border-radius:.48rem;min-height:2.12rem;padding:.42rem .5rem;font-size:.72rem}.controls input[type=range]{margin-top:.16rem}.controls .button-row{gap:.32rem}.controls .button-row button{min-height:2rem;padding-inline:.28rem}.trace-action{margin-top:.35rem;min-height:2.4rem!important}.browser-capability-note{padding:.45rem .52rem;font-size:.66rem}.posterize-palette-preview{margin-bottom:.5rem}.posterize-palette-row{min-height:1.5rem;font-size:.65rem}.export-card{border-color:color-mix(in srgb, var(--accent) 24%, var(--line));background:color-mix(in srgb, var(--accent-soft) 36%, var(--panel))}.export-row button:first-child{border-color:var(--accent);background:var(--accent);color:#fff}.workspace{min-width:0;padding:0;overflow:visible}.workspace-topline{justify-content:space-between;align-items:center;gap:1rem;min-height:3.85rem;padding:.2rem .2rem .6rem;display:flex}.workspace-context{gap:.12rem;min-width:0;display:grid}.workspace-overline,.card-kicker{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:.64rem;font-weight:850}.workspace-context strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.workspace-actions{align-items:center;gap:.45rem;display:inline-flex}.workspace-export,.workspace-raster-export{border-radius:.6rem;width:auto;min-height:2.45rem;margin:0;padding:.45rem .7rem;font-size:.76rem;font-weight:800}.workspace-export{border-color:var(--accent);background:var(--accent);color:#fff}.workspace-export:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.workspace-raster-export{border-color:var(--line);background:var(--panel);color:var(--text)}.workspace-raster-export:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.workspace-export span{margin-left:.22rem;font-size:.9rem}.status{border-radius:.65rem;align-items:center;gap:.48rem;min-height:2.55rem;margin:0 0 .8rem;padding:.55rem .75rem;font-size:.78rem;display:flex}.status i{background:var(--accent);border-radius:50%;flex:none;width:.46rem;height:.46rem;display:inline-block}.status.error i{background:var(--danger)}.quickstart{border-color:color-mix(in srgb, var(--accent) 26%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--accent-soft) 94%, var(--panel)), var(--panel));border-radius:.95rem;align-items:stretch;min-height:19rem;margin-bottom:.85rem;padding:clamp(1.5rem,3vw,2.5rem)}.quickstart>div:first-child{max-width:34rem}.quickstart h2{letter-spacing:-.055em;max-width:15ch;margin-bottom:.7rem;font-size:clamp(1.5rem,2.8vw,2.15rem);line-height:1}.quickstart p{max-width:33rem;font-size:.9rem}.welcome-upload{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:.6rem;align-items:center;gap:.45rem;min-height:2.65rem;margin-top:1.5rem;padding:.55rem .7rem;font-size:.78rem;font-weight:800;display:inline-flex}.welcome-upload span{font-size:1.05rem;font-weight:400}.workflow-steps{border-left:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));align-content:center;min-width:13rem;padding:1rem 0 1rem 1.8rem}.workflow-steps span{color:var(--text);grid-template-columns:1.55rem 1fr;align-items:center;column-gap:.5rem;font-size:.78rem;display:grid}.workflow-steps span+span{margin-top:1.05rem}.workflow-steps span:before{display:none}.workflow-steps i{border:1px solid var(--accent);width:1.45rem;height:1.45rem;color:var(--accent);border-radius:50%;grid-row:span 2;place-items:center;font-size:.68rem;font-style:normal;font-weight:850;display:grid}.workflow-steps b{font-size:.78rem}.workflow-steps small{color:var(--muted);grid-column:2;font-size:.67rem;font-weight:500}.preview-grid{grid-template-columns:minmax(0,.72fr) minmax(0,1.35fr);gap:.85rem}.preview-card{box-shadow:none;border-radius:.85rem;padding:.9rem}.card-heading{align-items:center;margin-bottom:.8rem}.card-heading h2{margin:.16rem 0 .2rem;font-size:.95rem}.card-heading p{font-size:.75rem;line-height:1.35}.preview-switch{border-radius:.55rem}.preview-switch button{border-radius:.42rem;min-height:2rem;padding:.32rem .55rem;font-size:.7rem}.source-stage,.result-card .svg-stage{min-height:440px}.stage,.compare-stage{border-radius:.65rem}.stage-empty{border-radius:.55rem;max-width:17rem;font-size:.75rem}.compare-stage{min-height:440px}.compare-panel-heading{margin-bottom:.6rem}.compare-panel-heading p{font-size:.73rem}.compare-readout{border-radius:.5rem;font-size:.68rem}.vector-editor{border:1px solid var(--line);border-radius:.85rem}.editor-appbar{min-height:4rem;padding:.72rem .82rem}.editor-appbar h2{font-size:.95rem}.editor-app-label{font-size:.62rem}.editor-app-actions button{border-radius:.5rem}.editor-panel{padding:.82rem}.editor-panel h3{margin:-.82rem -.82rem .65rem;padding:.75rem .82rem .58rem;font-size:.67rem;top:-.82rem}.editor-layer{border-radius:.5rem}.editor-transform-panel,.editor-tool-panel,.auto-select-panel{border-radius:.55rem}.metrics-card{box-shadow:none;border-radius:.85rem;margin:.85rem 0 0;padding:.85rem}.metrics-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.75rem;display:flex}.metrics-heading h2{margin:.14rem 0 0;font-size:.9rem}.metrics-heading p{margin:0;font-size:.7rem}.metrics-card dl{border:1px solid var(--line);border-radius:.6rem;grid-template-columns:repeat(4,1fr);gap:0;overflow:hidden}.metrics-card dt,.metrics-card dd{padding:.55rem .65rem}.metrics-card dt{border-right:1px solid var(--line);background:var(--panel-2);font-size:.7rem}.metrics-card dd{border-right:1px solid var(--line);font-size:.68rem}.metrics-card dd:last-child{border-right:0}@media (width>=1181px){.preview-grid{grid-template-columns:minmax(0,.72fr) minmax(0,1.35fr);grid-template-areas:"source result""editor editor"}.result-card{grid-area:result}.source-card{grid-area:source}.vector-editor{grid-area:editor;max-height:none}.editor-grid,.editor-panel{max-height:36rem}.metrics-card{margin-top:.85rem}}@media (width<=1180px) and (width>=981px){.preview-grid{grid-template-columns:minmax(0,.72fr) minmax(0,1.35fr)}.vector-editor{grid-column:1/-1}.source-stage,.result-card .svg-stage,.compare-stage{min-height:390px}}@media (width<=980px){.layout{grid-template-columns:1fr;width:min(100% - 1.5rem,900px);margin-top:.7rem}.controls{max-height:none;padding:0;position:static;overflow:visible}.workspace{order:1}.controls{order:2}.preview-grid{grid-template-columns:minmax(0,.72fr) minmax(0,1.35fr);grid-template-areas:"source result""editor editor"}.source-card{grid-area:source}.result-card{grid-area:result}.vector-editor{grid-area:editor}.quickstart{min-height:0}.metrics-card dl{grid-template-columns:repeat(2,1fr)}.metrics-card dd:nth-of-type(2){border-right:0}}@media (width<=720px){.topbar{align-items:flex-start;padding:.8rem;position:static}.topbar-right{justify-content:space-between;width:100%}.mode-switch{flex:auto}.mode-switch button{flex:1;min-width:0;padding-inline:.5rem}.local-badge,.preference-select,.theme-label{display:none}.theme-toggle{justify-content:center;width:2.35rem;padding:.35rem}.mode-hint{width:calc(100% - 1.5rem);margin-top:.25rem}.workspace-topline{padding-top:0}.workspace-local{display:none}.preview-grid{grid-template-columns:1fr;grid-template-areas:"result""source""editor"}.source-card{grid-area:source}.result-card{grid-area:result}.vector-editor{grid-area:editor}.source-stage,.result-card .svg-stage,.compare-stage{min-height:340px}.quickstart{flex-direction:column}.workflow-steps{border-top:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));border-left:0;width:100%;min-width:0;padding:1rem 0 0}.workflow-steps span{grid-template-columns:1.55rem 1fr}.workflow-steps span+span{margin-top:.75rem}}@media (width<=480px){.topbar-heading{gap:0}.brand-lockup small{display:none}.topbar-right{gap:.4rem}.mode-switch button small{display:none}.mode-switch button{text-align:center;place-items:center;min-height:2.45rem;padding:.35rem}.layout{width:calc(100% - 1rem)}.workspace-topline{min-height:3.4rem}.workspace-context strong{max-width:12rem;font-size:.78rem}.workspace-export{min-height:2.3rem;padding:.4rem .5rem;font-size:.68rem}.quickstart{padding:1.15rem}.quickstart h2{font-size:1.5rem}.metrics-card dl{grid-template-columns:1fr}.metrics-card dt,.metrics-card dd{border-right:0}.metrics-card dt{border-top:1px solid var(--line)}.metrics-card dt:first-child{border-top:0}.metrics-heading{flex-direction:column;align-items:flex-start;gap:.3rem}.controls .card{padding:.85rem}}.workspace-export:disabled{border-color:var(--line);background:var(--panel-2);color:var(--muted)}.status:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:.46rem;height:.46rem;display:inline-block}.status.error:before{background:var(--danger)}.status i,body:not(.has-file) .preview-grid,body:not(.has-file) .metrics-card,body:not(.has-file) .primary-colour-card,body:not(.has-file) .controls{display:none}body:not(.has-file) .layout{grid-template-columns:minmax(0,1fr);width:min(1080px,100% - 2rem)}body:not(.has-file) .workspace{max-width:980px;margin-inline:auto}body.has-file .mode-hint{display:none}body.has-file .controls{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-2) 82%, var(--panel));border-radius:.85rem;padding:.45rem}body.has-file .controls .card{background:0 0;border-color:#0000;margin-bottom:.35rem}body.has-file .controls .upload-card,body.has-file .controls .auto-summary,body.has-file .controls .primary-colour-card{border-color:var(--line);background:var(--panel)}body.has-file .workspace{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 90%, var(--panel-2));border-radius:.9rem;padding:.25rem}body.has-file .workspace-topline{padding:.45rem .55rem .75rem}body.has-file .workspace-local{display:none}body.has-file .mode-switch button{text-align:center;place-items:center;min-width:4.55rem;min-height:2.35rem;padding:.35rem .56rem}body.has-file .mode-switch button small{display:none}@media (width>=981px){body.has-file .layout{grid-template-columns:minmax(232px,260px) minmax(0,1fr);width:min(1680px,100% - 1.5rem)}}.primary-colour-card{border-color:color-mix(in srgb, var(--accent) 28%, var(--line))}.trace-size-summary{border-left:2px solid var(--accent);background:color-mix(in srgb, var(--accent-soft) 48%, var(--panel));border-radius:0 .42rem .42rem 0;margin:-.1rem 0 .62rem;padding:.46rem .52rem;font-size:.68rem;line-height:1.35}.preprocess-help{margin:-.34rem 0 .48rem;font-size:.66rem}.primary-colour-actions{gap:.45rem;margin:-.1rem 0 .1rem;display:grid}.primary-colour-actions button{border-color:color-mix(in srgb, var(--accent) 42%, var(--line));background:var(--accent-soft);color:var(--accent-strong)}.primary-colour-actions p{margin:0;font-size:.7rem;line-height:1.35}.control-group-heading{align-items:center}.control-disclosure-toggle{width:auto;min-width:5.6rem;color:var(--accent-strong);font-weight:800;border-radius:.48rem!important;min-height:2rem!important;margin:0!important;padding:.3rem .48rem!important;font-size:.68rem!important}.control-disclosure-body{animation:.15s ease-out control-disclosure-in}.control-group.is-collapsed,.export-card.is-collapsed{padding-bottom:.78rem}.control-group.is-collapsed .control-group-heading,.export-card.is-collapsed .control-group-heading{margin-bottom:0}@keyframes control-disclosure-in{0%{opacity:0;transform:translateY(-.2rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=480px){.control-disclosure-toggle{min-width:2.5rem;padding-inline:.38rem!important;font-size:0!important}.control-disclosure-toggle:after{content:"+";font-size:1rem;line-height:1}.control-group:not(.is-collapsed) .control-disclosure-toggle:after,.export-card:not(.is-collapsed) .control-disclosure-toggle:after{content:"−"}}html{-webkit-text-size-adjust:100%}body{-webkit-tap-highlight-color:transparent;min-height:100dvh}.svg-stage svg{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.controls,.editor-panel{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media (width<=720px){.topbar{padding-top:max(.8rem, env(safe-area-inset-top))}.layout{padding-bottom:max(.75rem, env(safe-area-inset-bottom))}.controls select,.controls input:not([type=range]):not([type=checkbox]):not([type=color]),.editor-panel select,.editor-panel input:not([type=range]):not([type=checkbox]):not([type=color]){font-size:16px}.editor-context-toolbar{z-index:8;flex-direction:column;align-items:flex-start;gap:.45rem;padding:.55rem .65rem;position:sticky;top:0}.editor-context-summary{flex-basis:auto;width:100%}.editor-context-actions{scrollbar-width:thin;-webkit-overflow-scrolling:touch;justify-content:flex-start;width:100%;padding-bottom:.12rem;overflow-x:auto}.editor-context-actions button,.editor-nudge-actions button{min-height:2.75rem}.editor-nudge-actions{grid-template-columns:repeat(4,2.75rem)}.editor-nudge-actions button{width:2.75rem}.editor-context-color input{width:2.75rem;min-height:2.75rem}}@media (width<=600px){body{overflow-x:clip}.layout{gap:.55rem;width:calc(100% - 1rem);margin:.5rem auto 1rem}body.has-file .workspace{border-radius:.72rem;padding:.2rem}body.has-file .controls{border-radius:.72rem;padding:.35rem}.workspace-topline{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;min-height:3.15rem;padding:.4rem .45rem .55rem;display:grid}.workspace-context strong{max-width:none;font-size:.8rem}.workspace-export,.workspace-raster-export{min-width:3.3rem;min-height:2.55rem;padding:.4rem .52rem;font-size:0}.workspace-export:before{content:"SVG";letter-spacing:.04em;font-size:.68rem}.workspace-raster-export:before{content:"PNG";letter-spacing:.04em;font-size:.68rem}.workspace-export span{display:none}.status{overflow-wrap:anywhere;min-height:2.8rem;margin:0 0 .6rem;padding:.55rem .65rem;font-size:.74rem}.quickstart{gap:1rem;min-height:0;margin-bottom:.6rem;padding:1.05rem}.quickstart h2{max-width:18ch;font-size:clamp(1.45rem,8vw,1.85rem)}.quickstart p{font-size:.84rem}.welcome-upload{justify-content:center;width:100%;min-height:2.85rem;margin-top:1.1rem}.workflow-steps{grid-template-columns:1fr;gap:.55rem;padding:.9rem 0 0;display:grid}.workflow-steps span,.workflow-steps span+span{margin:0}.source-stage,.result-card .svg-stage,.compare-stage{min-height:min(68vw,300px)}.stage img,.svg-stage svg{max-height:52svh}.editor-appbar{grid-template-columns:minmax(0,1fr) auto;gap:.4rem;display:grid}.editor-app-actions{gap:.2rem}.editor-app-actions button{min-width:2.3rem;min-height:2.5rem}.editor-app-actions #exportEditedSvg{min-height:2.5rem}.selection-gesture-controls{grid-template-columns:1fr}.editor-command-grid,.editor-align-grid,.editor-boolean-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-command-grid button{min-height:2.8rem;font-size:.74rem}.editor-layer-bulkbar{flex-direction:column;align-items:flex-start}.editor-layer-bulk-actions{justify-content:stretch;width:100%}.editor-layer-bulk-actions button{flex:1}}@media (width<=420px){.topbar{padding:max(.72rem, env(safe-area-inset-top)) .7rem .72rem;gap:.65rem}.topbar-right{grid-template-columns:minmax(0,1fr) 2.35rem;align-items:stretch;gap:.35rem;width:100%;display:grid}.mode-switch{width:100%}.mode-switch button{min-width:0;padding-inline:.2rem;font-size:.68rem}.theme-toggle{width:2.35rem;min-height:2.55rem}.layout{width:calc(100% - .75rem)}.workspace-overline{font-size:.56rem}.workspace-context strong{font-size:.74rem}.preview-card{padding:.72rem}.preview-header-actions{justify-content:space-between;width:100%}.zoom-controls{min-height:2.45rem}.zoom-controls button{width:2.3rem;min-width:2.3rem;min-height:2.3rem}.preview-switch button{min-height:2.7rem;font-size:.66rem}.editor-appbar h2{font-size:.82rem}.editor-app-actions #exportEditedSvg{min-width:2.5rem;padding-inline:.35rem;font-size:0}.editor-app-actions #exportEditedSvg:before{content:"⇩";font-size:1rem}.editor-panel{padding:.7rem}.editor-panel h3{margin:-.7rem -.7rem .6rem;padding:.68rem .7rem .5rem;top:-.7rem}.editor-command-grid{grid-template-columns:1fr}}