.tool-shell{position:relative}.ws{gap:var(--s4);grid-template-columns:minmax(0,1fr) 20rem;align-items:start;display:grid}.ws-no-panel{grid-template-columns:minmax(0,1fr)}.ws-main{gap:var(--s4);min-width:0;display:grid}.ws-panel{top:calc(var(--header-h) + var(--s3));position:sticky}.panel-inner{gap:var(--s3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r3);padding:var(--s4);display:grid}.panel-title{align-items:center;gap:var(--s2);padding-bottom:var(--s2);border-bottom:1px solid var(--line);display:flex}.panel-actions{gap:var(--s2);padding-top:var(--s2);display:grid}.panel-actions .btn{width:100%}.inline-actions{flex-wrap:wrap;display:flex}.inline-actions .btn{width:auto}.controls{gap:var(--s4);display:grid}.controls fieldset{border:0;min-width:0;padding:0}.controls legend{margin-bottom:var(--s2)}.controls .field label output{color:var(--ink);font-size:var(--fs-sm);margin-inline-start:auto}.controls .field>label{align-items:baseline;gap:var(--s1);flex-wrap:wrap;display:flex}.controls .field>label .field-hint{width:100%}.controls .field.inline{grid-template-columns:1fr auto;align-items:center}.controls .dims{gap:var(--s3);grid-template-columns:1fr 1fr;display:grid}.controls .crop-nums{gap:var(--s2);grid-template-columns:repeat(4,1fr)}.controls .crop-nums .input{padding:0 var(--s2)}.controls .seg{width:100%}.controls .seg label{text-align:center;flex:auto}.controls .seg-sm span{font-size:var(--fs-xs);padding:.3rem .5rem}.controls [hidden]{display:none!important}.chips{gap:var(--s1);margin-top:var(--s2);flex-wrap:wrap;display:flex}.chips .chip{cursor:pointer;text-transform:none}.chips .chip:hover{border-color:var(--ink);color:var(--ink)}.target-row .input{font-size:var(--fs-lg)}.target-fixed{gap:var(--s1);display:grid}.target-fixed .big{font-size:var(--fs-xl);font-weight:500}.scale-hint{color:var(--muted);justify-content:space-between;margin-top:-.5rem;font-size:.6875rem;display:flex}.fill-row{align-items:end;gap:var(--s3);display:flex}.fill-row fieldset{flex:1}.size-checks{gap:var(--s1);flex-wrap:wrap;display:flex}.chip-check{position:relative}.chip-check input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.chip-check span{text-align:center;border:1px solid var(--line-strong);border-radius:var(--r1);min-width:2.75rem;font-size:var(--fs-sm);padding:.4rem .5rem;display:inline-block}.chip-check input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}.chip-check input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 5px var(--lumen)}.pos-grid{grid-template-columns:repeat(3,2.5rem);gap:3px;display:grid}.pos-grid label{position:relative}.pos-grid input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.pos-grid span{border:1px solid var(--line-strong);border-radius:var(--r1);height:2.5rem;color:var(--muted);place-items:center;display:grid}.pos-grid input:checked+span{background:var(--ink);color:var(--lumen);border-color:var(--ink)}.pos-grid input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 5px var(--lumen)}.presets{gap:var(--s3);display:grid}.preset-group .label{margin-bottom:var(--s1)}.preset-list{gap:3px;display:grid}.preset{align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);border:1px solid var(--line);border-radius:var(--r2);cursor:pointer;display:flex;position:relative}.preset input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.preset-box{flex:none;place-items:center;width:28px;height:28px;display:grid}.preset-box:before{content:"";aspect-ratio:var(--pw) / var(--ph);width:calc(min(1, var(--pw) / var(--ph)) * 24px);border:1.5px solid;display:block}.preset-text{font-size:var(--fs-sm);flex-direction:column;line-height:1.3;display:flex}.preset-text .mono{font-size:var(--fs-xs);color:var(--muted)}.preset:has(input:checked){border-color:var(--ink);background:var(--surface-2);box-shadow:inset 3px 0 0 var(--lumen)}.preset:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}.estimate{font-size:var(--fs-xs);color:var(--ink-2);background:var(--surface-2);padding:var(--s2) var(--s3);border-radius:var(--r1)}.file-input{padding:var(--s2)}.plate{--reg:var(--plate-muted);isolation:isolate;text-align:center;min-height:clamp(17rem,34vw,22rem);padding:var(--s7) var(--s5) var(--s6);background:var(--plate);color:var(--plate-text);border-radius:var(--r3);background-image:linear-gradient(var(--plate-grid) 1px, transparent 1px), linear-gradient(90deg, var(--plate-grid) 1px, transparent 1px);transition:box-shadow var(--t-state) var(--ease-snap);background-position:-1px -1px;background-size:16px 16px;place-items:center;display:grid;position:relative;overflow:hidden}.plate:after{content:"";z-index:-1;background:radial-gradient(ellipse at center, transparent 30%, var(--plate) 85%);position:absolute;inset:0}.reg{border-color:var(--reg);width:22px;height:22px;transition:transform var(--t-state) var(--ease-snap), border-color var(--t-state);border-style:solid;border-width:0;position:absolute}.reg.tl{border-top-width:2px;border-left-width:2px;top:14px;left:14px}.reg.tr{border-top-width:2px;border-right-width:2px;top:14px;right:14px}.reg.bl{border-bottom-width:2px;border-left-width:2px;bottom:14px;left:14px}.reg.br{border-bottom-width:2px;border-right-width:2px;bottom:14px;right:14px}.plate-body{justify-items:center;gap:var(--s3);max-width:34rem;display:grid}.plate-code{color:var(--lumen);opacity:.8;letter-spacing:.14em}.plate-title{letter-spacing:-.02em;font-size:clamp(1.25rem,1rem + 1vw,1.625rem);font-weight:600}.plate-choose{--btn-bd:var(--lumen)}.plate-choose:hover{box-shadow:3px 3px 0 0 var(--plate-text)}.plate-sub{color:var(--plate-muted);font-size:var(--fs-sm)}.plate-meta{justify-content:center;gap:var(--s1) var(--s4);color:var(--plate-muted);letter-spacing:.04em;flex-wrap:wrap;font-size:.6875rem;display:flex}.plate-local{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--plate-muted);white-space:nowrap;align-items:center;gap:6px;font-size:.6875rem;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.plate-local .icon{color:var(--lumen)}.plate-triad{gap:3px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.plate-triad i{width:3px;height:10px}.plate-triad i:first-child{background:var(--sub-r)}.plate-triad i:nth-child(2){background:var(--sub-g)}.plate-triad i:nth-child(3){background:var(--sub-b)}.plate[data-drag]{--reg:var(--lumen);box-shadow:inset 0 0 0 2px var(--lumen);background-size:8px 8px}.plate[data-drag] .reg.tl{transform:translate(14px,14px)}.plate[data-drag] .reg.tr{transform:translate(-14px,14px)}.plate[data-drag] .reg.bl{transform:translate(14px,-14px)}.plate[data-drag] .reg.br{transform:translate(-14px,-14px)}.plate[data-drag] .plate-title{color:var(--lumen)}.plate[data-accepted] .reg{animation:reg-lock .42s var(--ease-snap);border-color:var(--lumen)}@keyframes reg-lock{40%{transform:scale(.6)}to{transform:none}}.plate[data-compact]{min-height:0;padding:var(--s5) var(--s4) var(--s6)}.plate[data-compact] .plate-code,.plate[data-compact] .plate-meta,.plate[data-compact] .plate-triad{display:none}.plate[data-compact] .plate-title{font-size:var(--fs-base)}.plate[data-compact] .plate-body{align-items:center;gap:var(--s3);grid-template-columns:auto auto}.plate[data-compact] .plate-sub{grid-column:1/-1}.plate-text{text-align:start;place-items:stretch stretch}.plate-text .plate-body{justify-items:stretch;width:100%;max-width:none}.plate-text .b64-input{background:var(--plate-2);color:var(--plate-text);border-color:var(--plate-line);min-height:10rem}.plate-actions{gap:var(--s2);flex-wrap:wrap;display:flex}.plate-ghost{--btn-fg:var(--plate-text)}.plate-ghost:hover{background:var(--plate-2)}.preview{background:var(--surface);border:1px solid var(--line);border-radius:var(--r3);padding:var(--s3)}.preview-stage{border-radius:var(--r2);background-color:var(--surface-2);background-image:conic-gradient(var(--line) 25%, transparent 0 50%, var(--line) 0 75%, transparent 0);touch-action:none;background-size:16px 16px;place-items:center;min-height:12rem;display:grid;position:relative;overflow:hidden}.preview-stage canvas{width:auto;max-width:100%;height:auto;max-height:62vh}.preview-cap{gap:var(--s2);padding-top:var(--s2);font-size:var(--fs-xs);flex-wrap:wrap;align-items:baseline;display:flex}.preview-busy{pointer-events:none;position:absolute;inset:0}.crop-box{border:1.5px solid var(--lumen);cursor:move;touch-action:none;position:absolute;box-shadow:0 0 0 9999px #0e10138c}.crop-box:before,.crop-box:after{content:"";pointer-events:none;border:0 solid #d4f53c73;position:absolute;inset:0}.crop-box:before{border-left-width:1px;border-right-width:1px;left:33.33%;right:33.33%}.crop-box:after{border-top-width:1px;border-bottom-width:1px;top:33.33%;bottom:33.33%}.crop-box .h{background:var(--lumen);border:2px solid var(--ink);width:16px;height:16px;position:absolute}.crop-box .nw{cursor:nwse-resize;top:-8px;left:-8px}.crop-box .se{cursor:nwse-resize;bottom:-8px;right:-8px}.crop-box .ne{cursor:nesw-resize;top:-8px;right:-8px}.crop-box .sw{cursor:nesw-resize;bottom:-8px;left:-8px}.crop-box .n{cursor:ns-resize;top:-8px;left:calc(50% - 8px)}.crop-box .s{cursor:ns-resize;bottom:-8px;left:calc(50% - 8px)}.crop-box .w{cursor:ew-resize;top:calc(50% - 8px);left:-8px}.crop-box .e{cursor:ew-resize;top:calc(50% - 8px);right:-8px}.crop-box:focus-visible{outline:2px dashed var(--lumen);outline-offset:4px;box-shadow:0 0 0 9999px #0e10138c}.queue{background:var(--surface);border:1px solid var(--line);border-radius:var(--r3)}.queue-head{justify-content:space-between;align-items:center;gap:var(--s2);padding:var(--s3) var(--s4);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.queue-summary{font-size:var(--fs-sm);color:var(--ink-2)}.queue-summary b{color:var(--ink);font-weight:500}.queue-summary .chip{margin-inline-start:var(--s2)}.queue-tools{gap:var(--s2);display:flex}.rows{margin:0;padding:0;list-style:none}.row{gap:var(--s3) var(--s4);padding:var(--s3) var(--s4);border-bottom:1px solid var(--line);animation:row-in .26s var(--ease-snap) both;grid-template-columns:4.5rem minmax(0,1fr) auto;align-items:center;display:grid}.row:last-child{border-bottom:0}@keyframes row-in{0%{opacity:0;transform:translateY(6px)}}.thumb{border-radius:var(--r2);background:var(--plate);width:4.5rem;height:4.5rem;position:relative;overflow:hidden}.thumb img,.thumb .mosaic{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.thumb .mosaic{image-rendering:pixelated;opacity:0;transition:opacity var(--t-state)}.thumb .scan{background:var(--lumen);opacity:0;height:2px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 10px 2px #d4f53c99}.thumb-fmt{letter-spacing:.06em;color:var(--plate-text);background:#0e1013bf;border-radius:2px;padding:0 4px;font-size:.5625rem;position:absolute;bottom:4px;left:4px}.row[data-state=working] .mosaic{opacity:1}.row[data-state=working] .scan{opacity:1;animation:1.1s linear infinite scan}@keyframes scan{0%{top:-2px}to{top:100%}}.row[data-state=done] .thumb img{animation:resolve .42s var(--ease-snap)}@keyframes resolve{0%{filter:contrast(1.4)saturate(0);transform:scale(1.06)}}.row-name{font-weight:500;font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.strip{align-items:center;gap:2px var(--s2);font-size:var(--fs-xs);color:var(--ink-2);flex-wrap:wrap;margin-top:2px;display:flex}.s-arrow{align-items:end;gap:2px;display:inline-flex}.s-arrow i{background:var(--line-strong);display:block}.s-arrow i:first-child{width:3px;height:3px}.s-arrow i:nth-child(2){width:4px;height:5px}.s-arrow i:nth-child(3){width:6px;height:7px}.row[data-state=done] .s-arrow i{background:var(--ink)}.row[data-state=done] .s-arrow i:nth-child(3){background:var(--lumen);outline:1px solid var(--ink)}.s-out{color:var(--ink);font-weight:500}.delta{align-items:center;gap:var(--s2);margin-top:var(--s1);display:flex}.delta-bar{background:var(--surface-2);border:1px solid var(--line);flex:1;max-width:14rem;height:6px;position:relative}.delta-bar i{width:var(--ratio,100%);background:var(--ink);transition:width .5s var(--ease-snap);position:absolute;inset:0 auto 0 0}.r-saved{font-size:var(--fs-xs)}.row-status{align-items:center;gap:var(--s2);font-size:var(--fs-xs);color:var(--muted);margin-top:2px;display:flex}.status-dot{background:var(--line-strong);flex:none;width:7px;height:7px}.row[data-state=working] .status-dot{background:var(--lumen);outline:1px solid var(--ink);animation:.9s steps(2,end) infinite blink}.row[data-state=done] .status-dot{background:var(--success)}.row[data-state=error] .status-dot{background:var(--error)}@keyframes blink{50%{opacity:.2}}.row[data-state=error]{background:color-mix(in srgb, var(--error-soft) 45%, transparent)}.row-note{margin-top:var(--s2);font-size:var(--fs-sm)}.row-note .err-title{color:var(--error);font-weight:600}.row-note ul{margin-top:var(--s1);color:var(--ink-2);font-size:var(--fs-xs);padding-inline-start:1.1rem;list-style:square}.row-report{grid-column:1/-1}.row-actions{gap:var(--s2);align-items:center;display:flex}.row[data-state=error] .row-actions .r-retry{--btn-bd:var(--error)}.report{gap:var(--s3);display:grid}.kv{border:1px solid var(--line);border-radius:var(--r2);font-size:var(--fs-sm);grid-template-columns:minmax(8rem,max-content) 1fr;gap:0;display:grid;overflow:hidden}.kv dt,.kv dd{padding:var(--s2) var(--s3);border-bottom:1px solid var(--line);margin:0}.kv dt{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:var(--surface-2)}.kv dd{font-family:var(--font-mono);font-size:var(--fs-xs);overflow-wrap:anywhere}.kv dt:last-of-type,.kv dd:last-of-type{border-bottom:0}.report h4{font-size:var(--fs-sm);margin-top:var(--s2)}.report-actions{gap:var(--s2);flex-wrap:wrap;display:flex}.swatches{gap:var(--s2);grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));display:grid}.swatch{border:1px solid var(--line);border-radius:var(--r2);font-size:var(--fs-xs);background:var(--surface);text-align:start;cursor:pointer;padding:0;overflow:hidden}.swatch i{height:3.25rem;display:block}.swatch span{padding:var(--s1) var(--s2);font-family:var(--font-mono);display:block}.swatch span+span{color:var(--muted);padding-top:0}.swatch:hover{border-color:var(--ink)}.code-out{position:relative}.code-out textarea{min-height:7rem}.verdict{gap:var(--s2);padding:var(--s2) var(--s3);border-radius:var(--r2);font-size:var(--fs-sm);align-items:center;font-weight:500;display:flex}.verdict.ok{background:var(--success-soft);color:var(--success)}.verdict.warn{background:var(--warning-soft);color:var(--warning)}.bar-meter{background:var(--surface-2);border:1px solid var(--line);height:8px;position:relative}.bar-meter i{background:var(--ink);position:absolute;inset:0 auto 0 0}.mobile-bar{display:none}@media (width<=860px){.ws{grid-template-columns:minmax(0,1fr)}.ws-panel{order:2;position:static}.ws-main{order:1}.plate{min-height:15rem;padding-top:var(--s6)}.plate-choose{width:100%;min-height:3.5rem}.plate-sub,.panel-actions{display:none}.mobile-bar:not([hidden]){gap:var(--s2);z-index:30;margin:var(--s4) calc(var(--gutter) * -1) 0;padding:var(--s3) var(--gutter) calc(var(--s3) + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--paper) 94%, transparent);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);display:flex;position:sticky;bottom:0}.mobile-bar .btn{flex:1}.mobile-bar .btn-icon{flex:none;width:3.25rem}.row{padding:var(--s3);grid-template-columns:3.5rem minmax(0,1fr)}.thumb{width:3.5rem;height:3.5rem}.row-actions{grid-column:1/-1;justify-content:flex-end}.row-actions .r-dl{flex:1}}@media (prefers-reduced-motion:reduce){.row[data-state=working] .scan{animation:none;top:50%}.row[data-state=working] .status-dot{animation:none}}