:root{--bg:#f6f6f4;--panel:#fff;--ink:#1d1d1f;--muted:#6b6b70;--line:#e3e3e0;--accent:#2f5bd3;--accent-ink:#fff;--stage:#ecebe7;--end:#16a34a;--sharp:#dc2626;--junc:#2563eb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#141416;--panel:#1c1c1f;--ink:#ececee;--muted:#9a9aa2;--line:#2c2c31;--accent:#6b8cff;--accent-ink:#0d0d10;--stage:#0f0f11}}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--ink);flex-direction:column;height:100vh;margin:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;display:flex}.brand{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}h1{margin:0;font-size:16px;font-weight:650}.tag{color:var(--muted);font-size:12px}.paper{color:var(--accent);white-space:nowrap;font-size:13px;text-decoration:none}.layout{flex:1;grid-template-columns:290px 1fr;min-height:0;display:grid}.panel{background:var(--panel);border-right:1px solid var(--line);padding:4px 16px 16px;overflow-y:auto}.panel section{border-bottom:1px solid var(--line);padding:12px 0}.panel section:last-child{border-bottom:0}h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 8px;font-size:11px;font-weight:600}.hint,.muted{color:var(--muted);margin:6px 0 0;font-size:12px}.hint.indent{margin:-2px 0 8px 24px}.field{flex-direction:column;gap:4px;margin:8px 0;display:flex}.field>span{font-size:13px}.field output{color:var(--muted);margin-left:4px}select,input[type=range]{width:100%}select{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:6px;padding:5px 6px}input[type=range]{accent-color:var(--accent)}.check{align-items:center;gap:8px;margin:6px 0;display:flex}.check input{accent-color:var(--accent)}.segmented{border:1px solid var(--line);border-radius:8px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.segmented label{position:relative}.segmented input{opacity:0;position:absolute;inset:0}.segmented span{text-align:center;cursor:pointer;padding:6px 4px;font-size:12.5px;display:block}.segmented input:checked+span{background:var(--accent);color:var(--accent-ink)}.segmented input:focus-visible+span{outline:2px solid var(--accent);outline-offset:-2px}.file-button,button{font:inherit;cursor:pointer}.file-button{border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:7px 12px;display:inline-block}.file-button input{display:none}button.primary{background:var(--accent);width:100%;color:var(--accent-ink);border:0;border-radius:8px;padding:9px 12px;font-weight:600}.actions .row{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.secondary{border:1px solid var(--line);background:var(--bg);color:var(--ink);text-align:center;border-radius:8px;padding:7px 10px;font-size:13px}.secondary:disabled,.file-button.disabled,button.primary:disabled{opacity:.45;cursor:default}button.link{color:var(--accent);background:0 0;border:0;padding:0}.legend{color:var(--muted);flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:12px;display:flex}.legend span{align-items:center;gap:4px;display:inline-flex}.dot,.sq{width:9px;height:9px;display:inline-block}.dot{border-radius:50%}.dot.end{background:var(--end)}.dot.sharp{background:var(--sharp)}.dot.junc{background:var(--junc)}.sq.applied{background:#ea580c8c}.sq.notapplied{background:#dc26268c}.sq.invalid{background:#6b728099}.sq.detail{background:#9333ea4d}.sq.pending{background:#2563eb73}.status{z-index:1;background:var(--panel);position:sticky;top:0}.status-box{min-height:2lh}.status-box p{margin:0}.status-box.fixed{height:2lh}.status-box.fixed p{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.status-box.fixed .progress:not([hidden])+p{-webkit-line-clamp:1;line-clamp:1}.result p{margin:4px 0}.progress{background:var(--line);border-radius:2px;height:4px;margin-bottom:8px;overflow:hidden}.progress .bar{background:var(--accent);width:0;height:100%;transition:width .15s}.stats{grid-template-columns:auto auto;gap:2px 12px;margin:8px 0 0;font-size:12px;display:grid}.stats dt{color:var(--muted)}.stats dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.stage{-webkit-user-select:none;user-select:none;background:var(--stage);touch-action:none;justify-content:center;align-items:center;min-width:0;padding:24px;display:flex;position:relative;overflow:hidden}.stage[data-tool=pan],.stage.panning{cursor:grab}.stage.panning{cursor:grabbing}.stage[data-tool=keypoint],.stage[data-tool=brush],.stage[data-tool=eraser],.stage[data-tool=lasso]{cursor:crosshair}.toolbar{z-index:2;pointer-events:none;flex-wrap:wrap;gap:8px;display:flex;position:absolute;top:12px;left:12px;right:12px}.toolbar .group{pointer-events:auto;background:var(--panel);border:1px solid var(--line);border-radius:9px;align-items:center;gap:2px;padding:3px;display:flex;box-shadow:0 1px 4px #00000014}.toolbar button{color:var(--ink);background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:5px 9px;font-size:13px;display:inline-flex}.toolbar button:hover:not(:disabled){background:var(--bg)}.toolbar button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.toolbar button:disabled{opacity:.4;cursor:default}.toolbar .size{gap:8px;padding:3px 10px;font-size:13px}.toolbar .size input{width:110px}.edit-hint{z-index:2;background:var(--panel);border:1px solid var(--line);max-width:calc(100% - 24px);color:var(--muted);text-align:center;pointer-events:none;border-radius:8px;margin:0;padding:6px 12px;font-size:12.5px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.edit-hint.info{color:var(--ink);border-color:var(--accent)}.stage.dragging{outline:3px dashed var(--accent);outline-offset:-12px}.empty .drop{border:2px dashed var(--line);color:var(--muted);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:48px 56px;display:flex}.empty strong{color:var(--ink);font-size:16px}.canvas{background:#fff;position:absolute;box-shadow:0 1px 3px #0000001f,0 8px 24px #00000014}.canvas img{width:100%;height:100%;display:block}.overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#usm{image-rendering:pixelated;inset:0 auto auto 0}#vector svg{width:100%;height:100%;display:block}@media (max-width:760px){body{height:auto}.layout{grid-template-columns:1fr}.panel{border-right:0;border-bottom:1px solid var(--line);overflow-y:visible}.stage{min-height:60vh;padding:16px}}