.editor .ws-main{grid-template-columns:minmax(0,1fr)}@media(min-width:960px){.editor{--fs-side: 24rem}.editor .ws-main{grid-template-columns:minmax(0,1fr) 24rem}}.editor .ws-stage,.editor .ws-side{min-width:0}@media(max-width:600px){.editor .ws-stage{padding:var(--space-3)}.editor .ws-side{padding:var(--space-5) var(--space-4)}}.ed-bar{display:flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-3);min-height:var(--target-min)}.ed-bar .btn:disabled{opacity:.4;cursor:default}.ed-bar-sep{width:1px;height:var(--space-6);margin-inline:var(--space-1);background:var(--line)}.ed-bar-end{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}.ed-zoom{display:inline-flex;align-items:center}.ed-zoom-level{min-width:4.5rem;padding-inline:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.ed-before-btn{padding-inline:var(--space-3);user-select:none;-webkit-user-select:none;touch-action:none}.ed-before-btn[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}@media(max-width:520px){.ed-bar{gap:0}.ed-bar-sep{margin-inline:2px}.ed-bar .btn-icon{width:38px}.ed-before-btn span,.ed-bar-end .btn span{display:none}.ed-before-btn{width:38px;padding:0}.ed-bar-end .btn{width:var(--target-min);padding:0}.ed-zoom-level{min-width:3.25rem}}.ed-stage{position:relative;display:grid;height:clamp(20rem,62vh,44rem);min-width:0;border-radius:var(--radius-lg);overflow:hidden}@media(min-width:960px){.ed-stage{height:clamp(28rem,70vh,48rem)}}@media(min-width:960px){.editor.is-fullscreen .ed-view{background:none}.editor.is-fullscreen .ed-box{background:var(--paper-3) repeating-conic-gradient(color-mix(in oklab,var(--ink) 6%,transparent) 0 25%,transparent 0 50%) 0 0 / 20px 20px}}.ed-stage>*{grid-area:1 / 1;min-width:0;min-height:0}.ed-stage [hidden]{display:none!important}.ed-status{min-height:1lh;margin-top:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-3);font-variant-numeric:tabular-nums}.ed-view{position:relative;display:flex;overflow:auto;overscroll-behavior:contain;background:var(--paper-3) repeating-conic-gradient(color-mix(in oklab,var(--ink) 6%,transparent) 0 25%,transparent 0 50%) 0 0 / 20px 20px;border-radius:var(--radius-lg);animation:t-in var(--dur-3) var(--ease-out)}.ed-view.is-over{outline:2px dashed var(--accent);outline-offset:-6px}.ed-box{position:relative;flex:none;margin:auto;overflow:hidden;touch-action:none;box-shadow:0 0 0 1px color-mix(in oklab,var(--ink) 10%,transparent)}.ed-pic{position:absolute;inset:0;transform-origin:50% 50%}.ed-layer{position:absolute;inset:0;width:100%;height:100%;display:block;user-select:none}.ed-box.is-pixelated .ed-layer:not(.ed-draw){image-rendering:pixelated}.ed-adjusted{clip-path:inset(0 0 0 var(--split, 0%))}.ed-draw{pointer-events:none}.ed-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.ed-overlay .mask{fill:#0000008c;fill-rule:evenodd}.ed-overlay .frame{fill:none;stroke:#fff;stroke-width:1.5;vector-effect:non-scaling-stroke}.ed-overlay .grid{fill:none;stroke:#ffffff80;stroke-width:1;vector-effect:non-scaling-stroke}.ed-overlay .marquee{fill:#00000040;stroke:#fff;stroke-width:1.5;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}.ed-overlay .marquee.is-ellipse{fill:#00000026}.ed-handles{position:absolute;inset:0;pointer-events:none}.ed-handle{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;pointer-events:auto;touch-action:none}.ed-handle:after{content:"";position:absolute;inset:5px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #00000059,0 1px 4px #0000004d;transition:transform var(--dur-1) var(--ease-out)}.ed-handle:hover:after,.ed-handle.is-dragging:after{transform:scale(1.25)}.ed-handle.is-edge:after{inset:7px 4px;border-radius:3px}.ed-handle.is-edge.is-v:after{inset:4px 7px}.ed-handle[data-h=nw],.ed-handle[data-h=se]{cursor:nwse-resize}.ed-handle[data-h=ne],.ed-handle[data-h=sw]{cursor:nesw-resize}.ed-handle[data-h=n],.ed-handle[data-h=s]{cursor:ns-resize}.ed-handle[data-h=e],.ed-handle[data-h=w]{cursor:ew-resize}.ed-handle[data-h^=p]{cursor:move;width:30px;height:30px;margin:-15px 0 0 -15px}.ed-handle[data-h^=p]:after{inset:7px;background:color-mix(in oklab,var(--accent) 30%,#fff)}[data-tool=crop] .ed-box{cursor:crosshair}[data-tool=crop] .ed-box.is-in-crop{cursor:move}[data-tool=redact] .ed-box,[data-tool=annotate] .ed-box{cursor:crosshair}[data-tool=annotate][data-shape=text] .ed-box{cursor:text}[data-tool=colours] .ed-box,.ed-box.is-picking{cursor:copy}.ed-box.is-panning,[data-panning] .ed-box{cursor:grab!important}[data-comparing] .ed-box{cursor:ew-resize}.ed-view.is-dragging-view .ed-box{cursor:grabbing!important}.ed-split{position:absolute;top:0;bottom:0;left:var(--split, 50%);width:2px;margin-left:-1px;background:var(--paper);box-shadow:0 0 0 1px #00000040;pointer-events:none}.ed-split span{position:absolute;top:50%;left:50%;width:var(--space-10);height:var(--space-10);translate:-50% -50%;border-radius:50%;background:var(--paper);box-shadow:var(--shadow-md)}.ed-split span:before,.ed-split span:after{content:"";position:absolute;top:50%;width:0;height:0;border-block:5px solid transparent;translate:0 -50%}.ed-split span:before{left:9px;border-right:6px solid var(--ink-2)}.ed-split span:after{right:9px;border-left:6px solid var(--ink-2)}.ed-tag-l{left:var(--space-3)}.ed-tag-r{right:var(--space-3)}.ed-original{width:100%;height:100%;object-fit:contain;background:var(--paper-3);border-radius:var(--radius-lg);pointer-events:none;z-index:2}.ed-text{position:absolute;z-index:3;min-width:4ch;margin:0;padding:0;border:1px dashed hsl(0 0% 100% / .8);outline:1px dashed hsl(0 0% 0% / .5);background:transparent;font-family:var(--font-text);font-weight:600;line-height:1.2;resize:none;overflow:hidden;white-space:pre;caret-color:currentColor}.ed-busy{position:absolute;inset:0;display:grid;place-items:end center;padding:var(--space-4);background:color-mix(in oklab,var(--paper) 35%,transparent);overflow:hidden;z-index:4;cursor:progress;animation:t-in var(--dur-2) var(--ease-out) .15s backwards}.ed-problem{z-index:5}.ed-busy-text{position:relative;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--paper);box-shadow:var(--shadow-md);font-size:var(--text-sm)}.ed-busy-text:empty{display:none}.editor .ws-side{gap:var(--space-5)}.seg-toggle .i{font-size:1.05em}.ed-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.25rem,1fr));gap:var(--space-2)}.ed-tool{display:grid;justify-items:center;gap:var(--space-1);min-height:3.75rem;padding:var(--space-2) var(--space-1);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);color:var(--ink-2);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:border-color var(--dur-1) var(--ease-move),background-color var(--dur-1) var(--ease-move),color var(--dur-1) var(--ease-move),transform var(--dur-1) var(--ease-out)}.ed-tool .i{font-size:var(--text-lg)}.ed-tool:hover{color:var(--ink);border-color:color-mix(in oklab,var(--ink) 24%,transparent)}.ed-tool:active{transform:scale(var(--press))}.ed-tool[aria-pressed=true]{color:var(--accent);border-color:color-mix(in oklab,var(--accent) 45%,transparent);background:var(--accent-soft)}.ed-tool:disabled{opacity:.45;cursor:default}.ed-tool[hidden]{display:none}[data-state=empty] .ed-panels{opacity:.45;pointer-events:none}.ed-panels{display:grid}.ed-panel{display:grid;align-content:start;gap:var(--space-4);animation:t-in var(--dur-3) var(--ease-out)}.ed-panel[hidden]{display:none}.ed-lead{font-size:var(--text-sm);color:var(--ink-2)}.ed-facts:empty{display:none}.ed-facts{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-2);font-variant-numeric:tabular-nums}.ed-h{margin-top:var(--space-2);font-family:var(--font-text);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-3)}.ed-row{display:flex;align-items:center;gap:var(--space-3)}.ed-grow{flex:1;min-width:0}.ed-grow small{display:block}.ed-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap}.ed-actions>.hint,.ed-actions>.ed-facts{margin-right:auto}.ed-iconrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(3rem,1fr));gap:var(--space-2)}.ed-card{display:grid;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper-2)}.ed-chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.ed-chips button{min-height:var(--space-8);padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--paper);color:var(--ink-2);font-size:var(--text-sm);font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color var(--dur-1) var(--ease-move),background-color var(--dur-1) var(--ease-move),color var(--dur-1) var(--ease-move)}.ed-chips button:hover{color:var(--ink);border-color:var(--ink-3)}.ed-chips button[aria-pressed=true]{color:var(--accent);border-color:color-mix(in oklab,var(--accent) 45%,transparent);background:var(--accent-soft);font-weight:500}.ed-size{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--ink-3)}.ed-size label{flex:1;min-width:0}.ed-size-lg{align-items:end}.ed-size-lg label{display:grid;gap:var(--space-1)}.num-input{font-family:var(--font-mono);font-variant-numeric:tabular-nums;min-width:0}.ed-size .num-input{width:100%}#ed-pad{width:5.5rem}.ed-unit{font-family:var(--font-mono);font-size:var(--text-xs)}.ed-chain[aria-pressed=true]{color:var(--accent)}.ed-shapes{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.ed-shapes button{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--target-min);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);color:var(--ink-2);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--dur-1) var(--ease-move),background-color var(--dur-1) var(--ease-move),color var(--dur-1) var(--ease-move)}.ed-shapes button:hover{color:var(--ink)}.ed-shapes button[aria-pressed=true]{color:var(--accent);border-color:color-mix(in oklab,var(--accent) 45%,transparent);background:var(--accent-soft)}.ed-swatches{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ed-swatches button,.ed-swatches label{position:relative;width:var(--space-8);height:var(--space-8);border-radius:50%;border:0;padding:0;background:var(--c);box-shadow:inset 0 0 0 1px #00000026;cursor:pointer;transition:transform var(--dur-1) var(--ease-out)}.ed-swatches button:hover,.ed-swatches label:hover{transform:scale(1.08)}.ed-swatches [aria-pressed=true]{box-shadow:inset 0 0 0 1px #00000026,0 0 0 2px var(--paper),0 0 0 4px var(--accent)}.ed-swatches label{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.ed-swatches input{position:absolute;inset:0;opacity:0;cursor:pointer}.ed-swatch-big{flex:none;width:var(--space-12);height:var(--space-12);border-radius:var(--radius-md);background:var(--c, transparent);box-shadow:inset 0 0 0 1px #00000026}#ed-bg-swatch{width:var(--space-10);height:var(--space-10);background:linear-gradient(var(--c, transparent),var(--c, transparent)),repeating-conic-gradient(color-mix(in oklab,var(--ink) 12%,transparent) 0 25%,transparent 0 50%) 0 0 / 10px 10px}#ed-bg-pick[aria-pressed=true],#ed-bg-pick.is-on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.ed-picked{display:flex;align-items:flex-start;gap:var(--space-3)}.ed-picked .ed-swatch-big{width:var(--space-16);height:var(--space-16);background:linear-gradient(var(--c, transparent),var(--c, transparent)),repeating-conic-gradient(color-mix(in oklab,var(--ink) 12%,transparent) 0 25%,transparent 0 50%) 0 0 / 10px 10px}.ed-codes{flex:1;display:grid;gap:var(--space-1);margin:0;min-width:0}.ed-codes div{display:flex;align-items:center;gap:var(--space-2)}.ed-codes dt{width:2.5rem;font-size:var(--text-xs);color:var(--ink-3)}.ed-codes dd{flex:1;margin:0;font-family:var(--font-mono);font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ed-codes button{min-height:var(--space-8);width:var(--space-8)}.ed-contrast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md)}.ed-contrast-sample{display:grid;place-items:center;width:var(--space-12);height:var(--space-12);border-radius:var(--radius-sm);font-size:var(--text-xl);font-weight:600;box-shadow:inset 0 0 0 1px #0000001a}.ed-contrast strong{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:500}.ed-badges{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-1)}.ed-badges span{padding:0 var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:500;white-space:nowrap;background:color-mix(in oklab,var(--danger) 10%,transparent);color:var(--danger)}.ed-badges span.is-pass{background:var(--accent-soft);color:var(--accent)}.ed-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.ed-palette button{display:grid;gap:var(--space-1);padding:0;border:0;background:none;cursor:pointer;text-align:left;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-2)}.ed-palette button span{height:var(--space-10);border-radius:var(--radius-sm);background:var(--c);box-shadow:inset 0 0 0 1px #0000001f;transition:transform var(--dur-1) var(--ease-out)}.ed-palette button:hover span{transform:translateY(-2px)}.ed-palette:empty{display:none}.ed-adjust-groups{display:grid;gap:var(--space-4)}.ed-adjust-group{display:grid;gap:var(--space-2)}.ed-slider{display:grid;gap:0}.ed-slider .label{font-size:var(--text-sm)}.ed-slider output{min-width:4.5ch;text-align:center;color:var(--ink-3)}.ed-slider.is-set output{color:var(--ink)}@media(prefers-reduced-motion:reduce){.ed-view,.ed-panel,.ed-busy{animation:none}}