@layer base,mantine;[hidden]{display:none!important}:root{color-scheme:dark;--side-h: 46vh;--bg: #141414;--bg-sunk: #101010;--panel: #181818;--panel-2: #202020;--panel-3: #2a2a2a;--line: #333333;--line-soft: #242424;--ink: #fafafa;--ink-2: #c4c4c4;--ink-3: #a3a3a3;--ink-4: #949494;--accent: #fafafa;--accent-soft: #404040;--accent-ink: #0a0a0a;--accent-text: var(--ink);--hi: #4c9aff;--hi-text: var(--hi);--cool: #6fa8dc;--good: #7fb069;--warn: #d98c4a;--bad: #d4604b;--good-text: var(--good);--warn-text: var(--warn);--bad-text: #e07f6e;--mark: #ffffff;--mark-edge: #000000;--r-sm: 4px;--r-md: 6px;--r-lg: 10px;--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-2-5: 10px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--text-2xs: 10px;--text-xs: 11px;--text-sm: 12px;--text-md: 13px;--text-lg: 14px;--text-xl: 16px;--text-2xl: 18px;--text-3xl: 22px;--drag-bar: 36px;--ui: 1;--rail: round(calc(74px * var(--ui)), 1px);--panel-w: round(calc(384px * var(--ui)), 1px);--strip-h: round(calc(118px * var(--ui)), 1px);--bar-tabs-h: round(calc(24px * var(--ui)), 1px);--work-h: round(calc(38px * var(--ui)), 1px);--head-h: round(calc(42px * var(--ui)), 1px);--mono: "Geist Mono Variable", ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans: "Geist Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}:root[data-theme=light]{color-scheme:light;--bg: #ffffff;--bg-sunk: #f4f4f4;--panel: #ffffff;--panel-2: #f5f5f5;--panel-3: #ebebeb;--line: #e2e2e2;--line-soft: #efefef;--ink: #0a0a0a;--ink-2: #404040;--ink-3: #525252;--ink-4: #666666;--accent: #0a0a0a;--accent-soft: #d4d4d4;--accent-ink: #fafafa;--accent-text: var(--ink);--hi: #2563eb;--hi-text: #1d4ed8;--cool: #3a6f9e;--good: #4d7a38;--warn: #a2601f;--bad: #b42318;--good-text: #446c32;--warn-text: #8d531b;--bad-text: var(--bad)}@layer base{*{box-sizing:border-box}}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:13px/1.5 var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@layer base{input:not([type=range],[type=checkbox],[type=radio],[type=button],[type=submit],[type=reset],[type=color],[type=file],[type=image]),textarea,[contenteditable]:not([contenteditable=false]){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}}.annotator-notes p,.biz-row b,.biz-val,.fig-val,.line-total,.readout,.tasks-notes{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}@layer base{button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--panel-3);border-radius:6px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--line)}#app{display:grid;grid-template-columns:var(--rail) minmax(0,1fr) var(--panel-w);grid-template-rows:var(--head-h) var(--work-h) minmax(0,1fr) var(--strip-h);grid-template-areas:"head head head" "work work work" "rail stage side" "strip strip side";height:100vh;height:100dvh}#app.no-work{--work-h: 0px}#app.no-work .work-bar{display:none}.head{grid-area:head;display:flex;align-items:center;gap:var(--space-2-5);padding:0 var(--space-3);background:var(--panel);border-bottom:1px solid var(--line-soft)}.brand{display:flex;align-items:center;gap:var(--space-2-5);font-weight:650;letter-spacing:-.01em;white-space:nowrap}.brand-version{font:11px/1 var(--mono);color:var(--accent-text);background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid var(--accent-soft);border-radius:999px;padding:var(--space-1) var(--space-1-5);letter-spacing:.02em;flex:none}.update-ready{background:color-mix(in srgb,var(--accent) 18%,var(--panel-2));border-color:var(--accent-soft);color:var(--accent-text);font-size:11px;padding:var(--space-1) var(--space-2);flex:none;animation:fade-in .2s ease}.update-ready:hover{background:var(--accent);color:var(--accent-ink);border-color:var(--hi)}.update-ready[disabled]{opacity:.6;cursor:default}.update-ready[disabled]:hover{background:color-mix(in srgb,var(--accent) 18%,var(--panel-2));color:var(--accent-text);border-color:var(--accent-soft)}.brand-mark{width:18px;height:18px;border-radius:50%;background:conic-gradient(#c9543f,#d98c4a,#e0c23c,#7fb069,#4aa5a0,#6fa8dc,#8e7bd6,#c95a9b,#c9543f);box-shadow:inset 0 0 0 3px var(--panel),0 0 0 1px var(--line)}.brand small{color:var(--ink-4);font-weight:500;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.head-crumb{display:flex;align-items:center;gap:var(--space-1);min-width:0;flex:0 1 auto;overflow:hidden;font-size:12px;color:var(--ink-3)}.head-crumb[data-squeezed]{visibility:hidden}.crumb-plain{color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:34ch}.crumb-chip{font:inherit;color:var(--ink-2);background:none;border:1px solid transparent;border-radius:var(--r-sm);padding:var(--space-1) var(--space-2);max-width:22ch;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.crumb-chip:hover{background:var(--panel-2);border-color:var(--line-soft);color:var(--ink)}.crumb-chip[aria-expanded=true]{background:var(--panel-2);border-color:var(--accent-soft);color:var(--ink)}.crumb-title{font-weight:600;color:var(--ink)}.crumb-chip.none{color:var(--ink-4);font-style:italic}.crumb-sep{color:var(--ink-4);flex:none}.crumb-size{color:var(--ink-4);font:11px/1 var(--mono);flex:none}.crumb-field{font:inherit;font-size:12px;color:var(--ink);background:var(--panel-2);border:1px solid var(--accent);border-radius:var(--r-sm);padding:var(--space-1) var(--space-2);min-width:0;width:20ch}.crumb-field:focus{outline:none}.crumb-menu{position:fixed;z-index:300;min-width:200px;max-width:min(320px,92vw);max-height:60vh;overflow-y:auto;padding:var(--space-1-5);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:0 12px 30px #00000057;animation:fade-in .12s ease}.crumb-item{display:grid;gap:1px;width:100%;padding:var(--space-1-5) var(--space-2);font:inherit;font-size:12px;text-align:left;color:var(--ink-2);background:none;border:0;border-radius:var(--r-sm);cursor:pointer}.crumb-item:hover{background:var(--panel-2);color:var(--ink)}.crumb-item.on{color:var(--accent-text)}.crumb-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crumb-item-sub{font-size:11px;color:var(--ink-4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crumb-row .crumb-field{width:calc(100% - 4px);margin:var(--space-0-5)}.head-spacer{flex:1}.head-status{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--accent-text);font-size:12px;padding:var(--space-1) var(--space-2-5);border-radius:20px;background:color-mix(in srgb,var(--accent) 8%,transparent);animation:fade-in .16s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(-3px)}}.keep-nudge{position:fixed;top:calc(var(--head-h, 42px) + 6px);left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:var(--space-2);max-width:calc(100vw - 32px);padding:var(--space-1-5) var(--space-1-5) var(--space-1-5) var(--space-4);border-radius:20px;background:var(--panel);border:1px solid var(--line);box-shadow:0 4px 16px #0000002e;font-size:12px;color:var(--ink);animation:fade-in .16s ease}.keep-nudge[hidden]{display:none}.keep-nudge-text{min-width:0}.limit-toast{position:fixed;top:calc(var(--head-h, 42px) + 6px);left:50%;transform:translate(-50%);z-index:61;display:flex;align-items:center;gap:var(--space-2);max-width:min(560px,calc(100vw - 32px));padding:var(--space-1-5) var(--space-1-5) var(--space-1-5) var(--space-4);border-radius:12px;background:var(--panel);border:1px solid var(--accent);box-shadow:0 4px 16px #0000002e;font-size:12px;color:var(--ink);animation:fade-in .16s ease}.limit-toast.limit-error{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 12%,var(--panel))}.limit-toast-text{min-width:0}@media (max-width: 560px){.keep-nudge{flex-wrap:wrap;border-radius:12px}}.screen-offer{position:fixed;top:calc(var(--head-h, 42px) + 6px);left:50%;transform:translate(-50%);z-index:62;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);max-width:calc(100vw - 32px);padding:var(--space-1-5) var(--space-1-5) var(--space-1-5) var(--space-4);border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--line);box-shadow:0 4px 16px #0000002e;font-size:var(--text-sm);color:var(--ink);animation:fade-in .16s ease}.second-screen{position:fixed;inset:0;z-index:200;background:#000;display:flex;align-items:center;justify-content:center}.second-screen img{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.second-screen-bar{position:absolute;top:calc(env(safe-area-inset-top,0px) + 8px);right:calc(env(safe-area-inset-right,0px) + 8px);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);border-radius:var(--r-lg);background:#0000008c;color:#fff;font-size:var(--text-sm)}.second-screen-says{min-width:0}.btn{border:1px solid var(--line);background:var(--panel-2);color:var(--ink-2);padding:var(--space-1-5) var(--space-3);border-radius:var(--r-md);transition:background .12s ease,color .12s ease,border-color .12s ease;white-space:nowrap}.btn:hover{background:var(--panel-3);color:var(--ink);border-color:var(--hi)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn.primary:hover{background:color-mix(in srgb,var(--accent) 88%,var(--bg));border-color:transparent;color:var(--accent-ink)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--panel-2)}.btn.small{padding:var(--space-1) var(--space-2);font-size:12px;border-radius:var(--r-sm)}.btn.danger:hover{border-color:var(--bad);color:#eba193}.btn.link{background:transparent;border-color:transparent;color:var(--accent-text);padding-left:0;padding-right:0;text-align:left}.btn.link:hover{background:transparent;border-color:transparent;text-decoration:underline}.btn[disabled]{opacity:.4;pointer-events:none}.btn.has-why[disabled]{opacity:1;display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;white-space:normal;text-align:left}.btn.has-why[disabled]>.btn-face{opacity:.4}.btn-why{font-size:11px;font-weight:400;line-height:1.3;color:var(--ink-3)}.icon-btn{width:28px;height:28px;display:grid;place-items:center;border-radius:var(--r-sm);border:1px solid transparent;background:transparent;color:var(--ink-3)}.icon-btn:hover{background:var(--panel-3);color:var(--ink)}.icon-btn[disabled]{opacity:.35;pointer-events:none}.icon-btn.room-lock{opacity:.4}.icon-btn.room-lock:hover,.icon-btn.room-lock:focus-visible{opacity:1}.icon-btn.room-lock.on{opacity:1;color:var(--accent-text)}.row-actions{display:flex;gap:var(--space-0-5);flex:none;align-items:center}.row-actions [data-row-act=remove]:hover{color:#eba193}.rail{grid-area:rail;background:var(--panel);border-right:1px solid var(--line-soft);display:flex;flex-direction:column;gap:var(--space-0-5);padding:var(--space-2) var(--space-1-5);overflow-y:auto}.rail-btn{border:1px solid transparent;background:transparent;color:var(--ink-3);border-radius:var(--r-md);padding:var(--space-2) var(--space-0-5) var(--space-2);display:grid;gap:var(--space-1);justify-items:center;font-size:10px;letter-spacing:.02em;transition:background .12s ease,color .12s ease}.rail-btn .glyph{font-size:18px;line-height:1;display:grid;place-items:center}.icon{display:block;flex:none;stroke:currentColor;fill:none}.rail-btn .glyph.chev{font-size:16px}.rail-btn:hover{background:var(--panel-2);color:var(--ink-2)}.rail-btn.active{background:var(--panel-3);color:var(--accent-text);border-color:var(--accent-soft)}.rail-sep{height:1px;background:var(--line-soft);margin:var(--space-2) var(--space-1)}.rail-key{position:absolute;opacity:0}.stage{grid-area:stage;position:relative;display:flex;flex-direction:column;min-height:0;--stage-a: #1c1c1c;--stage-b: #202020;--stage-c: #1c1c1c;background:linear-gradient(var(--stage-a),var(--stage-a)),repeating-conic-gradient(var(--stage-b) 0% 25%,var(--stage-c) 0% 50%) 50% / 22px 22px;overflow:hidden}:root[data-theme=light] .stage{--stage-a: #e4e4e4;--stage-b: #dedede;--stage-c: #e4e4e4}.stage-view{position:relative;flex:1;min-height:0;overflow:hidden}.tool-strip{flex:none;display:flex;align-items:center;gap:var(--space-0-5);padding:var(--space-1) var(--space-2);background:var(--panel);border-bottom:1px solid var(--line-soft);overflow-x:auto;scrollbar-width:none}.tool-strip::-webkit-scrollbar{height:0}.tool-strip[hidden]{display:none}.tool-chip{flex:none;display:flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1-5) var(--space-2-5);border:1px solid transparent;border-radius:999px;background:transparent;color:var(--ink-3);font-size:12px;font-weight:550;white-space:nowrap;transition:background .12s ease,color .12s ease,border-color .12s ease}.tool-chip .glyph{display:grid;place-items:center;opacity:.85}.tool-chip:hover{background:var(--panel-2);color:var(--ink-2)}.tool-chip.active{background:var(--panel-3);color:var(--accent-text);border-color:var(--accent-soft)}.tool-chip.active .glyph{opacity:1}#gl,#overlay{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#overlay{pointer-events:none}.stage{overscroll-behavior:contain}.stage.dropping:after{content:"";position:absolute;inset:6px;border:2px dashed var(--accent);border-radius:var(--r-md);background:color-mix(in srgb,var(--accent) 8%,transparent);pointer-events:none;z-index:20}.stage,.stage *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.stage.picking #gl{cursor:crosshair}.stage.on-guide-x #gl{cursor:ew-resize}.stage.on-guide-y #gl{cursor:ns-resize}.stage.grab-ready #gl{cursor:grab}.stage.panning #gl{cursor:grabbing}.empty{position:absolute;inset:0;overflow:auto;color:var(--ink-3);padding:var(--space-6);background:var(--bg)}.empty.hidden{display:none}.empty-page{min-height:100%;display:grid;align-content:center}.home{position:fixed;inset:0;z-index:150;display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--bg);color:var(--ink)}.home-head{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--line-soft)}.home-head h1{margin:0 auto 0 0;font-size:var(--text-lg);font-weight:600}.home-again{display:flex;align-items:center;gap:var(--space-1-5);font-size:var(--text-sm);color:var(--ink-3)}.home-leave{padding:var(--space-1-5) var(--space-3);border:1px solid var(--line);border-radius:var(--r-sm);background:none;color:inherit;font:inherit;cursor:pointer}.home-leave:hover{border-color:var(--hi)}.home-page{overflow:auto;display:grid;align-content:center;padding:var(--space-8) var(--space-6)}.fetching,.fetch-failed{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.fetch-bar{position:relative;height:2px;overflow:hidden;background:var(--line);border-radius:var(--r-sm);opacity:0;animation:fetch-bar-in 0s linear .4s forwards}.fetch-bar-fill{position:absolute;inset:0 auto 0 0;width:30%;background:var(--ink-3);border-radius:inherit;animation:fetch-bar-slide 1.2s ease-in-out infinite}.fetch-bar[data-known] .fetch-bar-fill{animation:none;transition:width .2s ease-out}@keyframes fetch-bar-in{to{opacity:1}}@keyframes fetch-bar-slide{0%{left:-30%}to{left:100%}}.studio-wait,.fetch-cover{position:fixed;inset:0;z-index:151;display:grid;place-content:center;padding:var(--space-6);background:var(--bg);color:var(--ink)}.fetch-cover{z-index:10000}.studio-wait[data-studio-wait=coming],.fetch-cover[role=status]{opacity:0;animation:fetch-bar-in 0s linear .2s forwards}.studio-wait-box,.fetch-cover-box{display:flex;flex-direction:column;gap:var(--space-2);width:min(360px,calc(100vw - 2 * var(--space-6)))}@media (prefers-reduced-motion: reduce){.fetch-bar-fill{animation:none;width:100%;opacity:.5}}.home .start{max-width:960px}.start{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-8);align-items:start;justify-content:center;width:100%;max-width:820px;margin:0 auto}.start.alone{grid-template-columns:minmax(0,380px)}.start h2{margin:0 0 var(--space-3);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}.start-recent,.start-new{display:block;min-width:0}.start-row{display:grid;grid-template-columns:52px minmax(0,1fr);gap:var(--space-2-5);align-items:center;width:100%;padding:var(--space-1-5);margin-bottom:var(--space-1);border:1px solid transparent;border-radius:var(--r-sm);background:none;color:inherit;text-align:left;cursor:pointer;font:inherit}.start-row:hover{border-color:var(--hi);background:var(--bg-sunk)}.start-row-thumb{width:52px;height:38px;object-fit:cover;border-radius:4px;display:block;background:var(--bg-sunk);border:1px solid var(--line-soft)}.start-row-what{display:grid;gap:1px;min-width:0}.start-row-kind{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.start-row-name{font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.start-row-sub{font-size:11px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.start-doors{display:grid;gap:var(--space-2)}.start-door{display:grid;grid-template-columns:34px minmax(0,1fr);gap:var(--space-2-5);align-items:center;width:100%;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-sunk);color:inherit;text-align:left;cursor:pointer;font:inherit}.start-door:hover{border-color:var(--hi)}.start-door.primary{border-color:var(--accent-soft)}.start-door-mark{display:grid;place-items:center;color:var(--accent-text)}.start-door-what{display:grid;gap:var(--space-0-5);min-width:0}.start-door-label{font-size:14px;font-weight:600;color:var(--ink)}.start-door-sub{font-size:11px;line-height:1.45;color:var(--ink-3)}.start-study{margin-top:var(--space-5);border-style:dashed}.start-try{margin-top:var(--space-5)}.start-try .hint{margin:0 0 var(--space-1-5)}.start-samples{display:flex;flex-wrap:wrap;gap:var(--space-2)}.start-sample{display:grid;gap:var(--space-1);justify-items:center;width:84px;padding:var(--space-1);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg-sunk);color:var(--ink-3);cursor:pointer;font:inherit}.start-sample:hover{border-color:var(--hi);color:var(--ink)}.start-sample img{width:74px;height:50px;object-fit:cover;border-radius:4px;display:block}.start-sample span{font-size:10px;max-width:74px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.start-note{margin:var(--space-5) 0 0;line-height:1.6}@media (max-width: 700px){.start,.start.alone{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}}.stage-toolbar{position:absolute;left:50%;top:10px;transform:translate(-50%);z-index:12;display:flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1-5) var(--space-2);background:color-mix(in srgb,var(--panel) 92%,transparent);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:999px;box-shadow:0 6px 22px color-mix(in srgb,var(--bg-sunk) 70%,transparent);max-width:min(calc(100% - 24px),var(--bar-room, 100%));overflow-x:auto}.stage-toolbar .divider{width:1px;height:18px;background:var(--line);flex:none}.stage-toolbar .btn{display:inline-flex;align-items:center;gap:var(--space-1-5);white-space:nowrap;flex:none}.zoom-label{font:11px/1 var(--mono);color:var(--ink-3);min-width:44px;text-align:center}.stage-working{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;gap:var(--space-2);justify-items:center;padding:var(--space-4) var(--space-5);border-radius:var(--r-md);background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid var(--line);box-shadow:0 8px 28px #00000047;pointer-events:none;z-index:6}.stage-working .label{font:12px/1.3 var(--mono);color:var(--ink-2);letter-spacing:.02em}.stage-working .bar{position:relative;width:190px;height:4px;border-radius:2px;background:color-mix(in srgb,var(--ink-4) 24%,transparent);overflow:hidden}.stage-working .run{position:absolute;inset:0 auto 0 0;width:42%;border-radius:2px;background:var(--accent);animation:stage-working-run 1.15s ease-in-out infinite}@keyframes stage-working-run{0%{transform:translate(-105%)}to{transform:translate(240%)}}@media (prefers-reduced-motion: reduce){.stage-working .run{animation:none;width:100%;opacity:.55}}.stage-nav{position:absolute;left:10px;bottom:calc(10px + var(--dock-h, 0px));z-index:16;display:flex;align-items:flex-end;gap:var(--space-1-5)}.stage-nav[hidden]{display:none}.nav-pad{position:relative;width:84px;height:84px;border-radius:50%;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 78%,transparent);backdrop-filter:blur(10px);cursor:grab;touch-action:none}.nav-pad.pushing{cursor:grabbing;border-color:var(--accent)}.nav-pad:before,.nav-pad:after{content:"";position:absolute;left:50%;top:50%;background:var(--ink-4);opacity:.35}.nav-pad:before{width:1px;height:52px;transform:translate(-50%,-50%)}.nav-pad:after{width:52px;height:1px;transform:translate(-50%,-50%)}.nav-knob{position:absolute;left:50%;top:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;background:var(--accent);box-shadow:0 1px 4px #0006;pointer-events:none}.nav-zoom{position:relative;width:22px;height:min(190px,34vh);border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 78%,transparent);backdrop-filter:blur(10px);overflow:hidden;cursor:ns-resize;touch-action:none}.nav-zoom-fill{position:absolute;left:0;right:0;bottom:0;height:0;background:color-mix(in srgb,var(--accent) 55%,transparent)}.nav-zoom-knob{position:absolute;left:50%;top:50%;width:14px;height:2px;margin:-1px 0 0 -8px;border-radius:1px;background:var(--ink-4);opacity:.5;pointer-events:none}.stage-nav{flex-direction:column;align-items:flex-start}.gizmo-stand{display:flex;align-items:flex-end;gap:var(--space-2)}.gizmo-stand:not(:has(>.gizmo:not([hidden]))){display:none}.gizmo[hidden]{display:none}.gizmo-bar{display:flex;gap:var(--space-1);padding:var(--space-1);border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 86%,transparent);backdrop-filter:blur(10px)}.gizmo-bar[hidden],.gizmo-btn[hidden]{display:none}.gizmo-btn{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:var(--ink-3);cursor:pointer;touch-action:none}.gizmo-btn:hover{color:var(--ink);background:var(--panel-2)}.gizmo-btn.on{color:var(--accent-text);background:color-mix(in srgb,var(--accent) 18%,transparent)}.gizmo-btn.lifted{position:relative;z-index:1;cursor:grabbing;background:var(--panel-3);box-shadow:0 2px 8px #00000059}.gizmo-fold{order:999;font-size:16px;line-height:1;color:var(--ink-4)}.gizmo-unfold{border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 86%,transparent);backdrop-filter:blur(10px)}@media (pointer: coarse){.gizmo-btn{width:38px;height:38px}}.stage-nav .nav-pad{width:132px;height:132px}.stage-nav .nav-pad:before{height:96px}.stage-nav .nav-pad:after{width:96px}.stage-nav .nav-knob{width:32px;height:32px;margin:-16px 0 0 -16px}.stage-nav .nav-zoom{width:30px;height:min(260px,40vh);border-radius:16px}.gizmo-wet,.gizmo-load,.gizmo-map,.gizmo-cube,.gizmo-brush,.gizmo-stick{display:grid;gap:var(--space-1);justify-items:center;padding:var(--space-1-5);border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 86%,transparent);backdrop-filter:blur(10px)}.gizmo-stick-view{width:174px;height:auto;border-radius:4px}.gizmo-roll{display:flex;align-items:center;gap:var(--space-1-5)}.gizmo-roll-view{width:48px;height:48px;cursor:grab;touch-action:none}.gizmo-stick-acts{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-1);max-width:190px}.gizmo-stick-acts .on{color:var(--accent-text);background:color-mix(in srgb,var(--accent) 16%,transparent)}.gizmo-brush{width:210px;justify-items:stretch}.gizmo-brush-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1-5)}.gizmo-brush-name{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gizmo-size-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-1-5)}.gizmo-size-name{font-size:11px;color:var(--ink-3)}.gizmo-size{position:relative;height:18px;border-radius:10px;overflow:hidden;cursor:ew-resize;touch-action:none;background:color-mix(in srgb,var(--line) 60%,transparent)}.gizmo-size-fill{position:absolute;inset:0 auto 0 0;background:color-mix(in srgb,var(--accent) 55%,transparent)}.gizmo-recent{display:flex;flex-wrap:wrap;gap:var(--space-1)}.gizmo-recent button{font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gizmo-overlay,.gizmo-match{display:grid;gap:var(--space-1);width:210px;padding:var(--space-1-5);border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 86%,transparent);backdrop-filter:blur(10px)}.gizmo-match .gizmo-brush-head{justify-content:flex-start}.gizmo-match .swatch-dot[hidden]{display:none}.gizmo-colour,.gizmo-jar,.gizmo-layer{display:grid;gap:var(--space-1);justify-items:stretch;width:210px;padding:var(--space-1-5);border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 86%,transparent);backdrop-filter:blur(10px)}.gizmo-jar{width:150px;justify-items:center}.gizmo-swatch{height:28px;border-radius:6px;border:1px solid var(--line);display:flex;align-items:center;padding:0 var(--space-2);font:11px var(--mono)}.gizmo-was{display:flex;flex-wrap:wrap;gap:var(--space-1)}.gizmo-was button{width:22px;height:22px;border-radius:6px;border:1px solid var(--line);padding:0}.gizmo-colour .colour-bars{gap:var(--space-0-5)}.gizmo-jar-water{width:64px;height:64px;border-radius:0 0 16px 16px;border:2px solid var(--line);border-top:none;position:relative;overflow:hidden}.gizmo-jar-water>span{position:absolute;inset:18% 0 0}.gizmo-layer-acts{display:flex;flex-wrap:wrap;gap:var(--space-1)}.gizmo-layer-acts .on{color:var(--accent-text);background:color-mix(in srgb,var(--accent) 16%,transparent)}.gizmo-eraser{display:grid;gap:var(--space-1);width:210px;padding:var(--space-1-5);border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 86%,transparent);backdrop-filter:blur(10px)}.gizmo-watercolour{display:grid;grid-template-columns:auto auto;gap:var(--space-1-5);align-items:start;padding:var(--space-1-5);border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 86%,transparent);backdrop-filter:blur(10px)}.gizmo-watercolour .gizmo-part>*{border:none;background:none;backdrop-filter:none;padding:0}.gizmo-watercolour .gizmo-part[data-gizmo-part=mix]{grid-column:1 / -1}.gizmo-watercolour .gizmo-mix{width:auto}.stage-nav.upright{flex-direction:row-reverse;align-items:flex-end;max-height:calc(100% - 20px - var(--dock-h, 0px))}.stage-nav.upright .gizmo-bar{flex-direction:column}.stage-nav.upright .gizmo-stand{flex-direction:column-reverse;align-items:flex-start;max-height:100%;overflow-y:auto;overscroll-behavior:contain}.gizmo-turn{order:998}.gizmo-turn .icon{transition:transform .15s}.stage-nav.upright .gizmo-turn .icon{transform:rotate(-90deg)}.gizmo-map-view{width:132px;height:132px;border-radius:4px;touch-action:none;cursor:crosshair}.gizmo-cube-view{width:100px;height:100px;touch-action:none;cursor:pointer}.gizmo-cube .gizmo-said{min-height:1.4em}.gizmo-wet-map{width:150px;height:auto;image-rendering:pixelated;border-radius:4px}.gizmo-load-tube{position:relative;width:26px;height:110px;border-radius:12px;border:1px solid var(--line);overflow:hidden}.gizmo-load-fill{position:absolute;left:0;right:0;bottom:0;height:100%;background:color-mix(in srgb,var(--accent) 70%,transparent)}.gizmo-said{font:10px var(--mono);color:var(--ink-3)}.gizmo-wash,.gizmo-mixcheck,.gizmo-caliper,.gizmo-symmetry,.gizmo-snap{display:grid;gap:var(--space-1);width:210px;padding:var(--space-1-5);border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 86%,transparent);backdrop-filter:blur(10px)}.gizmo-wash-said{font-size:12px}.gizmo-row{display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.gizmo-wash-mix{font-family:inherit;white-space:normal}.gizmo-wash-list{list-style:none;margin:0;padding:0;max-height:144px;overflow-y:auto;position:relative;border-top:1px solid var(--line)}.gizmo-wash-list button{display:flex;align-items:center;gap:var(--space-1-5);width:100%;min-height:24px;padding:var(--space-0-5) var(--space-1);border:0;border-radius:6px;background:none;color:var(--ink);font:inherit;font-size:11px;text-align:left;cursor:pointer}.gizmo-wash-list button:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}.gizmo-wash-list .here button{background:color-mix(in srgb,var(--accent) 16%,transparent);font-weight:600}.gizmo-wash-list .past button{color:var(--ink-3)}.gizmo-wash-list .past .gizmo-wash-swatch{opacity:.55}.gizmo-wash-list [data-done] .gizmo-wash-row-name{text-decoration:line-through}.gizmo-wash-swatch{flex:none;width:14px;height:14px;border-radius:4px;border:1px solid var(--line)}.gizmo-wash-list .other .gizmo-wash-swatch{background:repeating-linear-gradient(45deg,transparent 0 3px,var(--ink-3) 3px 4px)}.gizmo-wash-n{flex:none;min-width:2ch;font:10px var(--mono);color:var(--ink-3)}.gizmo-wash-row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gizmo-row .gizmo-said{min-width:2ch;text-align:center}.gizmo-wash .on,.gizmo-symmetry .on,.gizmo-snap .on{color:var(--accent-text);background:color-mix(in srgb,var(--accent) 16%,transparent)}.gizmo-symmetry [hidden],.gizmo-snap [hidden]{display:none}.gizmo-caliper .key-list{margin:0}.gizmo-chips{display:flex;justify-content:center;gap:var(--space-2-5)}.gizmo-chip-pair{display:grid;justify-items:center;gap:var(--space-0-5)}.gizmo-chip{width:64px;height:40px;border-radius:6px;border:1px solid var(--line)}.gizmo-chip.empty{background:repeating-linear-gradient(45deg,transparent 0 5px,var(--line) 5px 6px)}.panel-gizmos{display:grid;gap:var(--space-1-5);padding:var(--space-2-5) var(--space-4);border-bottom:1px solid var(--line)}.panel-gizmos[hidden]{display:none}.panel-gizmos-row{display:flex;flex-wrap:wrap;gap:var(--space-1-5)}.gizmo-dials{display:grid;gap:var(--space-1);justify-items:stretch;width:210px;padding:var(--space-1-5);border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 86%,transparent);backdrop-filter:blur(10px)}.gizmo-dials-row{display:flex;align-items:center;gap:var(--space-2)}.gizmo-dials [hidden]{display:none}.gizmo-clip{width:160px;height:22px;justify-self:center;touch-action:none;cursor:ew-resize}.gizmo-tracks{display:grid;gap:var(--space-1-5);padding-top:var(--space-1-5);border-top:1px solid var(--line);min-width:0}.gizmo-track{display:grid;gap:var(--space-0-5);min-width:0}.gizmo-track .gizmo-dials-row{justify-content:space-between;min-width:0}.gizmo-track-strip{flex:1 1 0;min-width:0;width:0;height:16px;touch-action:none;cursor:ew-resize}.gizmo-dial{position:relative;width:44px;height:44px;border-radius:50%;flex:none;touch-action:none;cursor:grab;border:1px solid var(--line);background:color-mix(in srgb,var(--line) 40%,transparent)}.gizmo-dial-pointer{position:absolute;left:calc(50% - 1.5px);top:4px;width:3px;height:18px;border-radius:2px;background:var(--accent);transform-origin:50% 18px}.panel-gizmo{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1) var(--space-2-5);border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink-2);font-size:12px;cursor:pointer}.panel-gizmo:hover{color:var(--ink);border-color:var(--hi)}.panel-gizmo.on{color:var(--accent-text);border-color:var(--accent-soft);background:color-mix(in srgb,var(--accent) 16%,transparent)}.locate-pin{position:absolute;inset:0;pointer-events:none;z-index:4}.locate-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.locate-lines line{stroke:var(--accent);stroke-width:1.5;stroke-dasharray:4 3}.locate-lines circle{fill:none;stroke:var(--accent);stroke-width:2}.locate-words{position:absolute;max-width:280px;font:600 13px/1.35 var(--sans, system-ui);color:var(--ink);background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid var(--accent);padding:var(--space-1-5) var(--space-2-5);border-radius:var(--r-sm)}.stage-hint{position:absolute;bottom:8px;left:50%;transform:translate(-50%);white-space:nowrap;font:11px/1.4 var(--mono);color:var(--ink-4);background:color-mix(in srgb,var(--panel) 78%,transparent);padding:var(--space-1-5) var(--space-2-5);border-radius:var(--r-sm);pointer-events:none}.side{grid-area:side;background:var(--panel);border-left:1px solid var(--line-soft);display:flex;flex-direction:column;min-height:0}.tabs{display:flex;border-bottom:1px solid var(--line-soft);flex:none;padding:0 var(--space-1)}.tab{flex:1;background:none;border:none;border-bottom:2px solid transparent;color:var(--ink-4);padding:var(--space-3) var(--space-1) var(--space-2-5);font-size:12px;font-weight:550;transition:color .12s ease,border-color .12s ease}.tab:hover{color:var(--ink-2)}.tab.active{color:var(--accent-text);border-bottom-color:var(--accent)}.panel-title{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-1-5);padding:0 var(--space-1-5);font-size:12px;font-weight:550;letter-spacing:.01em;overflow:hidden;white-space:nowrap}.panel-title .where{color:var(--ink-4)}.panel-title .sep{color:var(--ink-4);opacity:.7}.panel-title .here{color:var(--accent-text)}.stage-empty{margin:auto;display:grid;justify-items:center;gap:var(--space-2-5);max-width:34ch;text-align:center;color:var(--ink-3)}.stage-empty-acts{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-2)}.stage-empty .glyph{opacity:.35;display:grid;place-items:center}.stage-empty p{margin:0;font-size:13px}.stage-empty .hint{color:var(--ink-4);font-size:12px}.head-step{padding:var(--space-1) var(--space-2);font-size:13px;line-height:1}.head-step+.head-step{margin-left:-1px}.head-nav+.head-step:not(.head-nav){margin-left:var(--space-1-5)}.head-settings,.head-search,.head-mic,.head-panels,.head-theme{padding:var(--space-1) var(--space-2);font-size:13px;line-height:1}.head-panels-anchor{display:flex;flex:none}.head-settings.active{color:var(--accent-text);border-color:var(--accent-soft)}:root[data-theme=light] .head-theme{color:var(--accent-text);border-color:var(--accent-soft)}.panel-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);scroll-padding-block-end:72px}.panel-body>*{flex:0 0 auto}@layer base{:where(h1,h2,h3,h4,h5){margin-block:0}}:where(.rx-panel,.panel-body) h3,.section>h3,.section>.section-head.ruled>h3,.section.fold>summary,.ctrl-group>h4,.panel-gizmos h4{margin:0;font:600 var(--text-xs)/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}:where(.rx-panel,.panel-body) h4,.section>h4{margin:var(--space-1) 0 0;font:600 var(--text-sm)/1.4 var(--sans);letter-spacing:0;text-transform:none;color:var(--ink-2)}.section{display:flex;flex-direction:column;gap:var(--space-2)}.section>*{flex-shrink:0}.rx-panel>*+:is(.section,.ctrl-group){margin-top:var(--space-5)}.section>h3,.section>.section-head.ruled>h3{display:flex;align-items:center;gap:var(--space-2)}.section>h3:after,.section>.section-head.ruled>h3:after{content:"";flex:1;height:1px;background:var(--line-soft)}h3.has-help{display:flex;align-items:center;gap:var(--space-2)}h4.has-help,.help-row{display:flex;align-items:center;gap:var(--space-1-5)}.help-row>.btn{flex:0 1 auto}.has-help>.help-dot{letter-spacing:normal;text-transform:none}.hint{color:var(--ink-4);font-size:12px;line-height:1.5;margin:0}.hint.warn{color:var(--warn-text, #b8863b)}:root[data-hints=off] :is(.panel-body,.rx-panel-body) .hint{display:none}.readout{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--panel-2)}.readout-swatch{height:92px;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-2-5);padding:var(--space-2-5) var(--space-3);font:12px/1 var(--mono);transition:background-color .14s ease}.readout-swatch>div:first-child{min-width:0}.readout-swatch .row{flex:none}.readout-notation{font:600 18px/1 var(--mono);letter-spacing:-.01em}.readout-hex{opacity:.75;font-size:11px;margin-top:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.readout-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.readout-cell{padding:var(--space-2-5) var(--space-2-5);border-right:1px solid var(--line);display:grid;gap:var(--space-1)}.readout-cell:last-child{border-right:none}.readout-cell .k{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-4)}.readout-cell .v{font:600 16px/1 var(--mono);color:var(--ink)}.readout-cell .sub{font-size:11px;color:var(--ink-4)}.chip-compare{display:flex;gap:var(--space-2);align-items:center;padding:var(--space-2-5) var(--space-2-5);border-top:1px solid var(--line)}.chip-compare .pair{display:flex;border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--line)}.chip-compare .pair span{width:30px;height:30px;display:block}.chip-compare .meta{display:grid;gap:var(--space-0-5)}.chip-compare .meta b{font:600 12px/1.2 var(--mono)}.chip-compare .meta small{color:var(--ink-4);font-size:11px}.alts{display:flex;gap:var(--space-1-5);flex-wrap:wrap}.alt{width:46px;border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--line);background:var(--panel-2);padding:0;text-align:center}.alt .sw{height:30px;display:block}.alt .lb{font:10px/1.35 var(--mono);color:var(--ink-3);padding:var(--space-1) 1px}.alt:hover{border-color:var(--hi)}.chart-wrap{overflow-x:auto}.chart{display:grid;gap:var(--space-0-5);min-width:max-content}.chart-cell{width:26px;height:22px;border-radius:4px;border:1px solid transparent;padding:0;position:relative}.chart-cell.empty-cell{background:repeating-linear-gradient(45deg,var(--panel-2) 0 3px,var(--panel) 3px 6px)}.chart-cell.here{border-color:#fff;box-shadow:0 0 0 2px var(--accent);z-index:2}.chart-axis{font:10px/1 var(--mono);color:var(--ink-4);display:grid;place-items:center}.chart-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.chart-head b{font:600 13px/1 var(--mono);color:var(--ink)}.wheel-wrap{display:grid;place-items:center}.harmony-rows{display:grid;gap:var(--space-1);margin-bottom:var(--space-2)}.harmony-row{display:grid;gap:1px;text-align:left;width:100%;padding:var(--space-1-5) var(--space-2);border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--ink);cursor:pointer;font:inherit}.harmony-row small{color:var(--ink-3)}.harmony-row.on{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}canvas.wheel{width:100%;max-width:300px;height:auto}.palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:var(--space-2)}.pal{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:var(--panel-2);padding:0;text-align:left;position:relative}.pal .sw{height:46px;display:block}.pal .lb{padding:var(--space-1) var(--space-1-5) var(--space-1-5);font:10px/1.4 var(--mono);color:var(--ink-3)}.pal:hover{border-color:var(--hi)}.pal .kill{position:absolute;top:3px;right:3px;width:17px;height:17px;border-radius:50%;border:none;background:#0a0a0ab8;color:#fff;font-size:11px;line-height:17px;padding:0;opacity:0;transition:opacity .12s ease}.pal:hover .kill{opacity:1}.pal.reads{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.pal-read{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-0-5)}.pal-read-sw{width:40px;height:34px;flex:none;border-radius:var(--r-sm);border:1px solid var(--line);padding:0}.pal-read-sw.matching{box-shadow:inset 0 0 0 3px #2fe33d}.pal-read-arrow{color:var(--ink-4);font-size:13px}.pal-read-text{display:grid;gap:1px;min-width:0;font-size:12px}.pal-read-text small{font-size:10px;color:var(--ink-4)}.recipe{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-2);overflow:hidden}.recipe+.recipe{margin-top:var(--space-2)}.recipe-top{display:flex;align-items:stretch}.recipe-swatches{display:flex;flex:none}.recipe-swatches .target,.recipe-swatches .got{width:24px}.recipe-main{flex:1;padding:var(--space-2) var(--space-2-5);display:grid;gap:var(--space-2);min-width:0}.recipe-line{display:flex;align-items:center;gap:var(--space-2)}.ratio-track{flex:none;width:52px;height:15px;border-radius:4px;overflow:hidden;display:block;background:repeating-linear-gradient(45deg,var(--panel-3) 0 3px,var(--panel-2) 3px 6px);box-shadow:inset 0 0 0 1px var(--line-soft)}.ratio-fill{display:block;height:100%;border-radius:4px 2px 2px 4px;box-shadow:inset 0 0 0 1px #ffffff24;transition:width .14s ease}.paint-row>.ratio-track{width:52px;height:22px}.recipe-parts{font:600 11px/1 var(--mono);background:var(--panel-3);border-radius:4px;padding:var(--space-1) var(--space-1-5);color:var(--accent-text);flex:none;white-space:nowrap}.recipe-ing{display:grid;gap:1px;min-width:0;flex:1 1 auto}.recipe-ing-top{display:flex;align-items:baseline;gap:var(--space-1-5);min-width:0}.recipe-name{font-size:12px;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipe-brand{font-size:10px;color:var(--ink-4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipe-foot{display:flex;gap:var(--space-1-5) var(--space-2-5);align-items:center;flex-wrap:wrap;padding:var(--space-1-5) var(--space-2-5);border-top:1px solid var(--line-soft);font-size:11px;color:var(--ink-4)}.recipe-foot>span:first-child{white-space:nowrap}.recipe-foot>button{flex:none;margin-left:auto}.recipe-foot .row{flex:1 1 110px;min-width:0}.recipe-foot .row span{white-space:nowrap}.q-great{color:var(--good-text)}.q-good{color:#a9c47f}.q-fair{color:var(--warn-text)}.q-poor{color:var(--bad-text)}.wash-bar{height:5px;border-radius:4px;background:linear-gradient(90deg,#efe9dc,#6b5b3e);position:relative;flex:1 1 40px;min-width:34px}.wash-bar i{position:absolute;top:-3px;width:2px;height:11px;background:var(--accent);border-radius:1px}.brand-group{display:grid;gap:var(--space-1-5)}.brand-head{display:flex;align-items:center;gap:var(--space-2);font-size:11px;font-weight:650;color:var(--ink-2);letter-spacing:.02em}.brand-head .count{font:10px/1 var(--mono);color:var(--ink-4);background:var(--panel-2);border-radius:10px;padding:var(--space-1) var(--space-2)}.paint-row{display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-1-5) var(--space-2);border-radius:var(--r-sm);border:1px solid transparent}.paint-row:hover{background:var(--panel-2);border-color:var(--line-soft)}.paint-row.off{opacity:.42}.paint-sw{width:26px;height:26px;border-radius:6px;border:1px solid rgba(255,255,255,.16);flex:none;position:relative}.paint-sw.calibrated:after{content:"";position:absolute;right:-2px;bottom:-2px;width:7px;height:7px;border-radius:50%;background:var(--good);border:1.5px solid var(--panel)}.paint-meta{flex:1;min-width:0;display:grid;gap:1px}.paint-name{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.paint-sub{font:10px/1.3 var(--mono);color:var(--ink-4)}.paint-tags{display:flex;gap:var(--space-1);flex-wrap:wrap}.tag{font:10px/1 var(--mono);padding:var(--space-0-5) var(--space-1);border-radius:4px;background:var(--panel-3);color:var(--ink-3)}.tag.gran{color:var(--ink-2)}.tag.stain{color:#c98fa8}:root[data-theme=light] .tag.stain{color:#964869}.tag.lf3{color:var(--bad-text)}.tag.low{color:var(--accent-text)}.tag.tox{color:var(--warn-text)}.tag.tox.high{color:var(--bad-text);font-weight:600}.paint-actions .icon-btn.on{color:var(--accent-text)}.paint-buy{justify-self:start;font-size:10px;color:var(--accent-text);text-decoration:none}.paint-buy:hover{text-decoration:underline}.tag.warn{color:var(--warn-text)}.tag-more{border:1px solid var(--line);cursor:pointer}.tag-more:hover{color:var(--ink);border-color:var(--hi)}.tag-more.open{color:var(--ink);border-color:var(--accent)}.paint-actions{display:flex;gap:var(--space-0-5);flex:none}.strip{grid-area:strip;background:var(--panel);border-top:1px solid var(--line-soft);display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-2-5);padding:var(--space-2) var(--space-3) var(--space-2);overflow:hidden}.strip-main{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;gap:var(--space-1)}.strip-row{display:flex;align-items:center;gap:var(--space-2-5);min-width:0;overflow-x:auto;overflow-y:hidden}.strip-sides{flex:none;display:flex;flex-direction:column;justify-content:center;gap:var(--space-1);padding-right:var(--space-2-5);border-right:1px solid var(--line-soft)}.strip-side{display:flex;align-items:center;gap:var(--space-1-5);width:112px;padding:var(--space-1-5) var(--space-2);border:1px solid transparent;border-radius:var(--r-sm);background:transparent;color:var(--ink-3);font-size:12px;text-align:left;transition:color .12s ease,background .12s ease,border-color .12s ease}.strip-side:hover{color:var(--ink);border-color:var(--line)}.strip-side.on{color:var(--accent-text);border-color:var(--accent);background:var(--bg-sunk)}.strip-side .icon{width:14px;height:14px;flex:none}.strip-side-name{flex:1 1 auto}.strip-side-count{flex:none;color:var(--ink-4);font-size:10px;font-variant-numeric:tabular-nums}.strip-side.on .strip-side-count{color:var(--accent-text)}.strip-trail{display:flex;align-items:center;gap:var(--space-1);min-width:0;height:20px;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.crumb{flex:none;padding:var(--space-0-5) var(--space-1-5);border:1px solid transparent;border-radius:var(--r-sm);background:transparent;color:var(--ink-3);font-size:11px;transition:color .12s ease,border-color .12s ease}.crumb:hover{color:var(--ink);border-color:var(--line)}.crumb.here{color:var(--ink);cursor:default}.crumb.taking{border-color:var(--accent);color:var(--accent-text)}.crumb-sep{color:var(--ink-4);font-size:11px}.crumb-note{color:var(--ink-4);font-size:11px;padding-left:var(--space-1)}.strip-add{flex:none;width:96px;height:70px;border:1.5px dashed var(--line);border-radius:var(--r-md);background:transparent;color:var(--ink-4);display:grid;place-items:center;gap:var(--space-0-5);font-size:11px;transition:border-color .12s ease,color .12s ease}.strip-add:hover{border-color:var(--hi);color:var(--hi-text)}.strip-add.camera{border-style:solid}.strip-add.camera .icon{width:15px;height:15px}.strip-add.camera.on{border-color:var(--accent);color:var(--accent-text)}.strip-add .glyph{font-size:18px}.thumb{flex:none;position:relative;width:96px;height:70px;border-radius:var(--r-md);overflow:hidden;border:2px solid transparent;background:var(--bg-sunk);padding:0;touch-action:pan-x}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb.active{border-color:var(--accent)}.thumb .kill{position:absolute;top:3px;right:3px;width:19px;height:19px;border-radius:50%;border:none;background:#0a0a0ac7;color:#fff;font-size:12px;line-height:19px;padding:0;opacity:0;transition:opacity .12s ease}.thumb:hover .kill{opacity:1}.thumb .cap{position:absolute;left:0;right:0;bottom:0;padding:var(--space-2-5) var(--space-1-5) var(--space-1);background:linear-gradient(transparent,#0a0906e6);font-size:10px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.thumb-made{position:absolute;left:3px;top:3px;padding:1px var(--space-1-5);border-radius:var(--r-sm);background:#0a0a0ab8;color:var(--ink-2);font-size:10px;max-width:calc(100% - 28px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strip-empty{color:var(--ink-4);font-size:12px;padding-left:var(--space-1)}.folder-tile{flex:none;position:relative;width:96px;height:70px;border-radius:var(--r-md);border:1.5px solid var(--line);background:var(--bg-sunk);overflow:hidden;touch-action:pan-x}.folder-tile.taking{border-color:var(--accent);background:var(--panel-2)}.folder-face{width:100%;height:100%;border:none;background:transparent;color:var(--ink-3);display:grid;place-items:center;gap:1px;padding:0 0 var(--space-3)}.folder-tile:hover .folder-face{color:var(--hi-text)}.folder-face .icon{width:22px;height:22px}.folder-count{font-size:10px;color:var(--ink-4);font-variant-numeric:tabular-nums}.folder-tile .cap{position:absolute;left:0;right:0;bottom:0;padding:var(--space-1) var(--space-1-5);background:var(--panel-2);font-size:10px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.folder-tile input.cap{border:1px solid var(--accent);border-radius:0;color:var(--ink);width:100%}.folder-acts{position:absolute;top:2px;right:2px;display:flex;gap:1px;opacity:0;transition:opacity .12s ease}.folder-tile:hover .folder-acts,.folder-tile:focus-within .folder-acts{opacity:1}@media (hover: none){.folder-acts,.thumb .kill{opacity:1}}.folder-acts .icon-btn{width:18px;height:18px;border-radius:50%;border:none;background:#0a0a0ac7;color:#fff;font-size:11px;line-height:18px;padding:0;display:grid;place-items:center}.folder-acts .icon{width:12px;height:12px}.folder-acts .icon-btn:hover{background:var(--accent)}.thumb.taking{border-color:var(--accent)}.thumb-ghost{position:fixed;left:0;top:0;width:84px;height:62px;object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--accent);box-shadow:0 10px 26px #00000073;opacity:.85;pointer-events:none;z-index:60}.thumb-ghost.as-folder{width:auto;height:auto;padding:var(--space-1-5) var(--space-2-5);background:var(--panel-2);color:var(--ink);font-size:12px;white-space:nowrap}.slider,.slider-label,.slider-value,.toggle,.seg,.chip,.kan-card,.tool-chip,.family-chip,.rail-btn,.help-dot{-webkit-user-select:none;user-select:none}.slider{display:grid;gap:var(--space-1-5);position:relative}.slider-label{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-3)}.slider-name{display:inline-flex;align-items:center;gap:var(--space-1-5);min-width:0}.slider-value{font:11px/1 var(--mono);color:var(--accent-text)}.slider-name label,.slider-value{cursor:ew-resize;touch-action:pan-y}.slider-value:focus-visible{outline:1px solid var(--hi);outline-offset:2px;border-radius:2px}.slider-type{width:7ch;font:11px/1 var(--mono);text-align:right;padding:var(--space-0-5) var(--space-1);border:1px solid var(--accent);border-radius:var(--r-sm);background:var(--panel);color:var(--ink);pointer-events:auto}.slider-menu{position:absolute;right:0;top:100%;z-index:20;display:grid;gap:var(--space-0-5);padding:var(--space-1);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:0 6px 18px #00000040}@layer base{input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:22px;padding:0;background:linear-gradient(var(--panel-3),var(--panel-3)) center / 100% 3px no-repeat;outline:none;touch-action:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--accent);border:2px solid var(--panel);cursor:pointer}input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--accent);border:2px solid var(--panel);cursor:pointer;border:none}}.slider.big{position:relative;gap:0;padding-right:var(--space-6)}.slider.big .slider-label{position:absolute;left:0;right:22px;top:0;height:var(--drag-bar);align-items:center;padding:0 var(--space-3);font-size:12px;color:var(--ink-2);pointer-events:none;z-index:4}.slider.big .slider-name label,.slider.big .slider-value{pointer-events:auto}.slider.big .help-dot{position:absolute;right:-21px;top:50%;margin-top:-8px;pointer-events:auto}.slider.big .slider-value{font-size:12px;color:var(--ink)}.slider.big input[type=range]{height:var(--drag-bar);border-radius:var(--r-md);border:1px solid var(--line);background:linear-gradient(to right,var(--accent-soft) 0 var(--at, 0%),var(--panel-2) var(--at, 0%) 100%)}.slider.big input[type=range]:hover{border-color:var(--hi)}.slider.big input[type=range]::-webkit-slider-thumb{width:13px;height:26px;border-radius:4px;border:2px solid var(--panel)}.slider.big input[type=range]::-moz-range-thumb{width:13px;height:26px;border-radius:4px;border:none}.toggle{display:flex;align-items:center;gap:var(--space-2);font-size:12px;color:var(--ink-2);cursor:pointer}.toggle input{accent-color:var(--accent);width:14px;height:14px}.toggle label{cursor:pointer}.help-dot{position:relative;flex:none;width:14px;height:14px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--panel-2);color:var(--ink-3);font:700 10px/1 var(--sans);cursor:pointer;touch-action:manipulation;transition:background .12s ease,color .12s ease,border-color .12s ease}.help-dot:after{content:"";position:absolute;inset:min(-10px,(100% - var(--least-target)) / 2)}.help-dot:hover{border-color:var(--hi);color:var(--hi-text)}.help-dot[aria-expanded=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.help-dot:focus-visible{outline:1px solid var(--hi);outline-offset:2px}.help-bubble{position:fixed;z-index:420;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-2-5) var(--space-3);border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);box-shadow:0 12px 32px #0006;color:var(--ink-2);font-size:12px;line-height:1.5}.help-bubble .help-what{margin:0}.help-bubble .help-said{display:flex;gap:var(--space-1-5);align-items:baseline;margin:var(--space-2) 0 0;padding-top:var(--space-2);border-top:1px solid var(--line);color:var(--ink-3)}.help-bubble .help-said .icon{flex:none;transform:translateY(2px)}.blend-row,.variant-row,.segmented{display:flex;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--space-0-5);gap:var(--space-0-5)}.seg{flex:1;border:none;background:transparent;color:var(--ink-3);padding:var(--space-1-5) var(--space-1-5);border-radius:6px;font-size:12px;white-space:nowrap;transition:background .12s ease,color .12s ease}.seg:hover{color:var(--ink)}.seg.active{background:var(--panel-3);color:var(--accent-text);font-weight:600}.field{display:grid;gap:var(--space-1-5)}.field>span{font-size:12px;color:var(--ink-3)}.field-name{display:flex;align-items:center;gap:var(--space-1-5);min-width:0}.field-name>label,.field-name>span{font-size:12px;color:var(--ink-3)}.field-name>label{cursor:pointer}@layer base{input[type=text],input[type=search],input[type=number],input[type=date],input[type=datetime-local],input[type=month],input[type=week],input[type=time],input[type=email],input[type=tel],input[type=url],input[type=password],input:not([type]),select,textarea{background:var(--bg-sunk);border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--space-1-5) var(--space-2-5);color:var(--ink);width:100%}}.pal-lib{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-2)}.pal-lib-row{display:flex;align-items:stretch;gap:var(--space-1)}.pal-lib-pick{flex:1 1 auto;min-width:0;display:grid;gap:var(--space-1);padding:var(--space-1-5) var(--space-1-5);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel);text-align:left;cursor:pointer}.pal-lib-pick:hover{background:var(--panel-2);border-color:var(--hi)}.pal-lib-strip{display:flex;height:16px;border-radius:4px;overflow:hidden}.pal-lib-strip>span{flex:1 1 0;min-width:0}.pal-lib-label{font:11px/1.2 var(--mono);color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pal-lib-count{color:var(--ink-4)}.pal-lib-name{flex:1 1 auto;min-width:0}.colour-bars{display:flex;flex-direction:column;gap:var(--space-1-5)}.colour-bar{display:grid;grid-template-columns:52px minmax(0,1fr) 38px;align-items:center;gap:var(--space-2)}.colour-bar-label{font:11px/1.2 var(--mono);color:var(--ink-3)}.colour-bar-value{font:11px/1.2 var(--mono);color:var(--ink-4);text-align:right;font-variant-numeric:tabular-nums}.colour-bar-track{position:relative;height:var(--drag-bar);border-radius:var(--r-md);border:1px solid var(--line);cursor:ew-resize;touch-action:none}.colour-bar-edge{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}.colour-bar-past{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(45deg,transparent 0 3px,var(--panel) 3px 5px);opacity:.85}.colour-bar-track:focus-visible{outline:2px solid var(--hi);outline-offset:1px}.colour-bar-knob{position:absolute;top:50%;width:13px;height:26px;margin:-12px 0 0 -6px;border-radius:4px;border:2px solid var(--panel);box-shadow:0 0 0 1px var(--ink-4),0 1px 3px #0006;pointer-events:none}.colour-field{display:flex;flex-direction:column;gap:var(--space-2)}.colour-field-plate{position:relative;aspect-ratio:4 / 3;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;cursor:crosshair;touch-action:none;background:repeating-linear-gradient(45deg,transparent 0 3px,var(--panel) 3px 5px),var(--bg-sunk)}.colour-field-plate:focus-visible{outline:2px solid var(--hi);outline-offset:1px}.colour-field-page{display:block;width:100%;height:100%}.colour-field-mark{position:absolute;width:14px;height:14px;margin:-8px 0 0 -8px;border-radius:50%;border:2px solid var(--panel);box-shadow:0 0 0 1px var(--ink-4),0 1px 3px #0006;pointer-events:none}.colour-field-row{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:var(--space-2)}.colour-field-hue:focus-visible{outline:2px solid var(--hi);outline-offset:1px}.masstone-well{display:block;height:28px;border:1px solid var(--line);border-radius:var(--r-sm)}.colour-was{display:flex;align-items:stretch;height:28px;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}.colour-was>button{flex:1;border:none;padding:0;cursor:pointer;font:10px/1 var(--mono);color:var(--ink-4);text-align:left;padding-left:var(--space-1-5)}.colour-was>span{flex:1;border-left:1px solid var(--line)}@layer base{input[type=color]{width:100%;height:32px;padding:var(--space-0-5);background:var(--bg-sunk);border:1px solid var(--line);border-radius:var(--r-sm)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-soft)}:is(input[type=checkbox],input[type=radio],input[type=color],select):focus-visible{outline:2px solid var(--hi);outline-offset:2px}@media (hover: hover){:where(button,a[href],summary,select,label:has(input[type=checkbox],input[type=radio]),input[type=checkbox],input[type=radio],input[type=color],input[type=file],[role=button],[role=tab],[role=menuitem],[role=option],[role=switch],[role=link],[data-choose],.dv-tab):where(:not(:disabled,[aria-disabled=true],[data-disabled],:has(:is(button,a[href],[role=button]):hover))):hover{outline:1px solid var(--hi);outline-offset:-1px}}:focus-visible{outline:2px solid var(--hi);outline-offset:-2px}}.row{display:flex;gap:var(--space-2);align-items:center}.chip-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1-5)}.grow{flex:1}.note{font-size:11px;line-height:1.55;color:var(--ink-4);background:var(--panel-2);border-left:2px solid var(--accent-soft);padding:var(--space-2) var(--space-2-5);border-radius:0 var(--r-sm) var(--r-sm) 0}.samples{display:grid;gap:var(--space-1-5)}.sample-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-1-5);border-radius:var(--r-sm);border:1px solid var(--line-soft);background:var(--panel-2)}.sample-row .sw{width:24px;height:24px;border-radius:4px;flex:none;border:1px solid rgba(255,255,255,.14)}.sample-row .n{flex:1;font:11px/1.3 var(--mono)}.sample-row .idx{font:10px/1 var(--mono);color:var(--ink-4);width:14px}@media (max-width: 1180px){:root{--panel-w: 330px}}#app.lay-below{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--head-h) var(--work-h) auto minmax(180px,1fr) min(var(--side-h),42vh) var(--strip-h);grid-template-areas:"head" "work" "rail" "stage" "side" "strip"}#app.lay-below .rail{flex-direction:row;align-items:center;border-right:none;border-bottom:1px solid var(--line-soft);padding:var(--space-1-5) var(--space-2)}#app.lay-below .rail-sep{width:1px;height:auto;margin:var(--space-1) var(--space-1)}#app.lay-below .rail{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}#app.lay-below .rail::-webkit-scrollbar{height:0}#app.lay-below .rail-btn{padding:var(--space-1-5) var(--space-2-5);grid-auto-flow:column;align-items:center;gap:var(--space-1-5)}#app.lay-below .rail-btn .glyph{font-size:14px}#app.lay-below .rail-btn .icon{width:15px;height:15px}#app.lay-below .side{border-left:none;border-top:1px solid var(--line-soft);height:auto}#app.lay-below .side-grip{inset:-3px 0 auto;width:auto;height:7px;cursor:row-resize}#app.lay-below.no-side{grid-template-rows:var(--head-h) var(--work-h) auto minmax(0,1fr) 0 var(--strip-h)}#app.lay-below.no-strip{grid-template-rows:var(--head-h) var(--work-h) auto minmax(0,1fr) min(var(--side-h),46vh) 0}#app.lay-below.no-side.no-strip{grid-template-rows:var(--head-h) var(--work-h) auto minmax(0,1fr) 0 0}#app.lay-below.tracing{grid-template-rows:0 0 auto minmax(0,1fr) 0 var(--strip-h)}#app.lay-below.tracing.no-strip,#app.lay-below.tracing.locked{grid-template-rows:0 0 auto minmax(0,1fr) 0 0}#app.lay-below .unfold{top:auto;bottom:12px;transform:none;height:34px;width:46px}#app.lay-below .unfold.named{width:auto;min-height:0;flex-direction:row;padding:0 var(--space-2-5)}#app.lay-below .unfold.named .unfold-name{writing-mode:horizontal-tb;transform:none}body.resizing-rows{cursor:row-resize;-webkit-user-select:none;user-select:none}body.resizing-rows *{pointer-events:none}@media (max-width: 960px){:root{--head-h: round(calc(44px * var(--ui)), 1px)}.stage-hint{display:none}}@media (max-width: 759px){:root{--head-h: round(calc(40px * var(--ui)), 1px);--strip-h: round(calc(86px * var(--ui)), 1px);--work-h: round(calc(36px * var(--ui)), 1px)}#app.lay-below{grid-template-rows:var(--head-h) var(--work-h) auto minmax(200px,1fr) min(var(--side-h),38vh) var(--strip-h)}#app.lay-below.no-strip{grid-template-rows:var(--head-h) var(--work-h) auto minmax(200px,1fr) min(var(--side-h),42vh) 0}#app.lay-below .rail-btn{padding:var(--space-1-5) var(--space-2);font-size:11px}.panel-body{padding:var(--space-2-5) var(--space-2-5);gap:var(--space-2-5)}.section{gap:var(--space-1-5)}.hint,.note{font-size:11px;line-height:1.45}.tab{padding:var(--space-2) var(--space-2);font-size:12px}.strip-add,.folder-tile,.thumb{width:64px;height:46px}.strip-sides{padding-right:var(--space-2)}.strip-side{width:auto;padding:var(--space-1-5) var(--space-1-5)}.strip-side-name{display:none}}@media (max-width: 560px){.head{gap:var(--space-0-5);padding:0 var(--space-2)}.head>.brand{flex:none;margin:0 var(--space-1)}.head .head-step,.head .head-theme,.head .head-search,.head .head-mic,.head .head-panels{padding:var(--space-1) var(--space-1-5)}.brand small{display:none}.brand span:not(.brand-mark):not(.brand-version){display:none}.head-crumb{max-width:14ch;min-width:0;flex:0 1 auto}.crumb-size,.crumb-sep,.crumb-project,.crumb-client,.head-status{display:none}.head .btn{flex:none;padding:var(--space-1-5) var(--space-2-5)}}.head{min-width:0;overflow:hidden}.head>*{min-width:0}.stage-dock{position:absolute;left:0;right:0;bottom:0;z-index:14;background:color-mix(in srgb,var(--panel) 95%,transparent);backdrop-filter:blur(14px);border-top:1px solid var(--line);box-shadow:0 -8px 24px #00000059}.stage-dock[hidden]{display:none}.dock-toggle{position:absolute;top:-21px;left:14px;width:42px;height:21px;padding:0;border:1px solid var(--line);border-bottom:0;border-radius:var(--r-md) var(--r-md) 0 0;background:color-mix(in srgb,var(--panel) 95%,transparent);color:var(--ink-3);font-size:11px;line-height:1;cursor:pointer}.dock-toggle:hover{color:var(--hi-text)}.stage-controls{display:flex;align-items:flex-start;gap:var(--space-1-5) var(--space-6);padding:var(--space-2-5) var(--space-4);flex-wrap:wrap;max-height:34vh;overflow-y:auto;overscroll-behavior:contain}.stage-dock.closed .stage-controls{display:none}.stage-controls:empty{display:none}.stage-controls>*{flex:0 1 auto;min-width:0}.stage-controls .ctrl-body{min-width:0}.stage-controls .slider{width:168px;max-width:100%;gap:var(--space-1)}.stage-controls .slider-label{font-size:11px;letter-spacing:.02em}.stage-controls .toggle{align-self:end;padding-bottom:var(--space-1)}.stage-controls .toggle{white-space:nowrap}@media (max-width: 960px){.stage-controls{gap:var(--space-1-5) var(--space-4);padding:var(--space-2) var(--space-3);max-height:30vh}.stage-controls .slider{width:132px}.dock-toggle{left:auto;right:14px}}.tool-rail{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:var(--space-0-5);padding:var(--space-1-5) var(--space-1);flex-wrap:wrap-reverse;align-content:flex-start;max-height:calc(100% - 20px);background:color-mix(in srgb,var(--panel) 90%,transparent);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:20px;box-shadow:0 6px 22px color-mix(in srgb,var(--bg-sunk) 65%,transparent);z-index:4}.tool-btn{width:30px;height:30px;display:grid;place-items:center;line-height:0;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--ink-3);font-size:14px;line-height:1;transition:background .12s ease,color .12s ease}.tool-btn:hover{background:var(--panel-3);color:var(--ink)}.tool-btn:disabled{opacity:.32;cursor:default}.tool-btn:disabled:hover{background:transparent;color:var(--ink-3)}.tool-btn.active{color:var(--accent-text);background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:var(--accent-soft)}.tool-btn[data-gauge]{background-image:linear-gradient(var(--accent),var(--accent)),linear-gradient(var(--line),var(--line));background-size:calc(var(--load, 1) * 18px) 2px,18px 2px;background-position:5px calc(100% - 3px),5px calc(100% - 3px);background-repeat:no-repeat}.load-row{align-items:center;gap:var(--space-2)}.load-gauge{position:relative;flex:1 1 80px;min-width:60px;height:8px;border-radius:4px;border:1px solid var(--line);background:var(--panel-3);overflow:hidden}.load-fill{position:absolute;inset:0 auto 0 0;width:calc(var(--load, 1) * 100%);background:var(--accent)}.load-text{font-size:12px;color:var(--ink-3);min-width:4.5em}.tool-btn.stacked{position:relative}.tool-btn.stacked:after{content:"";position:absolute;right:3px;bottom:3px;width:0;height:0;border-left:4px solid transparent;border-bottom:4px solid currentColor;opacity:.55}.tool-btn.stacked:hover:after{opacity:.9}.tool-flyout{position:absolute;right:calc(100% + 6px);display:flex;align-items:center;gap:var(--space-0-5);padding:var(--space-1);background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:20px;box-shadow:0 6px 22px color-mix(in srgb,var(--bg-sunk) 70%,transparent);z-index:6;animation:fade-in .12s ease}.tool-flyout .tool-btn.on-top{border-color:var(--line);background:var(--panel-3);color:var(--ink)}.tool-flyout .tool-btn.active{color:var(--accent-text);border-color:var(--accent-soft)}@media (max-width: 960px){.tool-rail{right:6px;top:auto;bottom:max(52px,calc(var(--dock-h, 0px) + 30px));transform:none;max-height:calc(100% - max(52px,calc(var(--dock-h, 0px) + 30px)) - 10px)}}.compare-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1-5)}.compare-card{border:1px solid var(--line);border-radius:var(--r-md);min-height:84px;padding:var(--space-2-5);display:grid;align-content:center;justify-items:center;gap:var(--space-1);text-align:center;transition:transform .12s ease}button.compare-card{cursor:pointer}button.compare-card:hover{transform:translateY(-1px);border-color:var(--hi)}.compare-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;opacity:.72}.compare-sub{font:600 13px/1.2 var(--mono)}.swatch-dot{width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.35);display:inline-block}.value-scale{display:grid;grid-template-columns:repeat(11,1fr);gap:var(--space-0-5)}.value-step{border:1px solid transparent;border-radius:4px;height:34px;padding:0;font:600 10px/1 var(--mono);display:grid;place-items:center;transition:transform .11s ease}.value-step:hover{transform:translateY(-2px)}.value-step.here{box-shadow:inset 0 0 0 2px var(--accent)}.value-step.matching{border-color:#ff2f2f;box-shadow:0 0 0 2px #ff2f2f8c}.chart-cell.chosen{border-color:#ff2f2f;box-shadow:0 0 0 2px #ff2f2fbf;z-index:3}.glaze-row{display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-1-5) var(--space-2);border-radius:var(--r-md);border:1px solid var(--line-soft);background:var(--panel-2)}.glaze-row+.glaze-row{margin-top:var(--space-1-5)}.glaze-row.current{border-color:var(--accent);background:var(--panel-3)}.glaze-swatch{width:34px;height:34px;flex:none;border-radius:8px;border:1px solid rgba(255,255,255,.18);font:600 11px/1 var(--mono);display:grid;place-items:center;padding:0}.glaze-meta{flex:1;min-width:0;display:grid;gap:var(--space-0-5)}.glaze-name{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.glaze-sub{font:10px/1.3 var(--mono);color:var(--ink-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.glaze-editor{display:grid;gap:var(--space-2-5);padding:var(--space-2-5);margin-top:var(--space-1-5);border-radius:var(--r-md);border:1px solid var(--line);background:var(--bg-sunk)}.glaze-more{display:grid;gap:var(--space-2);margin:var(--space-1) 0 var(--space-1-5) var(--space-5);padding:var(--space-2) var(--space-2-5);border-radius:var(--r-md);border:1px solid var(--line-soft);border-left:2px solid var(--line);background:var(--bg-sunk)}.glaze-more[hidden]{display:none}.glaze-recipe{margin:0;font-size:12px;line-height:1.35}.glaze-bar{display:flex;gap:1px;height:7px;border-radius:4px;overflow:hidden;border:1px solid var(--line);background:var(--bg-sunk)}.glaze-bar-part{display:block;min-width:2px}.plan-accuracy{display:flex;gap:1px;height:9px;margin:var(--space-1) 0 var(--space-1-5);border-radius:4px;overflow:hidden;border:1px solid var(--line)}.plan-accuracy-part{display:block;min-width:2px;flex-basis:0}.plan-accuracy-part.close{background:var(--good)}.plan-accuracy-part.near{background:color-mix(in srgb,var(--good) 50%,transparent)}.plan-accuracy-part.off{background:var(--warn)}.plan-accuracy-part.far{background:var(--bad)}.plan-ladder,.plan-advice{margin-top:var(--space-1-5)}.plan-rung{align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.plan-rung-name{font-weight:600;min-width:5.5em}.plan-rung-sub{color:var(--ink-3);flex:1;font-size:.92em}.plan-rung.current .plan-rung-name{color:var(--accent-text)}.glaze-swatch.wetdry{border-color:#ffffff47}.glaze-wetdry{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1-5)}.glaze-wetdry .hint{grid-column:1 / -1;margin:0}.glaze-look{display:flex;align-items:center;gap:var(--space-1-5);min-width:0}.glaze-look-sw{width:26px;height:24px;flex:none;border-radius:4px;border:1px solid var(--line)}.glaze-look-text{display:grid;gap:0;min-width:0;font-size:12px}.glaze-look-text small{font:10px/1.3 var(--mono);color:var(--ink-4)}.glaze-mix{display:grid;gap:var(--space-0-5)}.glaze-mix-row{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:var(--space-2)}.glaze-mix-sw{height:15px;border-radius:4px;border:1px solid var(--line)}.glaze-mix-name{display:grid;gap:0;min-width:0;font-size:12px}.glaze-mix-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.glaze-mix-share{font:11px/1 var(--mono);color:var(--ink-4);white-space:nowrap}.glaze-facts{display:flex;flex-wrap:wrap;gap:var(--space-1)}.glaze-fact{font:10px/1.5 var(--mono);color:var(--ink-3);padding:1px var(--space-1-5);border-radius:999px;border:1px solid var(--line-soft)}.glaze-more .hint{margin:0}.swap-box{display:grid;gap:var(--space-1-5)}.swap-shelf{display:flex;flex-wrap:wrap;gap:var(--space-1)}.swap-chip{width:30px;height:22px;padding:0;border-radius:4px;border:1px solid var(--line);cursor:pointer}.swap-chip:hover{border-color:var(--hi)}.ctl-group{display:grid;gap:var(--space-1)}.ctl-label{font-size:11px;color:var(--ink-3)}.stage-controls .ctl-group{width:190px}.stage-controls .ctrl-group+.ctrl-group{margin:0;padding:0 0 0 var(--space-6);border-top:0;border-left:1px solid var(--line-soft)}.stage-controls .ctrl-body{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-1-5) var(--space-5)}.stage-controls .segmented{padding:1px}.stage-controls .seg{padding:var(--space-1) var(--space-1-5);font-size:11px}.size-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.size-field{display:grid;gap:var(--space-1)}.size-field>span{font-size:11px;color:var(--ink-3)}.size-field input{width:100%}.choose-list{display:grid;gap:var(--space-1);max-height:44vh;overflow-y:auto}.choose-one{text-align:left;justify-content:flex-start}.ask.choose{width:min(440px,92vw)}.choose-search{box-sizing:border-box;margin-bottom:var(--space-1-5)}.choose-one{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.choose-name{font-weight:500}.choose-sub{font-size:12px;color:var(--ink-4)}.choose-group{margin:var(--space-2) var(--space-0-5) 0;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-4)}.choose-group:first-child{margin-top:0}.choose-row{display:flex;align-items:center;gap:var(--space-1-5)}.choose-row>.choose-one{flex:1;min-width:0}.choose-link{flex:none;font-size:12px;color:var(--accent-text);padding:var(--space-1) var(--space-1-5);white-space:nowrap}.choose-one.on{outline:1px solid var(--accent)}.choose-one.on .choose-name:after{content:" ✓";color:var(--accent-text)}.choose-one.marked{flex-direction:row;align-items:center;gap:var(--space-2-5)}.choose-said{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0}.choose-said .choose-name,.choose-said .choose-sub{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.choose-mark{flex:none;width:46px;height:30px;border-radius:4px;overflow:hidden;border:1px solid var(--line);background:var(--bg-2);display:flex;align-items:center;justify-content:center}.choose-mark img,.choose-mark canvas{width:100%;height:100%;object-fit:cover;display:block}.choose-mark.strip{display:flex}.choose-mark.strip span{flex:1;align-self:stretch}.choose-mark .glyph{font-size:16px;color:var(--ink-4)}.picker-btn{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;text-align:left;min-width:0}.picker-btn .picker-name{font-weight:500}.picker-btn .picker-sub{font-size:12px;color:var(--ink-4)}.picker-btn .picker-name,.picker-btn .picker-sub{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brush-pick-row{margin-top:var(--space-1-5)}.choose-crumbs{margin:0 0 var(--space-1-5);font-size:12px;color:var(--ink-4)}.brush-mark{display:block;background:var(--ink-3)}.size-mark{display:block;box-sizing:border-box;background:var(--panel-2);border:1px solid var(--ink-3)}.choose-mark.tooth{background-color:var(--bg-2)}.board-mark{display:block;width:100%;height:100%}.frame-mark{display:block;box-sizing:border-box;width:100%;height:100%;border-style:solid;background:#fbf9f4}.choose-mark.tooth.smooth{background-image:repeating-linear-gradient(45deg,var(--line) 0 1px,transparent 1px 7px)}.choose-mark.tooth.medium{background-image:repeating-linear-gradient(45deg,var(--line) 0 2px,transparent 2px 5px)}.choose-mark.tooth.rough{background-image:repeating-linear-gradient(45deg,var(--line) 0 3px,transparent 3px 4px)}.choose-mark.glyph-mark{background:none;border-style:dashed}.choose-mark.pose{height:54px;background:none;border:none;border-radius:0}.choose-mark.pose canvas{object-fit:contain}.choose-mark.outline{background:none}.choose-mark.outline img{object-fit:contain}.ask.choose.over{outline:2px dashed var(--accent);outline-offset:3px}.ask.choose.busy{opacity:.6;pointer-events:none}.kit-list{display:grid;gap:var(--space-1)}.kit-row{display:grid;grid-template-columns:16px 26px minmax(0,1fr) auto;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-1);border-radius:var(--r-sm)}.kit-row.kit-can{grid-template-columns:26px minmax(0,1fr) auto}.kit-well{font:11px/1 var(--mono);color:var(--ink-4);text-align:right}.kit-strip{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-0-5)}.kit-place{flex:1 1 26px;min-width:26px;max-width:56px;height:26px;border-radius:4px;border:1px solid var(--line);display:grid;place-items:center;font:10px/1 var(--mono)}.kit-hand{margin:0;font-size:11px;color:var(--ink-4)}.kit-pick{grid-template-columns:18px 26px minmax(0,1fr) auto;cursor:pointer}.kit-pick input{margin:0}.kit-pick.off{opacity:.5}.kit-pick:hover{background:var(--panel-3)}.kit-count.in-kit{color:var(--accent-text)}.kit-read{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-0-5)}.kit-row.on-colour{box-shadow:inset 0 0 0 1px var(--accent)}.kit-place.on-colour{box-shadow:0 0 0 2px var(--accent);border-color:var(--accent)}.kit-acts{display:grid;gap:var(--space-2);margin-top:var(--space-2)}.kit-row:nth-child(odd){background:var(--bg-sunk)}.kit-swatch{width:26px;height:20px;border-radius:4px;border:1px solid var(--line)}.kit-name{display:grid;gap:0;min-width:0;font-size:12px}.kit-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-brand{font-size:10px;color:var(--ink-4)}.kit-count{font:11px/1 var(--mono);color:var(--ink-4);white-space:nowrap}.clip-strip{display:block;width:100%;height:44px;border-radius:var(--r-sm);background:var(--bg-sunk);border:1px solid var(--line);cursor:pointer;touch-action:none}.pose-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:var(--space-1-5)}.pose-tile{display:grid;justify-items:center;gap:var(--space-0-5);padding:var(--space-1) var(--space-0-5) var(--space-1-5);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg-sunk);color:var(--ink-3);cursor:pointer;transition:border-color .12s ease,background .12s ease}.pose-tile:hover{background:var(--panel-2);color:var(--ink)}.pose-tile.on{border-color:var(--accent);color:var(--accent-text);background:var(--panel-2)}.pose-draw{display:block;width:100%;height:auto;max-width:72px}.pose-name{font-size:10px;line-height:1.2;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.rig-inks{display:flex;gap:var(--space-1-5);flex-wrap:wrap}.rig-ink{width:22px;height:22px;padding:0;border-radius:50%;border:1px solid var(--line);background:var(--chip);cursor:pointer;outline:2px solid transparent;outline-offset:2px;transition:outline-color .12s ease}.rig-ink.on{outline-color:var(--accent)}.joint-turn{float:right;font:600 10px var(--mono);color:var(--ink-4)}.joint-turn.on{color:var(--accent-text)}.hv-chart{display:grid;gap:var(--space-0-5);align-items:center}.hv-head{font:600 10px/1 var(--mono);border-radius:4px 4px 0 0;padding:var(--space-1-5) var(--space-0-5);text-align:center;overflow:hidden}.hv-axis{font:10px/1 var(--mono);color:var(--ink-4);text-align:right;padding-right:var(--space-1)}.hv-cell{min-height:16px;border-radius:4px;background:#ffffff09;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:1px}.hv-chip{height:12px;border:none;border-radius:6px;padding:0;box-shadow:0 1px 2px #0006;transition:transform .11s ease}.hv-chip:hover{transform:scale(1.08)}.hv-chip.matching{box-shadow:0 0 0 2px #2fe33d}.pal .sw.matching{box-shadow:inset 0 0 0 3px #2fe33d}.chroma-scale{grid-template-columns:repeat(9,1fr)}.shop-row{display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-2);border-radius:var(--r-md);border:1px solid var(--line-soft);background:var(--panel-2)}.shop-row+.shop-row{margin-top:var(--space-1-5)}.shop-sw{width:34px;height:34px;flex:none;border-radius:8px;border:1px solid rgba(255,255,255,.16)}.shop-meta{flex:1;min-width:0;display:grid;gap:1px}.shop-name{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-gain{font:11px/1.3 var(--mono)}#form-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#form-canvas[hidden]{display:none!important}.form-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-2);border-radius:var(--r-md);border:1px solid var(--line-soft);background:var(--panel-2)}.form-row+.form-row{margin-top:var(--space-1-5)}.form-row.current{border-color:var(--accent);background:var(--panel-3)}.form-glyph{width:30px;height:30px;flex:none;border-radius:8px;display:grid;place-items:center;background:var(--panel-3);font-size:16px}.form-meta{flex:1;min-width:0;display:grid;gap:1px}.form-name{font-size:12px}.joint-group{margin-top:var(--space-1-5)}.joint-group>summary{cursor:pointer;display:flex;align-items:center;gap:var(--space-1-5);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:var(--space-1) 0;list-style:none}.joint-group>summary::-webkit-details-marker{display:none}.joint-group>summary:before{content:"▸";color:var(--ink-4)}.joint-group[open]>summary:before{content:"▾"}.joint-group>summary:hover{color:var(--ink)}.btn.joint-focus{margin-left:auto;flex:none;padding:1px var(--space-2);font-size:11px;letter-spacing:.02em;text-transform:none}.joint-group>.joint-grid{margin-top:var(--space-1)}.joint-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:var(--space-1)}.joint-btn{border:1px solid var(--line-soft);background:var(--panel-2);color:var(--ink-3);border-radius:var(--r-sm);padding:var(--space-1-5) var(--space-1);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.joint-btn:hover{border-color:var(--ink-4);color:var(--ink)}.joint-btn.active{border-color:var(--accent);color:var(--accent-text);background:var(--panel-3)}.backdrop-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:var(--space-1-5)}.backdrop-thumb{position:relative;height:48px;border-radius:var(--r-sm);overflow:hidden;border:2px solid transparent;padding:0;background:var(--bg-sunk)}.backdrop-thumb img{width:100%;height:100%;object-fit:cover;display:block}.backdrop-thumb.active{border-color:var(--accent)}.stage-notice{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;gap:var(--space-2-5);padding:var(--space-6);text-align:center;color:var(--ink-2)}.stage-notice p{margin:0;max-width:46ch}.stage-notice[hidden]{display:none}.glaze-step{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2);border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-2)}.glaze-step-now{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-2)}.glaze-step-sw{width:26px;height:26px;flex:none;border-radius:6px;border:1px solid rgba(255,255,255,.18)}.glaze-step-name{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.glaze-step-of{font:10px/1.3 var(--mono);color:var(--ink-4)}.glaze-done{display:grid;place-items:center;flex:none;cursor:pointer;padding:0 var(--space-0-5)}.glaze-done input{accent-color:var(--good);width:16px;height:16px;cursor:pointer}.glaze-row.done{opacity:.55}.glaze-row.done .glaze-name{text-decoration:line-through}.stage-toolbar,.stage-dock,.tool-rail,.stage-nav,.stage-hint,.stage-notice,.stage-toast,.readout-float,.wet-light,.zoom-menu,.trace-lock,.trace-chrome{color:var(--ink-2)}#app.no-rail{grid-template-columns:0 minmax(0,1fr) var(--panel-w)}#app.no-side{grid-template-columns:var(--rail) minmax(0,1fr) 0}#app.no-rail.no-side{grid-template-columns:0 minmax(0,1fr) 0}#app.no-rail .rail,#app.no-side .side{display:none}.unfold{position:absolute;top:50%;transform:translateY(-50%);z-index:16;width:18px;height:60px;display:grid;place-items:center;padding:0;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 92%,transparent);backdrop-filter:blur(10px);color:var(--ink-3);font-size:12px;cursor:pointer}.unfold:hover{color:var(--hi-text)}.unfold.left{left:0;border-left:none;border-radius:0 var(--r-md) var(--r-md) 0}.unfold.right{right:0;border-right:none;border-radius:var(--r-md) 0 0 var(--r-md)}.unfold.named{width:22px;height:auto;min-height:60px;padding:var(--space-2) 0;display:flex;flex-direction:column;align-items:center;gap:var(--space-1-5)}.unfold.named .unfold-name{writing-mode:vertical-rl;font-size:11px;letter-spacing:.04em}.unfold.left.named .unfold-name{transform:rotate(180deg)}.side{position:relative}.side-grip{position:absolute;left:-3px;top:0;bottom:0;width:7px;cursor:col-resize;z-index:3;touch-action:none}.side-grip:hover{background:var(--accent-soft)}@media (pointer: coarse){.side-grip{left:-11px;width:22px}#app.lay-below .side-grip{top:-11px;height:22px}.side-grip:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:38px;transform:translate(-50%,-50%);border-radius:2px;background:var(--line)}#app.lay-below .side-grip:after{width:38px;height:4px}}body.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}body.resizing *{pointer-events:none}.strip.filing{outline:2px dashed var(--accent);outline-offset:-3px;background:color-mix(in srgb,var(--accent) 7%,var(--bg-sunk))}.work-bar{grid-area:work;display:flex;align-items:stretch;gap:var(--space-1);padding:var(--space-1) var(--space-2-5);background:var(--bg-sunk);border-bottom:1px solid var(--line-soft);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.work-bar::-webkit-scrollbar{height:0}.work-chip,.work-new{flex:0 0 auto;display:grid;align-content:center;gap:0;padding:var(--space-0-5) var(--space-2-5);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel);color:var(--ink-3);text-align:left;cursor:pointer;max-width:200px}.work-chip:hover,.work-new:hover{background:var(--panel-2);color:var(--ink)}.work-peek{position:fixed;z-index:60;display:flex;flex-direction:column;gap:var(--space-1-5);padding:var(--space-1-5);border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);box-shadow:0 10px 28px #00000073;pointer-events:none}.work-peek[hidden]{display:none}.work-peek-shots{display:flex;gap:var(--space-1-5)}.work-peek-shots img{display:block;width:84px;height:62px;object-fit:cover;border-radius:var(--r-sm);background:var(--bg-sunk)}.work-peek-cap{font:11px/1.3 var(--mono);color:var(--ink-3);max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-chip.on{border-color:var(--accent);color:var(--accent-text);background:var(--panel-2)}.work-name{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-sub{font-size:10px;color:var(--ink-4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-new{grid-auto-flow:column;align-items:center;gap:var(--space-1-5);border-style:dashed;font-size:12px}.work-new .glyph{font-size:13px}.tab.tab-fold{flex:0 0 26px;font-size:16px;line-height:1;border-bottom-color:transparent}#app.lay-below.no-side{grid-template-columns:minmax(0,1fr)}#app.lay-below.no-side .side{display:none}@media (max-width: 960px){.unfold{top:auto;bottom:12px;transform:none;height:34px;width:46px}.unfold.named{width:auto;min-height:0;flex-direction:row;padding:0 var(--space-2-5)}.unfold.named .unfold-name{writing-mode:horizontal-tb;transform:none}}#app.no-strip{grid-template-rows:var(--head-h) var(--work-h) minmax(0,1fr) 0}#app.no-strip .strip{display:none}.strip-fold{position:absolute;left:50%;bottom:calc(6px + var(--dock-h, 0px));transform:translate(-50%);z-index:16;height:18px;padding:0 var(--space-4);border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel) 86%,transparent);color:var(--ink-3);font-size:10px;line-height:1;cursor:pointer}.strip-fold:hover{color:var(--ink);border-color:var(--line)}#app.lay-beside.tracing{grid-template-columns:0 minmax(0,1fr) 0}#app.tracing{grid-template-rows:0 0 minmax(0,1fr) var(--strip-h)}#app.lay-beside.tracing.no-strip,#app.lay-beside.tracing.locked{grid-template-rows:0 0 minmax(0,1fr) 0}#app.tracing .head,#app.tracing .rail,#app.tracing .side,#app.tracing .work-bar,#app.tracing .stage-hint,#app.locked .strip,#app.locked .stage-controls,#app.locked .stage-toolbar,#app.locked .tool-rail,#app.locked .stage-nav,#app.locked .stage-hint,#app.locked .loupe{display:none}#app.locked .stage{touch-action:none;pointer-events:none}#app.locked .trace-lock{pointer-events:auto}#app.zen .tool-strip,#app.zen .stage-toolbar,#app.zen .tool-rail,#app.zen .stage-nav,#app.zen .stage-corner-col,#app.zen .stage-corner,#app.zen .stage-hint,#app.zen .unfold,#app.zen .strip-fold,#app.zen .dock-toggle,#app.zen .trace-lock,#app.zen .trace-chrome,#app.zen .keep-nudge,.rx-shell.rx-zen>.head,.rx-shell.rx-zen .work-bar:not(.in-bar),.rx-shell.rx-zen .keep-nudge,.rx-shell.rx-zen .tool-strip,.rx-shell.rx-zen .stage-toolbar,.rx-shell.rx-zen .tool-rail,.rx-shell.rx-zen .stage-nav,.rx-shell.rx-zen .stage-corner-col,.rx-shell.rx-zen .stage-corner,.rx-shell.rx-zen .stage-hint,.rx-shell.rx-zen .unfold,.rx-shell.rx-zen .strip-fold,.rx-shell.rx-zen .dock-toggle,.rx-shell.rx-zen .trace-lock,.rx-shell.rx-zen .trace-chrome,.rx-shell.rx-zen .dv-resize-container:not(:has(.rx-artwork)){display:none!important}.zen-leave{display:none}#app.zen .zen-leave,.rx-shell.rx-zen .zen-leave{display:block;position:fixed;top:12px;right:12px;z-index:2000;padding:var(--space-1-5) var(--space-3);border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 82%,transparent);color:var(--ink-2);font-size:12px;opacity:0;pointer-events:none;transition:opacity .25s ease}#app.zen .zen-leave.shown,.rx-shell.rx-zen .zen-leave.shown{opacity:1;pointer-events:auto}#app.zen .zen-leave:hover,.rx-shell.rx-zen .zen-leave:hover{color:var(--hi-text)}@media (prefers-reduced-motion: reduce){.zen-leave{transition:none}}.stage:has(>.trace-lock:not([hidden])) .stage-controls{padding-bottom:56px;scroll-padding-bottom:52px}.trace-lock{position:absolute;right:12px;bottom:12px;z-index:30;min-height:40px;padding:0 var(--space-5);border:1px solid var(--line);border-radius:var(--r-md);background:color-mix(in srgb,var(--panel) 80%,transparent);color:var(--ink-2);font-size:13px;cursor:pointer}.trace-lock.on{border-color:var(--accent);color:var(--accent-text);background:color-mix(in srgb,var(--accent) 14%,transparent)}@media (min-width: 700px) and (max-width: 1400px) and (pointer: coarse){:root{--rail: round(calc(56px * var(--ui)), 1px);--strip-h: round(calc(98px * var(--ui)), 1px);--work-h: round(calc(38px * var(--ui)), 1px)}:root{--head-h: round(calc(40px * var(--ui)), 1px)}.head{padding:0 var(--space-2-5);gap:var(--space-2)}.brand small,.crumb-size{display:none}.head-crumb{max-width:30ch}.rail-btn{padding:var(--space-1-5) 0;font-size:10px}.tabs{gap:0}.tab{padding:var(--space-2) var(--space-2-5);font-size:12px}.panel-body{padding:var(--space-2-5) var(--space-3);gap:var(--space-3)}.section{gap:var(--space-2)}.section>h3{margin-top:var(--space-0-5)}.hint,.note{font-size:11px;line-height:1.45}.strip{padding:var(--space-1-5) var(--space-2-5) var(--space-2);gap:var(--space-2)}.strip-add,.folder-tile,.thumb{width:76px;height:56px}.strip-side{width:96px;font-size:11px}.strip-thumb{height:56px}.slider{gap:var(--space-1)}}@media (min-width: 700px) and (max-width: 1100px) and (orientation: portrait) and (pointer: coarse){#app.lay-below{grid-template-rows:var(--head-h) var(--work-h) auto minmax(220px,1fr) 38vh var(--strip-h)}#app.lay-below.no-strip{grid-template-rows:var(--head-h) var(--work-h) auto minmax(220px,1fr) 38vh 0}#app.lay-below.tracing{grid-template-rows:0 0 auto minmax(0,1fr) 0 var(--strip-h)}#app.lay-below.tracing.no-strip,#app.lay-below.tracing.locked{grid-template-rows:0 0 auto minmax(0,1fr) 0 0}}.ctrl-group{display:grid;gap:var(--space-1-5)}.ctrl-group+.ctrl-group{padding-top:var(--space-2-5);border-top:1px solid var(--line-soft)}.ctrl-body{display:grid;gap:var(--space-2)}.row.wrap{flex-wrap:wrap}.row input[type=color]{width:38px;height:26px;padding:0;border:1px solid var(--line);border-radius:var(--r-sm);background:transparent;cursor:pointer}.ask-shade{position:fixed;inset:0;z-index:400;display:grid;place-items:center;padding:var(--space-6);background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(3px)}.ask{width:min(380px,100%);display:grid;gap:var(--space-2-5);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);box-shadow:0 18px 48px #00000073}.ask h3{margin:0;font-size:16px;color:var(--ink)}.ask p{margin:0;font-size:13px;line-height:1.55;color:var(--ink-2)}.ask-row{display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-1)}.ask.photo-ask{width:min(460px,100%);max-height:calc(100vh - 48px);overflow:auto}.photo-name{display:grid;gap:var(--space-1)}.mark-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-2)}.mark-tile{display:grid;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--line);border-radius:var(--r-md, 6px);background:var(--panel-2, transparent);color:var(--ink-2);font-size:12px;text-align:left;cursor:pointer}.mark-tile.on{border-color:var(--accent);color:var(--ink)}.mark-tile-img{display:block;width:100%;aspect-ratio:16 / 11;object-fit:cover;border-radius:4px;background:#7d7a75}.wall-photo .mantine-Modal-content,.wall-photo .mantine-Modal-header{background:var(--panel)}.wall-photo-frame{position:relative;width:fit-content;max-width:100%;margin:var(--space-2) auto;line-height:0;-webkit-user-select:none;user-select:none}.wall-photo-frame img{display:block;max-width:100%;max-height:60vh}.wall-photo-frame svg{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.wall-quad{fill:#ffffff1f;stroke:#fff}.wall-quad.crossed{stroke:var(--bad)}.wall-pin{fill:#ffffff59;stroke:#fff;cursor:grab}.wall-pin:active{cursor:grabbing}.wall-sides{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.wall-sides input{width:100%}.wall-colours{display:flex;flex-wrap:wrap;gap:var(--space-1-5);align-items:center}.wall-colour{display:inline-flex;padding:var(--space-0-5);border:1px solid var(--line);border-radius:var(--r-pill, 999px);background:transparent;cursor:pointer}.wall-colour[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.wall-colour-chip{display:block;width:22px;height:22px;border-radius:var(--r-pill, 999px);box-shadow:inset 0 0 0 1px #00000026}.wall-colour-own input{width:22px;height:22px;padding:0;border:0;background:none;cursor:pointer}.new-artwork .mantine-Modal-content,.new-artwork .mantine-Modal-header{background:var(--panel)}.new-artwork .mantine-Modal-title{font-size:var(--text-3xl);font-weight:600;color:var(--ink)}.new-artwork-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px);gap:var(--space-8);align-items:start}.new-artwork-wall{position:sticky;top:0;display:grid;gap:var(--space-2)}.room-look{display:grid;gap:var(--space-1-5)}.room-look-row{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:var(--space-2)}.room-look-name{font-size:var(--text-sm);color:var(--ink-3)}.room-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1)}button.room-swatch{padding:var(--space-0-5);border-radius:50%;border:1px solid transparent;background:none;line-height:0}button.room-swatch span{display:block;width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000002e}button.room-swatch.on{border-color:var(--accent)}.room-swatch-any{width:26px;height:26px;padding:0;border:none;background:none;cursor:pointer}.new-wall [data-room-lamp]:active{cursor:grabbing}.new-wall{display:block;width:100%;max-height:calc(100vh - 140px);border-radius:var(--r-lg);background:#ddd8cf}.new-artwork-form{display:grid;gap:var(--space-3)}.new-artwork-lead{margin:0;font-size:var(--text-lg);color:var(--ink)}.new-artwork-pair{display:grid;grid-template-columns:auto auto;gap:var(--space-3);justify-content:start}.new-artwork-plan{margin:var(--space-3) 0 0;padding-top:var(--space-3);border-top:1px solid var(--line);font-size:var(--text-md);color:var(--ink)}.new-artwork-form>.hint{margin:0}.new-pick{display:flex;flex-direction:row;align-items:center;gap:var(--space-2-5);width:100%;text-align:left}.new-pick-words{display:grid;min-width:0}.new-pick .medium-preview{flex:none;width:96px;border-radius:var(--r-sm)}.new-pick-swatch{flex:none;box-sizing:border-box;width:32px;height:24px;border:1px solid var(--line);border-radius:var(--r-sm)}.new-pick-swatch.frame{border-width:5px;background:#fff}.medium-preview{display:block;width:100%;aspect-ratio:200 / 110;border-radius:4px;object-fit:cover}.new-artwork .ask-row{position:sticky;bottom:0;z-index:2;margin-top:var(--space-1);padding:var(--space-2-5) 0;border-top:1px solid var(--line);background:var(--panel);align-items:center;flex-wrap:wrap}.new-artwork-waiting{flex:1 0 100%;margin:0;text-align:right}.new-artwork-again{display:flex;align-items:center;gap:var(--space-1-5);margin-right:auto;font-size:var(--text-sm);color:var(--ink-3)}@media (max-width: 820px){.new-artwork-body{grid-template-columns:minmax(0,1fr)}.new-artwork-wall{position:static}.new-wall{max-height:40vh}}.sign-tile-img{display:block;width:100%;aspect-ratio:4 / 1;object-fit:contain;border-radius:4px;background:#f4f1ea}.sign-pad{display:block;width:100%;aspect-ratio:4 / 1;border:1px solid var(--line);border-radius:var(--r-md, 6px);background:#fbfaf6;touch-action:none;cursor:crosshair}.screen-mark,.screen-mark-host{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.cmdk-shade{position:fixed;inset:0;z-index:440;display:grid;grid-template-rows:min-content;justify-items:center;align-content:start;padding:max(56px,12vh) var(--space-4) var(--space-4);background:color-mix(in srgb,var(--bg) 68%,transparent);backdrop-filter:blur(3px)}.cmdk{width:min(560px,100%);display:grid;gap:0;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);box-shadow:0 22px 60px #00000080;overflow:hidden}.cmdk-head{display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line-soft);color:var(--ink-3)}.cmdk-field,.actions-field{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font:16px/1.2 var(--sans);outline:none}.cmdk-field::placeholder,.actions-field::placeholder{color:var(--ink-3)}.cmdk-list{max-height:min(52vh,440px);overflow-y:auto;padding:var(--space-1-5)}.cmdk-row,.actions-row{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2-5) var(--space-2-5);border:0;border-radius:var(--r-md);background:transparent;color:var(--ink);text-align:left;cursor:pointer;font:inherit}.cmdk-row.on,.actions-row.on{background:var(--accent-soft)}.cmdk-kind{flex:0 0 auto;width:20px;text-align:center;font-size:12px;color:var(--ink-3)}.cmdk-row.on .cmdk-kind,.actions-row.on .cmdk-kind,.cmdk-tool{color:var(--accent-text)}.cmdk-text{display:flex;flex-direction:column;gap:1px;min-width:0}.cmdk-label{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmdk-where{font-size:12px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmdk-key{flex:0 0 auto;margin-left:auto;padding:1px var(--space-1-5);border:1px solid var(--line);border-radius:4px;background:var(--panel-3);color:var(--ink-3);font:inherit;font-size:12px;white-space:nowrap}.cmdk-row.on .cmdk-key,.actions-row.on .cmdk-key{color:var(--ink-2);border-color:var(--accent-soft)}.actions-head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-2-5);border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-2);color:var(--ink-3)}.actions-field{font-size:14px}.actions-list{display:grid;gap:1px;padding-top:var(--space-1)}.actions-said{display:grid;gap:var(--space-1);margin:0;padding:0;list-style:none}.actions-line{display:flex;align-items:baseline;gap:var(--space-2);font-size:13px}.actions-line.bad .actions-heard{color:var(--warn-text)}.actions-when{margin-left:auto;color:var(--ink-3);white-space:nowrap}.export-list{display:flex;flex-direction:column;gap:var(--space-1-5)}.export-row{display:flex;align-items:center;gap:var(--space-2)}.export-format{font-size:12px;color:var(--ink-2)}.export-where{margin-left:auto;color:var(--ink-3);white-space:nowrap}.cmdk-empty{padding:var(--space-4) var(--space-3);color:var(--ink-3);font-size:14px}.head-mic.on,.cmdk-mic.on{color:var(--accent-text);border-color:var(--accent-soft)}.head-mic.bad,.cmdk-mic.bad{color:var(--warn-text, #d66)}.cmdk-mic{padding:var(--space-1) var(--space-2);font-size:13px;line-height:1;flex:none}.cmdk-said{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--line-soft);color:var(--ink-2);font-size:13px}.cmdk-said.bad{color:var(--warn-text, #d66)}.cmdk-ask{display:grid;gap:var(--space-2);padding:var(--space-3) var(--space-4);color:var(--ink-2);font-size:14px}.cmdk-ask p{margin:0}.cmdk-ask-row{display:flex;justify-content:flex-end;gap:var(--space-2)}.cmdk-said[hidden],.cmdk-ask[hidden],.cmdk-list[hidden]{display:none}.voice-strip{position:absolute;left:50%;bottom:34px;z-index:430;transform:translate(-50%);max-width:min(560px,calc(100vw - 32px));padding:var(--space-2) var(--space-4);border:1px solid var(--line);border-radius:999px;background:var(--panel);box-shadow:0 8px 28px #00000059;font-size:14px;color:var(--ink);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-strip.interim{color:var(--ink-3);font-style:italic}.voice-strip.bad{border-color:var(--warn, #d66);color:var(--warn-text, #d66)}.voice-ask-shade{position:fixed;inset:0;z-index:460;display:grid;place-items:center;padding:var(--space-4);background:color-mix(in srgb,var(--bg) 72%,transparent)}.voice-ask{width:min(430px,100%);display:grid;gap:var(--space-2-5);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);box-shadow:0 22px 60px #00000080}.voice-ask h3{margin:0;font-size:16px}.voice-ask p{margin:0;font-size:13px;line-height:1.55;color:var(--ink-2)}.voice-ask-row{display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-1)}@keyframes cmd-flash{0%,to{box-shadow:0 0 0 0 transparent}15%,55%{box-shadow:0 0 0 3px var(--accent)}}.cmd-flash{animation:cmd-flash 1.1s ease-out;border-radius:var(--r-sm)}@media (prefers-reduced-motion: reduce){.cmd-flash{animation:none;outline:2px solid var(--accent);outline-offset:2px}}.ask-lines{display:grid;grid-template-columns:1fr auto;gap:var(--space-0-5) var(--space-3);padding:var(--space-2) var(--space-2-5);border-radius:var(--r-sm);background:var(--panel-2);border:1px solid var(--line-soft)}.ask-line{display:contents}.ask-line span{font-size:12px;color:var(--ink-3)}.ask-line b{font:12px/1.5 var(--mono);color:var(--ink);text-align:right}.ask-line:last-child b{color:var(--warn-text)}.ask-fields{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-1-5) var(--space-2-5);align-items:center}.ask-field{display:contents}.ask-field>span{font-size:12px;color:var(--ink-3)}.ask-field>input{min-width:0}.ask-field>em{font-size:11px;font-style:normal;color:var(--ink-3)}.ask.wide{width:min(440px,100%)}.ask-checks{display:grid;gap:var(--space-0-5);max-height:46vh;overflow-y:auto;padding:var(--space-1-5);border:1px solid var(--line-soft);border-radius:var(--r-sm);background:var(--panel-2)}.ask-check{display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-1-5) var(--space-1-5);border-radius:var(--r-sm)}.ask-check:hover{background:var(--panel-3)}.ask-check input{flex:none;accent-color:var(--accent);width:15px;height:15px}.ask-check label{display:flex;align-items:baseline;gap:var(--space-2);flex:1;min-width:0;cursor:pointer}.ask-check-name{font-size:13px;color:var(--ink-2)}.ask-check-at{margin-left:auto;font:11px/1.4 var(--mono);color:var(--ink-4);text-align:right;white-space:nowrap}.ask.dup{width:min(460px,100%)}.dup-list{display:grid;gap:var(--space-0-5)}.dup-choice{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2);border:1px solid transparent;border-radius:var(--r-sm);font-size:13px;color:var(--ink-2);cursor:pointer}.dup-choice:hover{border-color:var(--line);color:var(--ink)}.dup-choice:has(input:checked){border-color:var(--accent);color:var(--ink)}.dup-choice input{accent-color:var(--accent);margin:0}.dup-fields:not(:empty){display:grid;gap:var(--space-2);margin-top:var(--space-0-5)}.dup-fields .row{display:flex;gap:var(--space-2)}.dup-fields .row .field{flex:1}.zoom-label{background:none;border:1px solid transparent;border-radius:var(--r-sm);color:inherit;font:inherit;cursor:pointer;padding:var(--space-0-5) var(--space-1-5)}.zoom-label:hover{border-color:var(--line);color:var(--hi-text)}.zoom-menu{position:absolute;transform:translate(-50%);z-index:60;display:grid;gap:1px;padding:var(--space-1-5);min-width:92px;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);box-shadow:0 12px 32px #0006}.zoom-menu button{background:none;border:0;border-radius:var(--r-sm);color:var(--ink-2);font:500 12px var(--mono);text-align:right;padding:var(--space-1-5) var(--space-2);cursor:pointer}.zoom-menu button:hover{background:var(--panel-3);color:var(--ink)}.zoom-menu button.active{color:var(--accent-text)}.zoom-menu-sep{height:1px;background:var(--line);margin:var(--space-1) 0}.trace-chrome{position:absolute;top:10px;left:10px;z-index:40;width:34px;height:34px;border:1px solid var(--line);border-radius:var(--r-md);background:color-mix(in srgb,var(--panel) 88%,transparent);color:var(--ink-2);font-size:16px;cursor:pointer}.trace-chrome:hover{color:var(--hi-text);border-color:var(--hi)}.trace-chrome.on{color:var(--accent-text)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.section-head h3{margin:0}.section-head>:first-child+.hint{margin-right:auto}.section-head.ruled>h3{flex:1}.readout-float{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-2) var(--space-1-5) var(--space-1-5);border:1px solid var(--line);border-radius:var(--r-md);background:color-mix(in srgb,var(--panel) 93%,transparent);backdrop-filter:blur(14px);box-shadow:0 6px 18px #0006}.readout-float[hidden]{display:none}.readout-float-chip{width:26px;height:26px;border-radius:var(--r-sm);border:1px solid rgb(255 255 255 / .25);flex:none}.readout-float-text{display:grid;line-height:1.25}.readout-float-text b{font:600 12px var(--mono);color:var(--ink)}.readout-float-text small{font:10px var(--mono);color:var(--ink-4)}.readout-float-text small.readout-float-name{font:11px var(--sans);color:var(--ink-3);max-width:14em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.readout-float-acts{display:flex;gap:var(--space-1);margin-left:var(--space-0-5)}.readout-float-acts button{border:1px solid var(--line);border-radius:var(--r-sm);background:none;color:var(--ink-3);font:600 11px var(--sans);padding:var(--space-1) var(--space-1-5);cursor:pointer}.readout-float-acts button:hover{color:var(--hi-text);border-color:var(--hi)}.wet-light{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-2);border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--panel) 93%,transparent);backdrop-filter:blur(14px);box-shadow:0 4px 12px #0000004d;font:600 11px var(--mono);cursor:pointer}.wet-light[hidden]{display:none}.wet-light:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent)}.wet-light:hover{color:var(--ink);border-color:var(--hi)}.stage-toast{position:absolute;bottom:calc(34px + var(--dock-h, 0px) * var(--ui, 1));left:50%;transform:translate(-50%);z-index:18;display:flex;align-items:center;gap:var(--space-3);max-width:min(92%,520px);padding:var(--space-2) var(--space-2-5);border:1px solid var(--line);border-radius:var(--r-md);background:color-mix(in srgb,var(--panel) 93%,transparent);backdrop-filter:blur(14px);box-shadow:0 8px 24px #00000073}.stage-toast[hidden]{display:none}@media (max-height: 480px){.stage-toast{bottom:calc(6px + var(--dock-h, 0px) * var(--ui, 1));left:auto;right:56px;transform:none;max-width:min(60%,420px)}}.stage-toast-text{display:grid;line-height:1.3;min-width:0}.stage-toast-text b{font:600 13px var(--sans);color:var(--ink)}.stage-toast-text small{font:11px var(--sans);color:var(--ink-4)}.stage-toast-acts{display:flex;gap:var(--space-1-5);flex:none}details.section{display:block}details.section[open]{display:flex}.section.fold>summary{cursor:pointer;list-style:none}.section.fold>summary::-webkit-details-marker{display:none}.section.fold>summary:before{content:"▸ ";color:var(--ink-4)}.section.fold[open]>summary:before{content:"▾ "}.section.fold>summary:hover{color:var(--hi-text)}.section.fold>summary>.help-dot{margin-left:var(--space-1-5);vertical-align:1px;letter-spacing:normal;text-transform:none}.trace-chrome{left:auto;right:10px}.head>*,.rail>*,.strip>*,.work-bar>*,.tool-strip>*,.side>*:not(.side-grip),.stage-corner,.stage-toolbar,.stage-dock,.stage-nav,.tool-rail,.readout-float,.wet-light,.zoom-menu,.trace-lock,.trace-chrome,.unfold,.strip-fold{zoom:var(--ui)}.bench-match{display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-2) var(--space-2-5);border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-2)}.bench-pair{display:flex;flex:none;border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--line)}.bench-pair span{width:42px;height:42px;display:block}.slab{display:block;max-width:100%;margin:var(--space-1-5) 0;border-radius:var(--r-md);border:1px solid var(--line, rgba(0,0,0,.15));touch-action:none;cursor:crosshair}.slab-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:var(--space-1-5);vertical-align:-1px;box-shadow:0 0 0 1px #0003}.bench-verdict{display:grid;gap:var(--space-0-5);min-width:0}.bench-verdict b{font-size:13px;font-weight:650}.bench-verdict small{font:11px/1.35 var(--mono);color:var(--ink-4)}.glaze-row.reserved{border-style:dashed;opacity:.92}.glaze-row.other-medium{border-style:dotted}.glaze-row.other-medium .glaze-swatch{background:repeating-linear-gradient(135deg,var(--ink-4) 0 2px,transparent 2px 6px)!important}.glaze-row.beyond{border-style:dashed;border-color:var(--warn, #b8863b);background:color-mix(in srgb,var(--warn, #b8863b) 8%,transparent)}.glaze-row.beyond .glaze-name{color:var(--warn-text, #b8863b)}.workspaces{display:flex;flex:none}.workspace-chip{display:flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1) var(--space-2-5);border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ink-3);font-size:12px;font-weight:550;white-space:nowrap;transition:background .12s ease,color .12s ease}.workspace-chip .glyph{display:grid;place-items:center;opacity:.85}.workspace-chip:hover{color:var(--ink)}.workspace-chip.active{background:var(--panel-3);color:var(--accent-text);border-color:var(--accent-soft)}.workspace-chip.active .glyph{opacity:1}.workspace-menu{display:flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-2-5);border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-2);color:var(--ink);font-size:12px;font-weight:650;white-space:nowrap;cursor:pointer}.workspace-menu:after{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--ink-3)}.workspace-menu:hover{border-color:var(--hi)}.workspace-menu.active{border-color:var(--accent-soft)}.workspace-list{display:grid;gap:var(--space-0-5);min-width:160px}.workspace-list .workspace-chip{width:100%;padding:var(--space-1-5) var(--space-2-5);font-size:13px}.head-account-anchor{display:flex;flex:none}.head-account{display:grid;place-items:center;flex:none;width:26px;height:26px;min-width:26px;margin-left:var(--space-1);padding:0;border:1px solid var(--line);border-radius:50%;background:var(--panel-3);color:var(--ink-2)}.head-account.active{color:var(--accent-text);border-color:var(--accent-soft)}.avatar-letters{font:650 11px/1 var(--sans, inherit);letter-spacing:.02em}.tool-strip.grouped{flex-direction:column;align-items:stretch;gap:var(--space-1)}.family-row,.tool-row{display:flex;align-items:center;gap:var(--space-0-5);overflow-x:auto;scrollbar-width:none}.family-row::-webkit-scrollbar,.tool-row::-webkit-scrollbar{height:0}.family-row{flex-wrap:wrap;overflow-x:visible;row-gap:var(--space-1)}.family-chip{flex:none;padding:var(--space-1) var(--space-2-5);border:1px solid transparent;border-radius:var(--r-sm);background:transparent;color:var(--ink-4);font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.family-chip:hover{color:var(--ink-2)}.family-chip.active{color:var(--ink);background:var(--panel-2);border-color:var(--line-soft)}.biz-title{margin:var(--space-1-5) 0 var(--space-0-5);font-size:18px;font-weight:650}.biz-link{background:none;border:0;padding:0;color:var(--accent-text);font:inherit;cursor:pointer;text-align:left}.biz-list{display:grid;gap:var(--space-1-5)}.biz-card{display:grid;gap:var(--space-1);width:100%;text-align:left;padding:var(--space-2-5) var(--space-2-5);border:1px solid var(--line-soft);border-radius:var(--r-md);background:var(--panel-2);color:var(--ink-2);cursor:pointer}.biz-card:hover{border-color:var(--hi)}.biz-card.flat{cursor:default;display:flex;align-items:center;justify-content:space-between}.biz-card.late{border-color:var(--bad)}.receipt-thumb{width:44px;height:44px;flex:none;object-fit:cover;border:1px solid var(--line-soft);border-radius:var(--r-sm)}.receipt-photo{display:grid;gap:var(--space-1-5)}.receipt-photo .receipt-thumb{width:120px;height:auto;max-height:160px;object-fit:contain}.biz-card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.biz-card-top b{color:var(--ink);font-size:13px}.biz-card-sub{font-size:12px;color:var(--ink-3)}.biz-card-foot{display:flex;justify-content:space-between;gap:var(--space-2);font:11px/1.4 var(--mono);color:var(--ink-4)}.biz-next{color:var(--accent-text);text-align:right}.pill{font:10px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-1) var(--space-1-5);border-radius:999px;background:var(--panel-3);color:var(--ink-3);white-space:nowrap;flex:none}.pill.lead,.pill.draft{color:var(--ink-3)}.pill.client,.pill.accepted{color:var(--good-text)}.pill.sent{color:var(--accent-text)}.pill.declined,.pill.bad{color:var(--bad-text)}.pill.warn{color:var(--warn-text)}.pill.superseded,.pill.inactive{opacity:.6}.biz-row{display:flex;justify-content:space-between;gap:var(--space-2-5);padding:var(--space-1) 0;font-size:13px}.biz-row+.biz-row{border-top:1px solid var(--line-soft)}.biz-key{color:var(--ink-3)}.biz-val,.biz-row b{font-variant-numeric:tabular-nums}.biz-row.strong{font-size:14px}.biz-row.strong .biz-val,.biz-row.strong b{color:var(--ink)}.bad{color:var(--bad-text)}.warn{color:var(--warn-text)}.biz-task{display:flex;align-items:center;gap:var(--space-2);font-size:13px;padding:var(--space-1) 0}.biz-task .grow,.biz-task span{flex:1}.biz-task .done{text-decoration:line-through;opacity:.55}.biz-task .biz-missing{order:9;flex:1 0 100%;padding-left:var(--space-6);font-size:12px}.biz-task:has(.biz-missing){flex-wrap:wrap}.biz-task input[type=checkbox]{accent-color:var(--good);width:16px;height:16px}.biz-feed{display:grid;gap:var(--space-1);max-height:260px;overflow-y:auto}.biz-event{display:flex;gap:var(--space-2);font-size:12px;color:var(--ink-2)}.biz-event .when{color:var(--ink-4);font:11px/1.5 var(--mono);flex:none;width:5.5rem}.biz-event.byhand{color:var(--ink)}.biz-lines{display:grid;gap:var(--space-1)}.biz-line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1)}.biz-line .grow{flex:1 1 8rem;min-width:8rem}.biz-line select{width:6.5rem;flex:none}.biz-line .qty{width:3rem;flex:none;text-align:right}.biz-line .amt{width:5rem;flex:none;text-align:right}.biz-line .line-total{width:5rem;flex:none;text-align:right;font:12px/1 var(--mono);color:var(--ink)}.biz-link{flex:none;max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:var(--space-0-5) var(--space-2);border-radius:999px;font-size:11px;border:1px dashed var(--line);background:none;color:var(--ink-4);cursor:pointer}.biz-link.on{border-style:solid;border-color:var(--accent-soft);color:var(--accent-text)}.biz-task .biz-link{margin-left:auto}.biz-suggest{display:grid;gap:var(--space-1-5)}.section.internal{border:1px dashed var(--line);border-radius:var(--r-md);padding:var(--space-2-5) var(--space-2-5);background:color-mix(in srgb,var(--warn) 5%,transparent)}.section.internal>summary{color:var(--warn-text)}.kanban{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2);scroll-snap-type:x proximity;overscroll-behavior-x:contain}.kan-col{flex:0 0 15rem;display:grid;gap:var(--space-1-5);align-content:start;padding:var(--space-2);border-radius:var(--r-md);background:var(--bg-sunk);border:1px solid transparent;scroll-snap-align:start;min-height:7rem}.kan-col.over{border-color:var(--accent);background:var(--panel-2)}.kan-head{display:flex;justify-content:space-between;align-items:center;font:650 11px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);padding:var(--space-0-5) var(--space-0-5) var(--space-1)}.kan-card{display:grid;gap:var(--space-1);padding:var(--space-2) var(--space-2-5);cursor:grab;border:1px solid var(--line-soft);border-radius:var(--r-sm);background:var(--panel-2)}.kan-card:active{cursor:grabbing}.kan-card.dragging{opacity:.45}.kan-card.late{border-color:var(--bad)}.kan-card b{font-size:13px;color:var(--ink)}.kan-client{font-size:11px;color:var(--ink-3)}.kan-facts{display:flex;justify-content:space-between;font:11px/1.4 var(--mono);color:var(--ink-4)}.kan-reason{font:10px/1.3 var(--mono);letter-spacing:.02em;padding:var(--space-1) var(--space-1-5);border-radius:4px;background:var(--panel-3);color:var(--ink-2)}.kan-reason.blocked{color:var(--warn-text);background:color-mix(in srgb,var(--warn) 12%,transparent)}.kan-next{font-size:11px;color:var(--accent-text)}.kan-due{font:11px/1.4 var(--mono);color:var(--ink-4)}@media (max-width: 700px){.kan-col{flex-basis:12.5rem}}.kanban.down{flex-direction:column;overflow-x:visible;scroll-snap-type:none}.kanban.down .kan-col{flex:none;min-height:0;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr))}.kanban.down .kan-head{grid-column:1 / -1}.biz-surface .kanban.down{flex:none;align-items:stretch}.kan-card{touch-action:none}.kan-card.ghost{position:fixed;z-index:500;pointer-events:none;transform:translate(-50%,-18px) rotate(1.5deg);box-shadow:0 14px 34px #0009;opacity:.95}.biz-surface{position:absolute;inset:0;z-index:8;overflow:auto;overscroll-behavior:contain;padding:var(--space-4);background:var(--bg);display:flex;flex-direction:column;gap:var(--space-4)}.biz-surface[hidden]{display:none!important}.biz-surface .kanban{flex:1;align-items:start}.biz-surface .biz-list,.biz-surface .section{max-width:56rem;margin-inline:auto;width:100%}.biz-surface.biz-full .section,.biz-surface.biz-full .biz-list{max-width:none}.biz-figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));gap:var(--space-2);margin-bottom:var(--space-4);max-width:44rem}.biz-figure{display:flex;flex-direction:column;gap:var(--space-0-5);padding:var(--space-3) var(--space-3);background:var(--panel-2);border:1px solid var(--line-soft);border-radius:var(--r-sm)}.biz-figure .fig-key{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}.biz-figure .fig-val{font-size:18px;font-variant-numeric:tabular-nums;color:var(--ink)}.biz-figure .fig-sub{font-size:11px;color:var(--ink-3)}.biz-figure.warn{border-color:var(--warn)}.biz-figure.warn .fig-val{color:var(--warn-text)}.biz-figure.bad{border-color:var(--bad)}.biz-figure.bad .fig-val{color:var(--bad-text)}.biz-history{margin:0 0 var(--space-2);max-width:44rem}.biz-history svg{display:block;width:100%;height:auto;overflow:visible}.biz-history-area{fill:var(--accent-soft);opacity:.25;stroke:none}.biz-history-line{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round}.biz-history circle{fill:var(--panel);stroke:var(--accent);stroke-width:2}.biz-history circle.now{fill:var(--accent)}.biz-history figcaption{display:flex;justify-content:space-between;gap:var(--space-2);font:11px/1.4 var(--mono);color:var(--ink-4)}.biz-arrange{display:grid;gap:var(--space-0-5);max-width:26rem;margin-top:var(--space-1-5)}.biz-arrange-row{display:flex;align-items:center;gap:var(--space-1);font-size:13px}.biz-arrange-row label{display:flex;align-items:center;gap:var(--space-2);flex:1;cursor:pointer}.biz-arrange-row.off label span{color:var(--ink-4)}.biz-dashboard.docked{flex:1 0 auto;min-height:0;display:flex;flex-direction:column}.biz-dashboard.docked>.section{flex:none;margin-bottom:0}.biz-dash-dock{flex:1;min-height:420px;position:relative}.biz-dash-panel{height:100%;overflow:auto;padding:var(--space-2-5) var(--space-3);box-sizing:border-box;background:var(--bg)}.biz-dash-panel .section{max-width:none}.biz-dash-panel>.section>h3:first-child,.biz-dash-panel>.section>.section-head:first-child{display:none}.biz-board-counts{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:var(--space-1-5);max-width:44rem}.biz-board-count{display:grid;gap:1px;text-align:left;padding:var(--space-2) var(--space-2-5);cursor:pointer;border:1px solid var(--line-soft);border-radius:var(--r-sm);background:var(--panel-2);color:var(--ink-3);font-size:11px}.biz-board-count b{font-size:16px;color:var(--ink);font-variant-numeric:tabular-nums}@media (max-width: 620px){.biz-dashboard .biz-figures{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-1-5);margin-bottom:var(--space-2)}.biz-dashboard .biz-figure{padding:var(--space-1-5) var(--space-2);gap:0}.biz-dashboard .biz-figure .fig-key{font-size:10px;letter-spacing:.04em}.biz-dashboard .biz-figure .fig-val{font-size:16px}.biz-dashboard .biz-figure .fig-sub{display:none}.biz-dashboard .biz-list{gap:var(--space-1)}.biz-dashboard .biz-card{padding:var(--space-1-5) var(--space-2);gap:1px}.biz-dashboard .biz-card-top b{font-size:13px}.biz-dashboard .biz-task{padding:1px 0;font-size:12px}.biz-dashboard .section{margin-bottom:var(--space-2)}}.biz-papers{display:grid;gap:var(--space-2)}.paper{display:grid;gap:var(--space-1-5);padding:var(--space-2-5) var(--space-2-5);background:var(--panel-2);border:1px solid var(--line-soft);border-radius:var(--r-sm)}.paper-top b{color:var(--ink);font-size:13px}.paper .hint{margin:0}.segbar{display:flex;gap:var(--space-0-5);padding:var(--space-0-5);margin-bottom:var(--space-2-5);background:var(--panel-2);border:1px solid var(--line-soft);border-radius:var(--r-sm);max-width:44rem}.seg{flex:1;padding:var(--space-1-5) var(--space-2);font:inherit;font-size:12px;color:var(--ink-3);background:none;border:0;border-radius:calc(var(--r-sm) - 2px);cursor:pointer;white-space:nowrap}.seg:hover{color:var(--ink-2)}.seg.on{background:var(--panel-3);color:var(--ink)}.biz-chips{display:flex;flex-wrap:wrap;gap:var(--space-1-5)}.chip{padding:var(--space-1-5) var(--space-2-5);font:inherit;font-size:12px;color:var(--ink-2);background:var(--panel-2);border:1px solid var(--line);border-radius:999px;cursor:pointer}.chip:hover{border-color:var(--hi);color:var(--ink)}.biz-bullets{margin:0;padding-left:1.05rem;font-size:12px;color:var(--ink-2)}.biz-bullets li{margin-bottom:var(--space-1-5)}.biz-bullets b{color:var(--ink)}.note.warn{border-left-color:var(--warn);color:var(--ink-3)}.biz-card.archived{opacity:.58}.biz-card.archived:hover{opacity:.85}.biz-card.on{border-color:var(--accent-soft)}.biz-card.warn{border-color:var(--warn)}.biz-row.sub{font-size:12px;color:var(--ink-3);padding-left:var(--space-2-5)}.biz-row.sub.warn .biz-val{color:var(--warn-text)}.price-row{align-items:flex-end;gap:var(--space-1-5)}.price-row .field{flex:1 1 0;min-width:52px}.price-row .field input{width:100%}.price-row>.btn{flex:0 0 auto}.cal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2-5);flex-wrap:wrap}.cal-nav{display:flex;align-items:center;gap:var(--space-2)}.cal-nav h3{margin:0;min-width:11rem}.cal-actions{display:flex;gap:var(--space-1-5)}.cal-month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-0-5);margin-top:var(--space-1-5)}.cal-dow{font:10px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-4);text-align:center;padding:var(--space-1) 0}.cal-cell{display:flex;flex-direction:column;gap:var(--space-0-5);align-items:stretch;min-height:74px;padding:var(--space-1) var(--space-1-5);text-align:left;cursor:pointer;border:1px solid var(--line-soft);border-radius:var(--r-sm);background:var(--panel-2);color:var(--ink-2);overflow:hidden}.cal-cell:hover{border-color:var(--hi)}.cal-cell.outside{opacity:.42}.cal-cell.now{border-color:var(--accent)}.cal-cell.open{background:var(--panel-3);border-color:var(--accent)}.cal-cell.bad{border-left:2px solid var(--bad)}.cal-cell.outside .cal-sky{display:none}.cal-cell.warn{border-left:2px solid var(--warn)}.cal-cell.ok{border-left:2px solid var(--line)}.cal-date{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-1);font:11px/1.2 var(--mono);color:var(--ink-3)}.cal-cell.now .cal-date{color:var(--accent-text)}.cal-chip{font-size:10px;line-height:1.25;padding:var(--space-0-5) var(--space-1-5);border-radius:var(--r-sm);background:var(--panel-3);color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-chip.urgent{color:var(--bad-text)}.cal-chip.due{color:var(--warn-text)}.cal-chip.done{opacity:.6}.cal-chip.session,.cal-item.session{cursor:grab}.cal-chip.session{border:none;text-align:left;width:100%;border-left:2px solid var(--accent);padding-left:var(--space-1-5)}.cal-item.session{border-left:2px solid var(--accent)}.cal-item.session.urgent,.cal-chip.session.urgent{border-left-color:var(--bad)}.cal-lifted{opacity:.5;cursor:grabbing}.cal-drop{outline:2px solid var(--accent);outline-offset:-1px}.cal-day-btn{background:none;border:none;padding:0;cursor:pointer;font:inherit;color:inherit}.cal-cell.heat,.cal-col.heat{transition:background-color .12s ease}.heat-1{background:color-mix(in oklab,var(--accent) 10%,var(--panel-2))}.heat-2{background:color-mix(in oklab,var(--accent) 24%,var(--panel-2))}.heat-3{background:color-mix(in oklab,var(--accent) 42%,var(--panel-2))}.heat-4{background:color-mix(in oklab,var(--bad) 40%,var(--panel-2))}.cal-col.heat{border-radius:var(--r-sm);padding:var(--space-0-5) var(--space-1)}.cal-load{display:inline-block;margin:0 0 var(--space-1-5);padding:var(--space-0-5) var(--space-2);border-radius:var(--r-sm);font-size:12px;font-variant-numeric:tabular-nums}.cal-hours{font:10px/1 var(--mono);color:var(--ink-2);white-space:nowrap}.cal-key{display:flex;align-items:center;gap:var(--space-1-5);flex-wrap:wrap;margin-top:var(--space-1-5);font:10px/1.4 var(--mono);color:var(--ink-4)}.cal-key span:not(.cal-key-swatch){margin-right:var(--space-2)}.cal-key-swatch{width:14px;height:10px;border-radius:2px;border:1px solid var(--line-soft)}.cal-more{font:10px/1 var(--mono);color:var(--ink-4)}.cal-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-1);margin-top:var(--space-1-5)}.cal-col{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.cal-col-head{font:10px/1 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);background:none;border:none;border-bottom:1px solid var(--line-soft);padding:var(--space-1) var(--space-0-5);cursor:pointer;text-align:left}.cal-col.now .cal-col-head{color:var(--accent-text);border-bottom-color:var(--accent)}.cal-quiet{font:11px/1 var(--mono);color:var(--ink-4);padding:var(--space-1) var(--space-0-5)}.cal-item{display:grid;gap:1px;text-align:left;cursor:pointer;min-width:0;padding:var(--space-1-5) var(--space-1-5);border:1px solid var(--line-soft);border-radius:var(--r-sm);background:var(--panel-2);color:var(--ink-2)}.cal-item:hover{border-color:var(--hi)}.cal-item.urgent{border-left:2px solid var(--bad)}.cal-item.due{border-left:2px solid var(--warn)}.cal-item.done{opacity:.62}.cal-time{font:10px/1 var(--mono);color:var(--accent-text)}.cal-item .cal-title{font-size:12px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-item .cal-sub{font-size:10px;color:var(--ink-4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-sky{font:10px/1 var(--mono);color:var(--ink-4);white-space:nowrap}.cal-forecast{margin-top:0}.biz-card.static{cursor:default}.biz-card.static:hover{border-color:var(--line-soft)}.cal-row-actions{display:flex;gap:var(--space-1-5);flex-wrap:wrap;margin-top:var(--space-1)}@media (max-width: 620px){.cal-cell{min-height:54px}.cal-chip,.cal-more{display:none}.cal-week{grid-template-columns:1fr}.cal-col{border-bottom:1px solid var(--line-soft);padding-bottom:var(--space-1-5)}}.pill.ready{color:var(--accent-text)}.pill.sent-manually,.pill.sent-automatically{color:var(--good-text)}.pill.failed{color:var(--bad-text)}.pill.cancelled{color:var(--ink-4)}.biz-surface .biz-figures,.biz-surface .segbar{max-width:44rem}#app.desk .stage-toolbar,#app.desk .tool-rail,#app.desk .stage-nav,#app.desk .stage-dock,#app.desk .stage-hint,#app.desk .work-bar,#app.starting .work-bar,#app.starting .strip,#app.starting .stage-hint{display:none!important}#app.starting{--strip-h: 0px;--work-h: 0px}#app.desk{--work-h: 0px}#app.desk .biz-surface{padding-bottom:var(--space-3)}.prog{display:grid;gap:var(--space-3)}.prog-top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2-5);flex-wrap:wrap}.prog-top b{font-size:14px;font-variant-numeric:tabular-nums}.prog-next{font-size:12px;color:var(--ink-3)}.prog-next-now{color:var(--accent-text);font-weight:600}.prog-next-waiting{color:var(--warn-text);font-weight:600}.prog-bar{display:flex;height:6px;border-radius:4px;background:var(--panel-3);overflow:hidden;margin:var(--space-1-5) 0 var(--space-2)}.prog-bar-fill{display:block;height:100%;background:var(--good)}.prog-bar-next{display:block;height:100%;background:var(--accent)}.prog-bar-waiting{background:repeating-linear-gradient(135deg,var(--warn) 0 4px,transparent 4px 7px)}.prog-controls{align-items:end;gap:var(--space-2);margin-bottom:var(--space-1)}.prog-controls .segmented{flex:1;min-width:11rem}.prog-controls .field{flex:1;min-width:9rem}.prog-section{display:grid;gap:var(--space-1)}.prog-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);border-bottom:1px solid var(--line-soft);padding-bottom:var(--space-1)}.prog-head b{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}.prog-count{font:11px/1.5 var(--mono);color:var(--ink-4)}.prog-list{list-style:none;margin:0;padding:0;display:grid;gap:1px}.prog-list .prog-list{margin:var(--space-1) 0 var(--space-1) var(--space-2);padding-left:var(--space-2-5);border-left:1px solid var(--line-soft)}.prog-step{display:flex;align-items:baseline;gap:var(--space-2);font-size:13px;color:var(--ink-2);padding:var(--space-0-5) 0}.prog-box{flex:none;width:1.15em;height:1.15em;align-self:flex-start;margin-top:.1em;display:inline-grid;place-items:center;font-size:11px;font-weight:700;line-height:1;border:1.5px solid var(--line);border-radius:4px;color:var(--ink-4)}.prog-what{flex:1;min-width:0;display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.prog-label{min-width:0}.prog-detail{font-size:12px;color:var(--ink-4)}.prog-when{flex:none;font:11px/1.6 var(--mono);color:var(--ink-4)}.prog-shared{font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-4);border:1px solid var(--line-soft);border-radius:999px;padding:0 var(--space-1-5)}.prog-done .prog-box{color:var(--panel);background:var(--good);border-color:var(--good)}.prog-done .prog-label{color:var(--ink-3)}.prog-now{background:color-mix(in oklab,var(--accent) 14%,transparent);border-radius:var(--r-sm);margin:0 -6px;padding:var(--space-0-5) var(--space-1-5)}.prog-now .prog-label{color:var(--ink);font-weight:600}.prog-now .prog-box{color:var(--accent-text);border-color:var(--accent)}.prog-waiting .prog-box{color:var(--warn-text);border-color:var(--warn);border-radius:50%}.prog-skipped{opacity:.5}.prog-skipped .prog-box{border-style:dashed}.biz-card-held{display:flex;gap:var(--space-1);align-items:center;margin:var(--space-0-5) 0 1px}.biz-card-held img,.biz-card-blank{width:2.4rem;aspect-ratio:4 / 3;object-fit:cover;display:block;border-radius:calc(var(--r-sm) - 3px);background:var(--panel-3);border:1px solid var(--line-soft)}.biz-card-more{font:11px/1 var(--mono);color:var(--ink-4)}.biz-card-piece{display:flex;align-items:center;gap:var(--space-1-5);min-width:0}.biz-card-piece .biz-card-held{margin:0}.biz-card-piece .biz-card-held img,.biz-card-piece .biz-card-blank{width:1.9rem}.biz-card-facts{flex:1;min-width:0;font-size:12px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill.paid{margin-left:auto}.chip.on{border-color:var(--accent);color:var(--ink);background:var(--panel-3)}.biz-thumb-facts{display:block;font:11px/1.3 var(--mono);color:var(--ink-3);padding:0 var(--space-1-5)}.biz-thumb-size{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-0-5) var(--space-1);padding:0 var(--space-1)}.biz-thumb-size .biz-thumb-facts{flex:1 1 100%;padding:0 var(--space-0-5)}.biz-pictured{display:grid;gap:var(--space-1);margin:var(--space-1) 0 var(--space-1-5)}.biz-pictured-strip{display:flex;gap:var(--space-1-5);overflow-x:auto;scrollbar-width:thin;padding-bottom:var(--space-0-5)}.biz-pictured-thumb{flex:none;padding:0;border:1px solid var(--line-soft);border-radius:var(--r-sm);background:var(--panel-3);cursor:pointer;overflow:hidden}.biz-pictured-thumb img,.biz-pictured-thumb .biz-card-blank{display:block;height:4.2rem;width:auto;max-width:7rem;object-fit:cover;border:0;aspect-ratio:auto}.biz-pictured-thumb .biz-card-blank{width:5.6rem}.biz-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:var(--space-2);margin-bottom:var(--space-2)}.biz-thumb{margin:0;display:grid;gap:var(--space-1-5);padding:var(--space-1-5);background:var(--panel-2);border:1px solid var(--line-soft);border-radius:var(--r-sm)}.biz-thumb img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:calc(var(--r-sm) - 2px);background:var(--panel-3);display:block}.step-why{margin:0 0 var(--space-1-5);padding-left:var(--space-0-5);font-size:11px}.biz-estimate{display:grid;gap:0}.biz-estimate .biz-row+.step-why{margin-top:var(--space-0-5)}.biz-lede{margin:0 0 var(--space-2);font-size:13px;color:var(--ink);line-height:1.5}.biz-sessions{display:grid;gap:var(--space-1);margin:var(--space-2) 0}.biz-session{padding:var(--space-1-5) var(--space-2);border-radius:var(--r-sm);border:1px solid var(--line-soft);border-left:2px solid var(--accent);background:var(--panel-2)}.biz-session.waiting{border-left-color:var(--line);background:none;opacity:.75}.biz-session-top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.biz-session-top b{font:11px/1.4 var(--mono);color:var(--ink-2)}.biz-session-hours{font:11px/1.4 var(--mono);color:var(--ink-3)}.biz-session-line{display:flex;align-items:baseline;gap:var(--space-1-5);font-size:12px;color:var(--ink-3);line-height:1.45}.biz-thumbs.wide{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr))}.biz-thumb.on{border-color:var(--accent)}.biz-thumb-link{display:grid;gap:var(--space-0-5);justify-items:start;width:100%;text-align:left;padding:var(--space-1-5) var(--space-1-5);cursor:pointer;background:var(--panel-3);color:var(--ink-2);border:1px solid transparent;border-radius:var(--r-sm)}.biz-thumb-link:hover{border-color:var(--hi)}.biz-thumb-title{font-size:12px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.biz-thumb-sub{font:11px/1.3 var(--mono);color:var(--ink-4)}.biz-thumb-loose{display:grid;gap:var(--space-1)}.biz-thumb[hidden]{display:none}.biz-thumb-tags,.portfolio-kind,.annotator-piece{display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center}.tag-chip{font:11px/1.2 var(--sans);padding:var(--space-0-5) var(--space-2);border-radius:999px;border:1px solid var(--line-soft);background:var(--panel-3);color:var(--ink-2);cursor:default}button.tag-chip{cursor:pointer}button.tag-chip:hover{border-color:var(--hi)}.tag-chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.tag-chip.auto{font-style:italic}.portfolio-filter{display:grid;gap:var(--space-1-5)}.portfolio-words{width:100%;max-width:24rem}.portfolio-kind-name{font:11px/1.3 var(--mono);color:var(--ink-4);min-width:5.5rem}.annotator-body{display:grid;grid-template-columns:minmax(0,2fr) minmax(12rem,1fr);gap:var(--space-3);align-items:start}@media (max-width: 720px){.annotator-body{grid-template-columns:1fr}}.annotator-picture{position:relative;touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;line-height:0}.annotator-picture img{width:100%;height:auto;display:block;border-radius:var(--r-sm);pointer-events:none}.annotator-pin{position:absolute;pointer-events:none;width:0;height:0}.annotator-pin i{position:absolute;left:-10px;top:-10px;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#111;font:600 11px/20px var(--mono);text-align:center;font-style:normal;box-shadow:0 0 0 2px #fff8,0 1px 3px #0008}.annotator-pin.region{border:2px solid var(--accent);border-radius:4px;background:color-mix(in srgb,var(--accent) 10%,transparent)}.annotator-pin.region i{left:-10px;top:-10px}.annotator-pin.draft{border-style:dashed}.annotator-notes{display:grid;gap:var(--space-2-5)}.annotator-piece p,.annotator-list p{margin:0 0 var(--space-1);line-height:1.35;flex-basis:100%}.annotator-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-1-5)}.annotator-list li{display:grid;grid-template-columns:auto 1fr auto auto;gap:var(--space-1-5);align-items:start}.annotator-list li>div{display:flex;flex-wrap:wrap;gap:var(--space-1)}.annotator-list li{grid-template-columns:auto 1fr auto auto auto}.note-seen{font:11px/1.3 var(--mono);color:var(--ink-4);flex-basis:100%}.annotator-pin.shared i,.annotator-list li.shared .annotator-n{box-shadow:0 0 0 2px var(--ink),0 1px 3px #0008}.annotator-pin.region.shared{border-style:double;border-width:4px}.client-notes-picture{position:relative;line-height:0;margin-bottom:var(--space-2)}.client-notes-picture img{width:100%;height:auto;display:block;border-radius:var(--r-sm)}:root{--sticky: #fde68a;--sticky-ink: #3b2f00}.client-notes-wall{padding:var(--space-6);background:var(--panel-3);border-radius:var(--r-sm);margin-bottom:var(--space-2)}.client-notes-wall .client-notes-picture{margin-bottom:0}.sticky-pin{position:absolute;width:0;height:0;pointer-events:none}.sticky-pin i{position:absolute;left:-2px;top:-2px;min-width:18px;height:18px;padding:0 var(--space-1);border-radius:var(--r-sm);background:var(--sticky);color:var(--sticky-ink);font:600 var(--text-xs)/18px var(--mono);font-style:normal;text-align:center;box-shadow:0 1px 3px #0008;transform:rotate(-3deg)}.annotator-n.sticky{border-radius:var(--r-sm);background:var(--sticky);color:var(--sticky-ink)}.review-list{list-style:none;margin:var(--space-2) 0 0;padding:0;display:grid;gap:var(--space-3)}.review-list>li{display:grid;gap:var(--space-1)}.review-list p{margin:0}.annotator-n{width:20px;height:20px;border-radius:50%;background:var(--accent);color:#111;font:600 11px/20px var(--mono);text-align:center}.biz-thumb-loose .field{margin:0}.biz-thumb-missing{aspect-ratio:4 / 3;display:grid;place-items:center;color:var(--ink-4);background:var(--panel-3);border-radius:calc(var(--r-sm) - 2px)}.biz-thumb figcaption{font-size:11px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.biz-thumb-row{display:flex;gap:var(--space-1);flex-wrap:wrap}.biz-card-prog{display:grid;gap:var(--space-1);width:100%;min-width:0}.prog-bar.mini{height:4px;border-radius:2px;margin:var(--space-0-5) 0 0}.biz-card-prog-words{display:flex;gap:var(--space-1-5);align-items:baseline;min-width:0;font-size:11px;color:var(--ink-3)}.biz-card-prog-words b{font:600 11px/1.3 var(--mono);color:var(--ink-2);flex:none}.biz-card-prog-words span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 620px){.biz-card[data-project]{grid-template-columns:3.6rem minmax(0,1fr);column-gap:var(--space-2-5);row-gap:var(--space-0-5);align-items:start}.biz-card[data-project]>*{grid-column:2}.biz-card[data-project]>.biz-card-held{grid-column:1;grid-row:1 / span 5;margin:var(--space-0-5) 0 0}.biz-card[data-project]>.biz-card-held img,.biz-card[data-project]>.biz-card-held .biz-card-blank{width:3.6rem;aspect-ratio:1}.biz-card[data-project]>.biz-card-held>:not(:first-child){display:none}.biz-card[data-project] .biz-card-top b{font-size:13px}.biz-thumbs.wide{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1-5)}.biz-thumbs.wide .biz-thumb{padding:var(--space-1);gap:var(--space-1)}.biz-thumbs.wide .biz-thumb img,.biz-thumbs.wide .biz-thumb-missing{aspect-ratio:1}.biz-thumbs.wide .biz-thumb-link{padding:var(--space-1) var(--space-1-5)}.biz-thumbs.wide .biz-thumb-sub,.biz-thumbs.wide .biz-thumb-link .pill:not(.paid),.biz-thumbs.wide .biz-thumb-tags{display:none}.biz-thumbs.wide .biz-thumb-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1)}.biz-thumbs.wide .biz-thumb-row>button{min-width:0;min-height:0;height:auto;padding:var(--space-1) var(--space-1);font-size:11px;line-height:1.3}}.palette-grid.spare .sw{cursor:grab}.palette-grid.spare .pal{touch-action:none}.spare-pal .kill.add{color:var(--good-text);font-size:14px;line-height:1}.pal.dragging{opacity:.4}.pal.ghost{position:fixed;z-index:60;pointer-events:none;transform:translate(-50%,-50%);opacity:.92;box-shadow:0 6px 20px #00000073}.pal.over .sw{outline:2px solid var(--accent);outline-offset:1px}[data-drop].over{outline:1px dashed var(--accent-soft);outline-offset:3px}.pal{position:relative}.pal .kill.minus{position:absolute;top:3px;right:3px;width:18px;height:18px;display:grid;place-items:center;padding:0;font-size:16px;line-height:1;color:var(--ink);background:#00000073;border:1px solid rgb(255 255 255 / .25);border-radius:50%;opacity:0;transition:opacity .12s}.pal:hover .kill.minus,.pal:focus-within .kill.minus{opacity:1}@media (hover: none){.pal .kill.minus{opacity:.85}}.pal-add{cursor:copy}.pal-add-box{display:grid;place-items:center;aspect-ratio:1;width:100%;font-size:18px;color:var(--ink-4);border:1px dashed var(--line);border-radius:var(--r-sm)}.pal-add.over .pal-add-box{border-color:var(--accent);border-style:solid;color:var(--accent-text)}.study-map-wrap{border:1px solid var(--line-soft);border-radius:var(--r-sm);overflow:hidden;background:var(--panel-3);margin-bottom:var(--space-1-5)}.study-map{display:block;width:100%;height:auto;image-rendering:pixelated}.key-list{display:flex;flex-direction:column;gap:var(--space-1);margin:var(--space-1-5) 0 var(--space-0-5)}.key-row,.landmark-row{display:flex;align-items:center;gap:var(--space-2)}.grid-row{display:flex;align-items:center;gap:var(--space-2);border-radius:var(--r-sm);padding:0 var(--space-1)}.grid-row.on{background:color-mix(in srgb,var(--accent) 10%,transparent)}.grid-row .grid-row-name{flex:1;text-align:left;background:none;border:0;color:var(--ink-2);cursor:pointer;padding:var(--space-1) 0;font:inherit}.grid-row.on .grid-row-name{color:var(--ink);font-weight:600}.grid-row .icon-btn{width:24px;height:24px}.grid-adds{display:flex;gap:var(--space-2);margin-top:var(--space-1-5)}.landmark-row .hint{flex:1;margin:0}.landmark-n{font-weight:600;min-width:1.4em;color:var(--accent-text)}.key-chip{flex:none;width:16px;height:11px;border-radius:2px;border:1px solid var(--line-soft);background-clip:padding-box}.key-name{flex:1;font-size:11px;color:var(--ink-2)}.key-val{font:10px/1 var(--mono);color:var(--ink-4);text-align:right}.key-ramp{margin:var(--space-1-5) 0 var(--space-0-5)}.key-ramp-bar{height:10px;border-radius:2px;border:1px solid var(--line-soft)}.key-ramp-ends{display:flex;justify-content:space-between;margin-top:var(--space-1);font:10px/1 var(--mono);color:var(--ink-4)}.maps-key{display:flex;flex-direction:column;gap:var(--space-1);margin:var(--space-1-5) 0 var(--space-2)}.maps-key-row{display:flex;align-items:center;gap:var(--space-2)}.maps-key-chip{flex:none;width:16px;height:11px;border-radius:2px;border:1px solid var(--line-soft)}.maps-key-name{flex:1;font-size:11px;color:var(--ink-2)}.maps-key-share{font:10px/1 var(--mono);color:var(--ink-4)}.cover-pieces{margin:var(--space-1-5) 0 0;padding-left:var(--space-5);font-size:12px;display:grid;gap:var(--space-1)}.cover-buy a{color:var(--accent-text);text-decoration:none}.cover-buy a:hover{text-decoration:underline}.step-card{display:flex;gap:var(--space-2-5);align-items:flex-start;margin:var(--space-0-5) 0 var(--space-2-5)}.step-swatch{flex:none;width:52px;height:52px;border-radius:8px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font:650 18px/1 var(--sans)}.step-what{min-width:0;display:grid;gap:var(--space-1)}.step-count{font:11px/1 var(--mono);color:var(--ink-4);letter-spacing:.06em}.step-name{font-size:16px;font-weight:640;color:var(--ink);line-height:1.25}.step-recipe{font-size:13px;color:var(--ink-2);line-height:1.4}.step-how{font-size:12px;color:var(--ink-4);line-height:1.45}.step-warn{font-size:12px;color:var(--warn-text);line-height:1.45}.step-walk{display:flex;gap:var(--space-1-5);align-items:stretch}.step-go{flex:none;min-width:66px;padding:var(--space-3) var(--space-2-5);font-size:13px}.glaze-step .step-go{min-width:0;padding:var(--space-1) var(--space-2);font-size:12px;border-radius:var(--r-sm)}.step-tick{flex:1;padding:var(--space-3) var(--space-2-5);font-size:13px;font-weight:620}.step-tick.done{color:var(--good-text);border-color:var(--good)}.step-bar{display:flex;flex-wrap:wrap;gap:var(--space-1);margin:var(--space-0-5) 0 var(--space-2)}.step-pip{width:11px;height:11px;padding:0;border-radius:50%;border:1px solid var(--line);background:var(--panel-2);cursor:pointer}.step-pip.done{background:var(--ink-3);border-color:var(--ink-3)}.step-pip.now{box-shadow:0 0 0 2px var(--accent);border-color:var(--accent)}.step-pip.other{border-radius:2px}.step-swatch-other{background:repeating-linear-gradient(45deg,transparent 0 5px,var(--line) 5px 6px);color:var(--ink)}.biz-row.sub .biz-key{color:var(--ink-4)}.layers-split{flex:1 1 auto;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto var(--layer-list-h, 220px);gap:0}.layers-split.alone{grid-template-rows:minmax(0,1fr)}.layers-split.alone .layer-pane.layers{border-top:0}.layer-head{display:flex;align-items:center;gap:var(--space-2);padding-bottom:var(--space-1-5);border-bottom:1px solid var(--line)}.layer-head .layer-name{flex:1 1 auto;font-weight:600}.name-field{min-width:0;font:inherit;font-size:13px;color:inherit;background:transparent;border:1px solid transparent;border-radius:var(--r-sm);padding:var(--space-0-5) var(--space-1-5);margin:-2px -6px;text-overflow:ellipsis}.layer-head .name-field{font-weight:600}.name-field:hover{border-color:var(--line)}.layer-row .name-field{cursor:text}.name-field:focus{outline:none;border-color:var(--accent);background:var(--bg-sunk);text-overflow:clip}.layer-pane{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:var(--space-2-5);padding:var(--space-2-5) 0}.layer-pane.layers{padding-top:var(--space-2);gap:var(--space-1);border-top:1px solid var(--line)}.layer-pane.layers>h3{margin:0 0 var(--space-1)}.layer-grip{height:10px;cursor:row-resize;touch-action:none;position:relative}.layer-grip:after{content:"";position:absolute;left:40%;right:40%;top:4px;height:2px;border-radius:1px;background:var(--ink-4);opacity:.6}.layer-grip:hover:after{opacity:1;background:var(--accent)}.layer-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:var(--space-2-5);padding:var(--space-1-5) var(--space-2) var(--space-1-5) var(--space-1-5);border-radius:var(--r-sm);border:1px solid transparent;border-left:3px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.layer-row:hover{background:var(--bg-3)}.layer-row.selected{background:var(--bg-3);border-color:var(--line);border-left-color:var(--accent)}.layer-row:focus-visible{outline:2px solid var(--hi);outline-offset:1px}.select-bar{display:flex;align-items:center;gap:var(--space-1-5);margin:0 0 var(--space-1-5)}.select-bar .btn{flex:0 0 auto}.layer-row.pickable{grid-template-columns:20px 44px minmax(0,1fr) auto}.layer-tick{width:18px;height:18px;display:grid;place-items:center;border:1px solid var(--ink-4);border-radius:4px;background:var(--bg-sunk);color:transparent}.layer-tick.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.arrange-grid{display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));align-items:center;gap:var(--space-1)}.arrange-axis{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);padding-right:var(--space-0-5)}.arrange-grid .btn{width:100%;padding-left:var(--space-1);padding-right:var(--space-1);text-align:center}.layer-mark{display:grid;place-items:center;width:44px;height:32px;border-radius:6px;background:var(--bg-sunk);color:var(--ink-3);overflow:hidden}.layer-row.selected .layer-mark{color:var(--accent-text)}.layer-chip{display:block;width:44px;height:32px}.layer-text{display:grid;gap:1px;min-width:0}.layer-row.scene-row{grid-template-columns:64px minmax(0,1fr) auto}.scene-thumb{display:block;width:64px;height:40px;border-radius:6px;overflow:hidden;background:var(--bg-sunk)}.scene-pic{display:block;width:100%;height:100%}.feed-head{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);font-size:12px;color:var(--ink-3)}.feed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1-5);margin-top:var(--space-1)}.feed-pick{display:flex;flex-direction:column;gap:var(--space-0-5);padding:var(--space-1);border:1px solid var(--line);border-radius:6px;background:none;color:inherit;text-align:left;cursor:pointer}.feed-pick .scene-pic{aspect-ratio:16 / 10;height:auto;border-radius:4px;background:var(--bg-sunk)}.feed-pick.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.feed-name{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-room{font-size:11px;color:var(--ink-4)}.scene-new{display:flex;flex-wrap:wrap;gap:var(--space-1-5);align-items:center}.scene-new>input{flex:1 1 8rem;min-width:0}.scene-new>button{flex:none}.scene-from{display:flex;flex-direction:column;gap:var(--space-1)}.scene-foot{align-items:flex-start}.layer-note{font-size:11px;color:var(--ink-4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-acts{display:flex;align-items:center;gap:var(--space-0-5)}.layer-row .row-actions .icon-btn{width:26px;height:26px;opacity:.45}.layer-row:hover .row-actions .icon-btn,.layer-row.selected .row-actions .icon-btn{opacity:1}.layer-row .row-actions .icon-btn:focus-visible{opacity:1}.layer-row .row-actions [data-row-act=rename]:hover{color:var(--hi-text);background:var(--panel-3)}.layer-row .row-actions [data-row-act=remove]:hover{background:var(--panel-3)}@media (hover: none){.layer-row .row-actions .icon-btn{opacity:.8}}.layer-kind{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4)}.layer-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-thumb{display:block;width:100%;max-width:240px;height:auto;border-radius:var(--r-sm);background:var(--bg-3)}.layer-foot{display:flex;flex-direction:column;gap:var(--space-1-5);padding-top:var(--space-1-5)}.layer-add{width:36px;height:36px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--bg-3);color:var(--ink-2);font-size:22px;line-height:1;cursor:pointer}.layer-add:hover{border-color:var(--hi);color:var(--hi-text)}.layer-add.open{border-color:var(--accent);color:var(--accent-text)}.add-menu{display:flex;flex-direction:column;gap:var(--space-0-5)}.add-item{display:grid;grid-template-columns:7em minmax(0,1fr);gap:var(--space-2);align-items:baseline;text-align:left;padding:var(--space-1-5) var(--space-2);border-radius:var(--r-sm);border:1px solid transparent;background:transparent;color:var(--ink-2);cursor:pointer}.add-item:hover:not(:disabled){background:var(--bg-3);border-color:var(--line)}.add-item:disabled{opacity:.5;cursor:default}.add-label{font-size:13px;font-weight:600}.add-hint{font-size:12px;color:var(--ink-4)}.layer-pane.layers .hint.where{margin:0 0 var(--space-1);font-size:11px}.crumbs{display:inline-flex;align-items:center;gap:var(--space-0-5);margin-right:var(--space-1-5)}.crumbs .sep{color:var(--ink-4);font-size:12px;padding:0 var(--space-0-5)}.crumb{padding:var(--space-0-5) var(--space-1-5);border:0;border-radius:var(--r-sm);background:transparent;color:var(--ink-3);font-size:12px;cursor:pointer}.crumb:hover:not(:disabled){background:var(--bg-3);color:var(--ink-1)}.crumb.here{color:var(--ink-1);font-weight:600;cursor:default}.layer-pane .hint.indent,.panel-body .hint.indent{margin:-2px 0 var(--space-2);padding-left:var(--space-2);font-size:12px;color:var(--ink-4)}.panel-body,.layer-pane{overflow-x:hidden}.layer-pane>*,.panel-body>*{min-width:0;max-width:100%}.add-bar{position:sticky;bottom:0;z-index:6;display:flex;justify-content:flex-start;padding:var(--space-2) 0;margin-top:auto;background:var(--panel)}.add-menu.floating{position:absolute;bottom:calc(100% - 4px);left:0;right:0;max-height:60vh;overflow-y:auto;padding:var(--space-1-5);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel-2, var(--bg-3));box-shadow:0 10px 28px #00000073}.stage-toolbar .tool-group{display:inline-flex;align-items:center;gap:var(--space-0-5)}.stage-view.ruled .stage-toolbar{transform:translate(calc(-50% + 11px),22px)}.stage-view.ruled .tool-rail{margin-top:var(--space-6)}.stage-view.ruled .readout,.stage-view.ruled .stage-hint{margin-left:var(--space-6)}.stage-view.ruled .stage-nav{left:calc(10px + 22px / var(--ui))}.stage-corner{position:absolute;top:10px;z-index:12;display:flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1) var(--space-1-5);background:color-mix(in srgb,var(--panel) 92%,transparent);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:999px;box-shadow:0 6px 22px color-mix(in srgb,var(--bg-sunk) 70%,transparent)}.stage-corner .segmented{background:transparent;border-color:transparent;padding:0;gap:var(--space-0-5)}.stage-corner .seg{padding:var(--space-0-5) var(--space-2);font-size:11px;border-radius:var(--r-sm)}.stage-corner .seg:hover{background:var(--panel-2)}.stage-corner .seg.active{background:var(--panel-3)}.stage-corner .seg[disabled]{opacity:.38;pointer-events:none}@media (pointer: coarse){.stage-corner{padding:var(--space-1) var(--space-1-5)}.stage-corner .seg{padding:var(--space-1-5) var(--space-3);font-size:13px}}.stage-corner.select{gap:var(--space-1)}.stage-corner.select .icon-btn{width:24px;height:24px}.stage-corner.select .icon-btn.on{color:var(--accent-text);background:color-mix(in srgb,var(--accent) 12%,transparent)}@media (pointer: coarse){.stage-corner.select .icon-btn{width:30px;height:30px}}.stage-corner.grids{gap:var(--space-1)}.stage-corner.grids .icon-btn{width:24px;height:24px}.stage-corner.grids .icon-btn.on{color:var(--accent-text);background:color-mix(in srgb,var(--accent) 12%,transparent)}.stage-corner.grids .grid-chip{display:grid;place-items:center;width:18px;height:24px;padding:0;border:0;background:none;cursor:pointer}.stage-corner.grids .grid-chip span{width:10px;height:10px;border-radius:var(--r-sm);border:1px solid rgb(0 0 0 / .45);opacity:.3}.stage-corner.grids .grid-chip.on span{opacity:1}@media (pointer: coarse){.stage-corner.grids .icon-btn{width:30px;height:30px}.stage-corner.grids .grid-chip{width:24px;height:30px}}.stage-view.ruled .stage-corner{top:30px}.stage-corner-col{position:absolute;top:10px;z-index:16;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);pointer-events:none}.stage-corner-col>*{pointer-events:auto}.stage-corner-col>.stage-corner{position:static}.stage-corner-col.left{left:10px}.stage-corner-col.right{right:10px;align-items:flex-end}.stage-view.ruled .stage-corner-col{top:30px}.stage-view.ruled .stage-corner-col.left{left:30px}@media (max-width: 600px){.stage-corner-col{top:calc(58px * var(--ui))}.stage-view.ruled .stage-corner-col{top:calc(80px * var(--ui))}}@media (min-width: 961px){.stage-view .tool-rail{top:calc(50% + 14px)}}.add-bar{background:var(--panel);border-top:1px solid var(--line)}.add-row{display:flex;align-items:stretch;gap:var(--space-1-5);width:100%}.add-row .layer-add{flex:0 0 auto}.add-row .btn.duplicate,.add-row .btn.delete{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1-5);min-width:0}.add-row .btn svg{flex:none}.add-row .btn span{overflow:hidden;text-overflow:ellipsis}.add-row .btn.delete{color:var(--ink-3)}.add-row .btn.delete:hover{border-color:var(--bad);color:#eba193}html[data-lit-paint] [data-paint]:not(.paint-lit),html[data-lit-paint] [data-paints]:not(.paint-lit){opacity:.3}html[data-lit-paint] [data-paints]:not(.paint-lit) [data-paint]:not(.paint-lit){opacity:1}[data-paint],[data-paints]{transition:opacity 90ms linear}.kit-row.paint-lit,.shop-row.paint-lit,.recipe-line.paint-lit,.paint-row.paint-lit{box-shadow:inset 0 0 0 1px var(--accent-soft)}.glaze-sub .paint-lit{color:var(--accent-text)}@media (prefers-reduced-motion: reduce){[data-paint],[data-paints]{transition:none}}.paint-sw{padding:0;cursor:pointer}.paint-row.open{background:var(--panel-2);border-color:var(--line-soft)}.pigment-detail{display:grid;gap:var(--space-2-5);margin:-2px 0 var(--space-2) var(--space-3);padding:var(--space-2) var(--space-2-5);border-left:2px solid var(--line-soft);background:var(--bg-sunk);border-radius:0 var(--r-sm) var(--r-sm) 0}.pigment{display:grid;gap:var(--space-1)}.pigment-head{display:grid;grid-template-columns:26px minmax(0,1fr);gap:var(--space-2);align-items:center}.pigment-sw{width:26px;height:20px;border-radius:4px;border:1px solid var(--line)}.pigment-title{display:grid;gap:0;min-width:0}.pigment-code{font:11px/1.4 var(--mono);color:var(--ink-2)}.pigment-props{font-size:11px;color:var(--ink-4)}.pigment-origin{margin:0;font-size:12px;color:var(--ink-2)}.pigment-detail .hint{margin:0}.pigment-detail .hint.disputed{font-style:italic}.pigment-from{margin:0;font-size:11px;color:var(--ink-4)}.pigment-sources>summary{font-size:11px;color:var(--ink-4);cursor:pointer}.pigment-sources>p{margin:var(--space-1-5) 0 0}.segmented.segmented-wrap{flex-wrap:wrap}.seg-badge{margin-left:var(--space-1);opacity:.6;font-variant-numeric:tabular-nums}.segmented.segmented-wrap .seg{flex:1 0 auto}.blend-row{flex-wrap:wrap}.blend-row>.seg{flex:1 0 calc(33.333% - 2px)}.blend-row .mantine-SegmentedControl-control{flex:1 0 calc(33.333% - 4px)}.sheet-stack{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-2-5)}.sheet-layer{display:flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1) var(--space-1-5);border-radius:var(--r-sm);border:1px solid transparent;border-left:3px solid transparent;cursor:pointer}.sheet-layer:hover{background:var(--bg-3)}.sheet-layer.clipped{margin-left:var(--space-4)}.alter-filter{border-top:1px solid var(--line-soft);padding:var(--space-1-5) 0 var(--space-1)}.alter-filter:first-of-type{border-top:none}.alter-filter-head{display:flex;align-items:center;gap:var(--space-1-5)}.alter-filter-head>:first-child{flex:1;min-width:0}.alter-warp,.alter-door{display:grid;gap:var(--space-1);margin-top:var(--space-1)}.alter-histogram{margin:var(--space-1) 0 var(--space-2)}.alter-histogram-plot{display:block;width:100%;height:64px;color:var(--ink-2);background:var(--line-soft);border-radius:4px}.alter-reach{margin:var(--space-1) 0 0 var(--space-2-5);padding-left:var(--space-2);border-left:2px solid var(--line-soft)}.alter-reach-head{display:flex;align-items:center;gap:var(--space-1-5);flex-wrap:wrap}.alter-reach-label{font-size:12px;color:var(--ink-2)}.alter-shapes{gap:var(--space-1-5)}button.alter-shape{width:22px;height:22px;padding:0;border-radius:4px;border:1px solid var(--line);cursor:pointer}button.alter-shape.on{outline:2px solid var(--accent);outline-offset:1px}.alter-layer-list{display:grid;gap:var(--space-0-5)}.alter-layer{border:1px solid var(--line-soft);border-radius:6px;padding:var(--space-1) var(--space-1-5)}.alter-layer.on{border-color:var(--accent)}.alter-layer.photo{display:flex;align-items:center;gap:var(--space-1-5)}.alter-layer-name{flex:1;min-width:0;font-size:13px}.alter-layer-head{display:flex;align-items:center;gap:var(--space-1-5)}.alter-layer-head>:first-child{flex:1;min-width:0}.alter-group-children{display:grid;gap:var(--space-0-5);margin:var(--space-1) 0 0 var(--space-3)}.alter-cut{margin-top:var(--space-2)}.alter-add-row{display:grid;gap:var(--space-0-5);margin-top:var(--space-1)}.alter-add-label{font-size:12px;color:var(--ink-2)}.alter-version{display:flex;align-items:center;gap:var(--space-1-5);padding:var(--space-0-5) 0}.alter-version.on .alter-layer-name{color:var(--accent-text)}.alter-compare{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1-5);margin:var(--space-1-5) 0}.alter-compare-side{margin:0;min-width:0}.alter-compare-side canvas{display:block;width:100%;height:auto;border-radius:4px;background:var(--line-soft)}.alter-compare-side figcaption{font-size:12px;color:var(--ink-2);margin-top:var(--space-0-5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-group{display:flex;align-items:center;gap:var(--space-1-5);padding:var(--space-0-5) var(--space-1-5);font-weight:600;margin-left:calc(12px * var(--depth, 0))}.sheet-group .sheet-group-count{flex:0 0 auto;font-size:12px;font-weight:400;color:var(--ink-3)}.sheet-group .btn{flex:0 0 auto}.sheet-group.here{background:var(--bg-3);box-shadow:inset 2px 0 0 var(--accent);border-radius:4px}.sheet-layer.in-group{margin-left:calc(12px * var(--depth, 1));box-shadow:inset 1px 0 0 var(--line)}.sheet-layer.in-group.clipped{margin-left:calc(12px * var(--depth, 1) + 16px)}.sheet-layer.here{background:var(--bg-3);border-color:var(--line);border-left-color:var(--accent)}.sheet-layer .sheet-layer-name,.sheet-group .sheet-layer-name{flex:1 1 auto;min-width:0;font-size:13px;background:none;border:1px solid transparent;border-radius:var(--r-sm);color:inherit;padding:var(--space-0-5) var(--space-1)}.sheet-layer .sheet-layer-name:hover,.sheet-group .sheet-layer-name:hover{border-color:var(--line)}.sheet-layer .sheet-layer-name:focus,.sheet-group .sheet-layer-name:focus{background:var(--bg-1);border-color:var(--accent);outline:none}.sheet-layer .btn{flex:0 0 auto}[data-layer-text] .text-words{width:100%;resize:vertical;font:inherit;font-size:13px;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-sm);color:inherit;padding:var(--space-1) var(--space-1-5)}[data-layer-text] .text-words:focus{border-color:var(--accent);outline:none}[data-layer-text] .text-ink,[data-vector] .text-ink{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-1-5) 0}.vector-box{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-1);margin:var(--space-1) 0 var(--space-1-5)}.vector-field{display:flex;flex-direction:column;gap:var(--space-0-5);font-size:11px;color:var(--dim)}.vector-field input{width:100%;min-width:0;box-sizing:border-box;font:inherit;font-size:12px;padding:var(--space-1) var(--space-1);background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-sm);color:inherit}.sheet-layer .layer-thumb-small{flex:0 0 auto;width:30px;height:22px;border:1px solid var(--line);border-radius:2px;object-fit:contain;background-color:var(--bg-1);background-image:linear-gradient(45deg,var(--bg-3) 25%,transparent 25% 75%,var(--bg-3) 75%),linear-gradient(45deg,var(--bg-3) 25%,transparent 25% 75%,var(--bg-3) 75%);background-size:8px 8px;background-position:0 0,4px 4px}.layer-row .layer-picture{flex:0 0 auto;width:30px;height:22px;border:1px solid var(--line);border-radius:2px;background:var(--bg-1)}.sheet-layer .layer-thumb-small.layer-mask{background:#000;display:block}.sheet-layer .layer-mask-pair{flex:0 0 auto;display:inline-flex;align-items:center;margin-left:-4px}.sheet-layer .layer-link{display:inline-flex;color:var(--ink-4)}.sheet-layer .layer-mask-press{padding:0;border:0;background:none;border-radius:2px;cursor:pointer}.sheet-layer .layer-mask-press:hover .layer-mask,.sheet-layer .layer-mask-press:focus-visible .layer-mask{border-color:var(--hi)}.sheet-group .layer-thumb-small.layer-mask{width:30px;height:22px;object-fit:contain;border:1px solid var(--line);border-radius:2px;background:#000;display:block}.sheet-group .layer-mask-pair{flex:0 0 auto;display:inline-flex;align-items:center}.sheet-group .layer-link{display:inline-flex;color:var(--ink-4)}.sheet-group .layer-mask-press{padding:0;border:0;background:none;border-radius:2px;cursor:pointer}.sheet-group .layer-mask-press:hover .layer-mask,.sheet-group .layer-mask-press:focus-visible .layer-mask{border-color:var(--hi)}.layer-thumb-small.layer-mask.off{opacity:.35;outline:2px solid var(--bad);outline-offset:-2px}.sheet-layer.masking{margin-left:var(--space-6);box-shadow:inset 2px 0 0 var(--line)}.sheet-layer .layer-mask-mark{flex:0 0 auto;display:inline-flex;color:var(--ink-3)}.sheet-layer .layer-source{flex:0 0 auto;font-size:var(--text-2xs);font-weight:600;color:var(--ink-3);padding:0 var(--space-1);border:1px solid var(--line);border-radius:var(--r-sm)}.sheet-layer .layer-grip{flex:0 0 auto;display:inline-flex;align-items:center;color:var(--ink-4);cursor:grab;touch-action:none}.sheet-layer .layer-grip:hover{color:var(--ink-2)}.sheet-layer.dragging,.layer-row.dragging{opacity:.4}.sheet-layer.over,.layer-row.over{border-left-color:var(--accent);background:var(--bg-3)}.sheet-layer.ghost,.layer-row.ghost{position:fixed;z-index:500;pointer-events:none;transform:translate(-50%,-12px);background:var(--bg-2);border-color:var(--line);box-shadow:0 14px 34px #0009;opacity:.95}.strokes-toggle{width:20px;font-size:11px;color:var(--ink-3)}.layer-strokes{display:flex;flex-direction:column;gap:var(--space-0-5);margin:0 0 var(--space-1) var(--space-6)}.layer-strokes .hint{margin:var(--space-0-5) 0 var(--space-1)}.stroke-row{display:flex;align-items:center;gap:var(--space-1-5);padding:var(--space-0-5) var(--space-1);font-size:12px;border-radius:var(--r-sm);border-left:3px solid transparent}.stroke-row:hover{background:var(--bg-3)}.stroke-row.in-passage{margin-left:var(--space-4)}.stroke-row.empty{opacity:.5}.stroke-row.dragging{opacity:.4}.stroke-row.over{border-left-color:var(--accent);background:var(--bg-3)}.stroke-row.picked{border-left-color:var(--accent)}.stroke-row .stroke-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stroke-row .layer-grip{flex:0 0 auto;color:var(--ink-3);cursor:grab}.stroke-swatch{flex:0 0 auto;width:12px;height:12px;border-radius:50%;border:1px solid var(--line);background:repeating-linear-gradient(45deg,var(--bg-2) 0 3px,var(--bg-3) 3px 6px)}button.stroke-swatch{padding:0;cursor:pointer}button.stroke-swatch:disabled{cursor:default}.every-strokes{display:flex;flex-direction:column;gap:var(--space-1);margin:var(--space-1-5) 0}.every-strokes-list{display:flex;flex-direction:column;gap:var(--space-0-5);max-height:320px;overflow-y:auto}.stroke-row.every{cursor:pointer}.stroke-row.every.picked{background:var(--bg-3)}.stroke-row.in-set{margin-left:var(--space-3)}.stroke-thumb{flex:0 0 auto;width:32px;height:20px;border-radius:2px;background:var(--bg-2);image-rendering:pixelated}.stroke-row .stroke-layer{flex:0 1 auto;max-width:40%;font-size:11px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stroke-set{display:flex;flex-direction:column;gap:var(--space-0-5);border-left:2px solid var(--line);padding-left:var(--space-0-5)}.stroke-set-head{display:flex;align-items:center;gap:var(--space-1-5);padding:var(--space-0-5) var(--space-1);cursor:pointer}.stroke-set-head .sheet-layer-name{flex:1 1 auto;min-width:0}.every-strokes-chosen{display:flex;flex-direction:column;gap:var(--space-1)}.fin-wash{display:flex;align-items:center;gap:var(--space-2);font-size:13px;padding:var(--space-1) 0}.fin-wash .grow{flex:1}.fin-swatch{width:18px;height:18px;flex:none;border-radius:var(--r-sm);border:1px solid var(--line)}.fin-look{padding:var(--space-1-5) 0}.fin-look+.fin-look{border-top:1px solid var(--line-soft)}.fin-chart{position:relative;margin:var(--space-2) 0;touch-action:none;-webkit-user-select:none;user-select:none}.fin-chart img{display:block;width:100%;height:auto;border-radius:var(--r-1)}.fin-chart-patch{position:absolute;width:6px;height:6px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 0 0 1px #000;pointer-events:none}.fin-chart-handle{position:absolute;width:22px;height:22px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #ffffff;box-shadow:0 0 0 1px #000;cursor:grab;touch-action:none}.swatch-dot{background:#000;box-shadow:0 0 0 1px #fff}.swatch-handle{border-radius:var(--r-1)}.swatch-rows{display:flex;flex-direction:column;gap:var(--space-1);margin:var(--space-2) 0}.swatch-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.swatch-pair{display:inline-flex;flex:none}.swatch-chip{width:18px;height:18px;display:inline-block;box-shadow:inset 0 0 0 1px #0003}.swatch-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swatch-moved{color:var(--ink-3);font-variant-numeric:tabular-nums}.fin-look b{display:block;font-size:13px;font-weight:600;margin-bottom:var(--space-0-5)}.fin-verso{margin-bottom:var(--space-2)}.fin-card{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-1-5)}.present-pane{display:flex;flex-direction:column;gap:var(--space-4)}.present-pane[hidden]{display:none}.coat-preview{display:block;max-width:100%;height:auto;border-radius:4px;margin:var(--space-1-5) 0}.fin-chip{display:grid;gap:var(--space-1);width:72px;hyphens:auto;overflow-wrap:break-word;grid-template-columns:minmax(0,1fr)}.fin-chip-look{display:block;height:58px;border-radius:var(--r-sm);background:var(--panel-2);padding:var(--space-1)}.fin-chip-look svg{display:block;width:100%;height:100%}.fin-chip-corner{height:auto;aspect-ratio:1;padding:0;overflow:hidden}.fin-chip-corner img{display:block;width:100%;height:100%}button.fin-chip.on .fin-chip-corner{outline:2px solid var(--accent);outline-offset:1px}.fin-chip small{color:var(--ink-4);font-size:11px;line-height:1.3}.fin-chip-colour{display:block;height:40px;border-radius:var(--r-sm);border:1px solid var(--line)}.size-field{display:grid;gap:var(--space-1-5);flex:none}.size-pad{position:relative;display:flex;align-items:center;justify-content:center;flex:none;height:84px;min-height:84px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-sunk);overflow:hidden;cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none}.size-pad:hover{border-color:var(--hi)}.own-brush{align-items:center;gap:var(--space-1)}.own-brush .own-brush-take{flex:1;min-width:0}.own-star.on{color:var(--accent-text)}.pen-curve{width:168px;max-width:100%;aspect-ratio:1;border-radius:var(--r-md);background:var(--bg-sunk);cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none}.pen-curve svg{display:block;width:100%;height:100%;pointer-events:none}.pen-curve .pen-frame{fill:none;stroke:var(--line)}.pen-curve .pen-straight{fill:none;stroke:var(--line);stroke-dasharray:3 3}.pen-curve .pen-line{fill:none;stroke:var(--accent);stroke-width:2}.pen-curve .pen-dots circle{fill:var(--accent)}.cut-box{display:inline-block;max-width:100%;margin:var(--space-1-5) 0 var(--space-0-5);border-radius:var(--r-md);background:var(--bg-sunk);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.cut-box svg{display:block;max-width:100%;height:auto;pointer-events:none}.cut-box .cut-panel{fill:none;stroke:var(--line);stroke-dasharray:3 3}.cut-box .cut-line{fill:var(--accent-soft);stroke:var(--accent);stroke-width:2}.cut-box .cut-dots circle{fill:var(--accent)}.size-dot{display:block;border-radius:50%;flex:none;pointer-events:none}.size-dot.over{box-shadow:0 0 0 2px var(--accent-soft)}.size-dot.erasing{border:1.5px dashed var(--ink-4)}.size-pad-hint{position:absolute;left:0;right:0;bottom:4px;text-align:center;font-size:10px;color:var(--ink-4);pointer-events:none}.size-steps .seg{font:11px/1.4 var(--mono)}.brush-colour{display:flex;gap:var(--space-2);align-items:stretch;flex:none}.brush-colour-swatch{position:relative;flex:1 1 auto;min-width:0;height:54px;min-height:54px;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;cursor:pointer}.brush-colour-swatch:hover{border-color:var(--hi)}.brush-colour-input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:none;background:transparent;opacity:0;cursor:pointer}.brush-colour-read{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;gap:var(--space-1);min-width:0}.brush-colour-name{font:11px/1.3 var(--mono);color:var(--ink-3)}.brush-colour-paints{font:10px/1.3 var(--mono);color:var(--ink-4);max-width:26ch}.brush-colour-hex{width:9ch;font:11px/1.3 var(--mono);padding:var(--space-1) var(--space-1-5);text-transform:uppercase}.brush-swatches{display:flex;flex-wrap:wrap;gap:var(--space-1-5)}.brush-swatch{width:26px;height:26px;padding:0;border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer}.brush-swatch:hover{border-color:var(--hi);transform:scale(1.06)}.brush-swatch.here{outline:2px solid var(--accent);outline-offset:1px}.brush-swatch.missing{position:relative}.brush-swatch.missing:after{content:"";position:absolute;top:-3px;right:-3px;width:9px;height:9px;border-radius:50%;background:var(--warn);box-shadow:0 0 0 1.5px var(--bg)}.rail-readout{position:absolute;z-index:40;transform:translateY(-50%);padding:var(--space-1) var(--space-2);border-radius:var(--r-sm);border:1px solid var(--line);background:var(--panel-2);color:var(--ink);font:12px/1.2 var(--mono);white-space:nowrap;pointer-events:none;box-shadow:0 4px 14px #0000004d}.tool-btn.scrubs{touch-action:none}@media (pointer: coarse){.brush-swatch{width:32px;height:32px}.size-pad{height:96px;min-height:96px}}.fin-code{display:flex;gap:var(--space-3);align-items:flex-start;margin-top:var(--space-2-5)}.fin-code-square{flex:0 0 auto;background:#fff;padding:var(--space-1-5);border-radius:6px;line-height:0;border:1px solid var(--line)}.fin-code p{margin:0}.mat-cross{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-1-5) var(--space-2);align-items:end}.mat-cross>.mat-top,.mat-cross>.mat-bottom{grid-column:1 / -1}.mat-cross>.help-row{align-self:center;padding-bottom:var(--space-0-5)}.mat-cross .field{margin:0}.present-total{position:sticky;bottom:-14px;z-index:2;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-2-5);border-radius:var(--r-sm);background:var(--panel-2);border:1px solid var(--line)}.present-total p{margin:0}.present-sums{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4);font-size:12px}.present-sum{display:inline-flex;gap:var(--space-1-5)}.present-sum .biz-key{color:var(--ink-4)}.present-grand{display:flex;justify-content:space-between;align-items:baseline;font-weight:700;font-size:16px}.price-row .biz-key{display:flex;flex-direction:column}.price-how{color:var(--ink-4);font-size:11px;font-weight:400}.board-families .board-family{margin:var(--space-1) 0 var(--space-0-5);font-size:11px;color:var(--ink-4)}.fin-chip-sub{display:block}.present-exploded{margin:var(--space-1) 0 var(--space-2);color:var(--ink)}.present-exploded svg{display:block;max-width:420px}.present-layer-list .biz-key{display:flex;flex-direction:column}.present-layer-list .biz-val{display:flex;align-items:center}.present-layer-list .biz-key{background:none;border:0;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.present-layer-list .biz-row.on{background:var(--accent-soft);border-radius:var(--r-sm)}.present-exploded [data-looked] path{stroke-width:2}.scrub{position:relative;display:flex;align-items:stretch;min-height:30px;border:1px solid var(--line);border-radius:var(--r-sm);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 28%,transparent) var(--at, 0%),transparent var(--at, 0%));cursor:ew-resize;touch-action:pan-y}.scrub.scrubbing{border-color:var(--accent)}.scrub>input{flex:1;min-width:0;width:100%;border:0;background:transparent;color:inherit;padding:var(--space-1) var(--space-2);font:inherit;font-variant-numeric:tabular-nums;cursor:ew-resize}.scrub>input:focus{cursor:text;outline:none}.scrub:focus-within{border-color:var(--accent)}.btn.icon-only{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1-5);line-height:0}.btn.icon-only svg{display:block}button.fin-chip{background:none;border:none;padding:var(--space-0-5);margin:0;font:inherit;color:var(--ink-2);text-align:center;cursor:pointer;border-radius:var(--r-sm)}button.fin-chip:hover{background:var(--panel-2);color:var(--ink)}button.fin-chip.on{background:var(--panel-3);color:var(--ink)}button.fin-chip.on .fin-chip-colour{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.support-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1-5);width:100%;padding:var(--space-1-5) var(--space-2);border-radius:var(--r-sm);border:1px solid transparent;border-left:3px solid transparent;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.support-row:hover{background:var(--bg-3)}.support-row.active{background:var(--bg-3);border-color:var(--line);border-left-color:var(--accent)}.support-row .support-tooth{color:var(--dim);font-size:11px}.medium-list{display:flex;flex-direction:column;gap:var(--space-0-5);margin-bottom:var(--space-2)}.medium-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-1-5);border-radius:var(--r-sm);border-left:3px solid transparent}.medium-row.caution{border-left-color:var(--warn)}.medium-row.unsound{border-left-color:var(--bad)}.medium-row .medium-name{flex:1 1 auto;background:none;border:none;color:inherit;font:inherit;text-align:left;padding:var(--space-0-5) 0;cursor:pointer}.medium-row .medium-name:disabled{color:var(--dim);cursor:default}.medium-row .medium-name:not(:disabled):hover{text-decoration:underline}.medium-verdict{font-size:11px;color:var(--dim);white-space:nowrap}.medium-verdict.caution{color:var(--warn-text)}.medium-verdict.unsound{color:var(--bad-text)}.medium-why{margin:0 0 var(--space-1-5) var(--space-2-5)}.plain-list{margin:var(--space-1) 0 var(--space-2) var(--space-5);padding:0}.plain-list li{margin-bottom:var(--space-1)}.picker{width:100%;padding:var(--space-1) var(--space-1-5);border-radius:var(--r-sm);border:1px solid var(--line);background:var(--bg-2);color:var(--fg);font:inherit}.wall-row{padding:var(--space-1-5) 0}.wall-row+.wall-row{border-top:1px solid var(--line-soft)}.wall-row-name{display:grid;gap:1px;margin-bottom:var(--space-1-5)}.wall-row-name b{font-size:13px;color:var(--ink)}.wall-row-name small{font-size:12px;color:var(--ink-4)}.wall-dress{margin:var(--space-0-5) 0 var(--space-2);padding:var(--space-2) 0 var(--space-2) var(--space-2-5);border-left:2px solid var(--line);display:grid;gap:var(--space-2)}.wall-dress>.mat-cross{margin:0}.wall-dress+.wall-row{border-top:1px solid var(--line-soft)}.wall-thumb{display:block;width:100%;height:40px;object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--line)}.bristle-section{padding-top:var(--space-0-5)}.bristle-view{display:block;width:100%;max-width:232px;height:96px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--panel-2)}.mix-tray-section{display:grid;gap:var(--space-1-5);width:100%}.mix-tray-section>.help-row>.mix-tray{flex:1 1 auto}.mix-tray{position:relative;width:100%}.tray-view{display:block;width:100%;aspect-ratio:232 / 84;border-radius:var(--r-sm)}.mix-tray .tray-dip{position:absolute;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.mix-tray .tray-dip[data-dip=paint]{border-radius:4px}.mix-tray .tray-dip:hover{box-shadow:0 0 0 2px var(--hi)}.mix-tray .tray-dip:focus-visible{outline:2px solid var(--hi);outline-offset:1px}.mix-tray .tray-dip:disabled{cursor:default;box-shadow:none}.well{display:grid;gap:var(--space-1);width:100%}.well-load{position:relative;height:6px;border-radius:4px;border:1px solid var(--line);background:var(--panel-3);overflow:hidden}.well-load-fill{position:absolute;inset:0 auto 0 0}.well-said{font-size:12px;color:var(--ink-3)}.gizmo-well{width:180px}.gizmo-well .well-said{font:10px var(--mono)}.kit-mix{display:flex;gap:var(--space-2);align-items:flex-start;margin-top:var(--space-1-5)}.kit-mix .hint{margin:0}.kit-mix-chips{display:flex;flex:none;gap:var(--space-0-5);padding-top:var(--space-0-5)}.kit-mix-chip{width:12px;height:12px;border-radius:50%;border:1px solid var(--line)}.water-well{position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;height:104px;border-radius:var(--r-sm);border:1px solid var(--line);background:#fff;overflow:hidden;cursor:grab;touch-action:none}.water-well:active{cursor:grabbing}.well-water{position:absolute;inset:0;transition:opacity .12s linear,background .12s linear;pointer-events:none}.well-say{position:relative;margin-bottom:var(--space-2);font-size:12px;color:#5a5a62;letter-spacing:.02em;pointer-events:none}.well-section .btn.small{margin-top:var(--space-1-5)}.sheet-row{display:flex;gap:var(--space-2-5);align-items:flex-start;padding:var(--space-2) 0;border-top:1px solid var(--line-soft)}.sheet-row:first-of-type{border-top:0}.sheet-thumb{flex:none;display:block;width:72px;max-height:72px;object-fit:contain;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--bg-sunk)}.sheet-thumb.blank{height:72px}.sheet-what{min-width:0;flex:1}.sheet-name{margin:0 0 var(--space-0-5);font-weight:600;overflow-wrap:anywhere}.sheet-row.open{background:var(--bg-sunk);border-radius:var(--r-sm);padding:var(--space-2)}.sheet-row .chip-row{margin-top:var(--space-1-5)}.kept-row{padding:var(--space-1-5) 0;border-top:1px solid var(--line-soft)}.kept-row .chip-row{margin-top:var(--space-1)}.frame-row{padding:var(--space-1-5) 0;border-top:1px solid var(--line-soft)}.frame-name{font-weight:600;overflow-wrap:anywhere}.frame-row .chip-row{margin-top:var(--space-1)}.walk-shade,.walk-ring{position:fixed;z-index:340;pointer-events:none}.walk-shade{inset:0;background:color-mix(in srgb,var(--bg) 62%,transparent)}.walk-ring{border-radius:var(--r-md);outline:2px solid var(--accent);outline-offset:0;box-shadow:0 0 0 9999px color-mix(in srgb,var(--bg) 62%,transparent);transition:left .14s ease-out,top .14s ease-out,width .14s ease-out,height .14s ease-out}.walk-card{position:fixed;z-index:341;width:min(340px,calc(100vw - 24px));padding:var(--space-3) var(--space-4) var(--space-2-5);border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);box-shadow:0 14px 40px #00000073;color:var(--ink)}.walk-card h3{margin:var(--space-1-5) 0 var(--space-1);font-size:14px}.walk-card p{margin:0 0 var(--space-2-5);font-size:13px;line-height:1.45;color:var(--ink-2)}.walk-head{display:flex;align-items:baseline;gap:var(--space-2)}.walk-count{font:600 11px var(--mono);color:var(--accent-text);letter-spacing:.04em}.walk-of{font-size:11px;color:var(--ink-3, var(--ink-2));overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.walk-row{display:flex;align-items:center;gap:var(--space-1-5)}.walk-spacer{flex:1}.walk-off{font-size:12px;opacity:.72}.walk-off:hover{opacity:1}@media (prefers-reduced-motion: reduce){.walk-ring{transition:none}}.walk-shade.walk-welcome{background:var(--bg)}.walk-card.walk-welcome{inset:0;width:auto;padding:24px 16px;border:0;border-radius:0;box-shadow:none;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 62%),var(--bg);overflow-y:auto;display:flex}.walk-welcome-body{margin:auto;max-width:640px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.walk-card .walk-welcome-title{margin:0;font-size:clamp(28px,5vw,40px);line-height:1.1;letter-spacing:-.01em}.walk-card .walk-welcome-lead{margin:0;font-size:16px;line-height:1.5;color:var(--ink-2)}.walk-welcome-points{list-style:none;margin:8px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;width:100%;text-align:left}.walk-welcome-points li{display:flex;flex-direction:column;gap:4px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel)}.walk-welcome-points b{font-size:14px;color:var(--ink)}.walk-welcome-points span{font-size:13px;line-height:1.45;color:var(--ink-2)}.walk-card .walk-welcome-start{min-width:220px;padding:16px 40px;font-size:18px;font-weight:650;border-radius:999px}.walk-card .walk-welcome-foot{margin:0;font-size:12px;color:var(--ink-3, var(--ink-2))}.walk-welcome-row{justify-content:center}.walk-drag{position:fixed;inset:0;z-index:340;pointer-events:none}.walk-drag[hidden]{display:none}.walk-drag>*{position:absolute;left:0;top:0}.walk-drag-path{overflow:visible;animation:walk-drag-path 2.6s linear infinite}.walk-drag.held .walk-drag-path{animation-duration:3.2s}.walk-drag-path line{stroke:var(--accent);stroke-width:2;stroke-dasharray:5 6;stroke-linecap:round;opacity:.7}.walk-drag-ghost{opacity:0;border:1.5px dashed var(--accent);border-radius:var(--r-sm);background:color-mix(in srgb,var(--accent) 18%,transparent) center / cover no-repeat;animation:walk-drag-ghost 2.6s linear infinite}.walk-drag.held .walk-drag-ghost{animation:walk-drag-ghost-held 3.2s linear infinite}.walk-drag-ghost.has-picture{background-color:transparent}.walk-drag-hand{width:26px;height:26px;opacity:0;border-radius:50%;border:2px solid #fff;background:color-mix(in srgb,var(--accent) 70%,transparent);box-shadow:0 2px 8px #00000073;animation:walk-drag-hand 2.6s linear infinite}.walk-drag.held .walk-drag-hand{animation:walk-drag-hand-held 3.2s linear infinite}@keyframes walk-drag-hand{0%{translate:0 0;scale:1;opacity:0}10%{translate:0 0;scale:1;opacity:1}18%{translate:0 0;scale:.78;opacity:1}24%{translate:0 0;scale:.78;opacity:1;animation-timing-function:ease-in-out}76%{translate:var(--dx) var(--dy);scale:.78;opacity:1}84%{translate:var(--dx) var(--dy);scale:1;opacity:1}to{translate:var(--dx) var(--dy);scale:1;opacity:0}}@keyframes walk-drag-hand-held{0%{translate:0 0;scale:1;opacity:0}10%{translate:0 0;scale:1;opacity:1}18%{translate:0 0;scale:.78;opacity:1}40%{translate:0 0;scale:.78;opacity:1;animation-timing-function:ease-in-out}76%{translate:var(--dx) var(--dy);scale:.78;opacity:1}84%{translate:var(--dx) var(--dy);scale:1;opacity:1}to{translate:var(--dx) var(--dy);scale:1;opacity:0}}@keyframes walk-drag-ghost{0%,24%{translate:0 0;opacity:0}28%{translate:0 0;opacity:.7;animation-timing-function:ease-in-out}76%{translate:var(--dx) var(--dy);opacity:.7}86%,to{translate:var(--dx) var(--dy);opacity:0}}@keyframes walk-drag-ghost-held{0%,40%{translate:0 0;opacity:0}44%{translate:0 0;opacity:.7;animation-timing-function:ease-in-out}76%{translate:var(--dx) var(--dy);opacity:.7}86%,to{translate:var(--dx) var(--dy);opacity:0}}@keyframes walk-drag-path{0%,to{opacity:0}12%,90%{opacity:1}}@media (prefers-reduced-motion: reduce){.walk-drag-path,.walk-drag.held .walk-drag-path{animation:none}.walk-drag-hand{animation:none;opacity:1;scale:.82}.walk-drag.held .walk-drag-hand{animation:none}.walk-drag-ghost{animation:none;opacity:.6;translate:var(--dx) var(--dy)}.walk-drag.held .walk-drag-ghost{animation:none}}@media (max-width: 460px){.walk-card{left:12px!important;right:12px;width:auto}.walk-card.walk-welcome{left:0!important;right:0}}.mockups{margin-top:var(--space-2-5)}.mockup-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-1-5) 0}.mockup-tile{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);width:112px;font-size:12px}.mockup-tile img{width:112px;height:80px;object-fit:cover;border-radius:4px;background:var(--panel-2, #2a2a2a)}.mockup-tile span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.place-preview{position:fixed;z-index:60;pointer-events:none;box-sizing:border-box;border:2px dashed var(--accent);background-color:color-mix(in srgb,var(--accent) 10%,transparent);background-size:100% 100%;background-repeat:no-repeat;box-shadow:0 0 0 1px #00000059;opacity:.85}.place-preview-words{position:absolute;left:50%;bottom:-26px;transform:translate(-50%);white-space:nowrap;font-size:11px;padding:var(--space-0-5) var(--space-2);border-radius:10px;color:var(--ink-1);background:var(--bg-1);border:1px solid var(--line)}.credits{display:grid;gap:var(--space-3);margin-top:var(--space-2)}.credit p{margin:0 0 var(--space-1-5)}.credit .credit-item{padding-left:var(--space-3);text-indent:-8px}.settings-views .segmented{width:100%}.profile-table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums;margin-bottom:var(--space-2-5)}.profile-table th{text-align:left;font-weight:600;color:var(--ink-3);padding:var(--space-0-5) var(--space-1)}.profile-table td{padding:var(--space-0-5) var(--space-1);border-top:1px solid var(--line);overflow-wrap:anywhere}.profile-table th:not(:first-child),.profile-table td:not(:first-child){text-align:right;white-space:nowrap}.profile-table .profile-kind{color:var(--ink-3)}.profile-table tr[data-level=near] td{color:var(--warn-text)}.profile-table tr[data-level=over] td{color:var(--bad-text)}.credit .credit-item:before{content:"• "}.credit-licence{font:11px/1.45 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--panel-2);padding:var(--space-2);border-radius:var(--r-sm);max-height:14em;overflow:auto;margin:0 0 var(--space-1-5)}.stage-toolbar [data-role=more]{display:none}.stage-toolbar[data-over] [data-role=more]{display:inline-flex}.stage-toolbar[data-compact] [data-extra]{display:none!important}[data-take-media].taking{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.attached{display:inline-flex;flex-wrap:wrap;gap:var(--space-1);align-items:center}.biz-thumb .attached{margin:var(--space-0-5) 0 var(--space-1)}.attached-pic{position:relative;display:inline-block;width:32px;height:32px}.attached-pic img{width:32px;height:32px;object-fit:cover;border-radius:4px;display:block;background:var(--panel-2, #2a2a2a)}.attached-off{position:absolute;top:-5px;right:-5px;width:16px;height:16px;padding:0;border:0;border-radius:50%;font-size:11px;line-height:16px;text-align:center;cursor:pointer;background:var(--panel, #1c1c1c);color:var(--ink-2, #ccc);box-shadow:0 0 0 1px var(--line, #444)}.attached-off:hover{color:var(--ink, #fff)}[data-picture-keys]:focus-visible{outline:2px solid var(--hi);outline-offset:-2px}.store-page{display:grid;grid-template-columns:minmax(180px,230px) minmax(0,1fr);gap:var(--space-5);padding:var(--space-3) var(--space-4);max-width:1180px}.store-nav{position:sticky;top:0;align-self:start;max-height:calc(100vh - 120px);overflow-y:auto;display:flex;flex-direction:column;gap:1px;padding-right:var(--space-1);font-size:12px}.store-nav button{display:flex;align-items:center;gap:var(--space-1-5);width:100%;flex-shrink:0;height:auto;min-height:0;line-height:1.3;text-align:left;padding:var(--space-1) var(--space-1-5);border:0;border-radius:6px;background:transparent;box-shadow:none;color:var(--ink-2);font:inherit}.store-nav button:hover{background:var(--line-soft);color:var(--ink)}.store-nav button.on{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent-text)}.store-nav-every,.store-nav-department{font-weight:600;margin-top:var(--space-2)}.store-nav-every{margin-top:0}.store-nav-category{padding-left:var(--space-8)!important}.store-nav button>span:first-of-type{flex:1;min-width:0}.store-count{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:11px}.store-main{min-width:0}.store-search{width:100%;margin:var(--space-1) 0 var(--space-2)}.store-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1-5);font-size:12px;color:var(--ink-3);margin-bottom:var(--space-2)}.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--space-2);margin:var(--space-1-5) 0 var(--space-1)}.store-grid-small{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:var(--space-3)}.store-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);padding:var(--space-3);min-height:104px;text-align:left;border:1px solid var(--line-soft);border-radius:10px;background:var(--panel);color:var(--ink)}.store-card:hover,.store-card:focus-visible{border-color:var(--hi)}.store-card-icon{color:var(--accent-text)}.store-card-name{font-weight:600;font-size:13px;line-height:1.25}.store-card-sub{font-size:11px;color:var(--ink-3);line-height:1.3}.store-category-head{display:flex;align-items:center;gap:var(--space-2);color:var(--accent-text)}.store-category-head>a{margin-left:auto;font-size:11px;color:var(--accent-text);text-decoration:none;white-space:nowrap}.store-row{display:grid;grid-template-columns:minmax(90px,.3fr) 1fr auto;gap:var(--space-2);align-items:baseline;padding:var(--space-1) 0;border-bottom:1px solid var(--line-soft);font-size:12px}.store-brand{color:var(--ink-3)}.store-row a{color:var(--accent-text);text-decoration:none;font-size:11px;white-space:nowrap}.store-department{margin-top:var(--space-4)}@media (max-width: 700px){.store-page{grid-template-columns:minmax(0,1fr)}.store-nav{display:none}.store-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.store-row{grid-template-columns:minmax(0,1fr) auto}.store-brand{grid-column:1 / -1}}.trouble{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:1000;display:grid;gap:var(--space-2);width:min(calc(100vw - 32px),460px);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);color:var(--ink);box-shadow:0 8px 24px #00000073;font:13px/1.45 var(--sans)}.trouble p{margin:0}.trouble-acts{display:flex;flex-wrap:wrap;gap:var(--space-1-5)}.trouble-file:empty{display:none}.trouble-file{color:var(--ink-3);font-size:12px}.trouble-page{display:grid;place-content:center;gap:var(--space-3);min-height:100vh;padding:var(--space-6) var(--space-4);text-align:center;background:var(--bg);color:var(--ink-2);font:14px/1.6 var(--sans)}.trouble-page h1{margin:0;font-size:18px;color:var(--ink)}.trouble-page p{margin:0 auto;max-width:52ch}.trouble-page .trouble-acts{justify-content:center}.trouble-page button{padding:var(--space-1-5) var(--space-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-2);color:var(--ink);font:inherit;cursor:pointer}.trouble-page button[data-act=trouble-write]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}* Windows High Contrast,and any other forced-colours mode. * * The browser swaps every colour for the system's few and drops backgrounds
* and box shadows,which is how this app draws most of what matters: the amber * focus ring is a colour,a chosen segment or chip is a tint,and many * controls are told from the panel only by a fill. So here the three are * said in the system"s own colours (docs/accessibility.md): the keyboard"s * focus is an outline in Highlight,a chosen thing is filled with Highlight * (kept from being forced back by `forced-color-adjust: none`),and a control * has a border in ButtonText. Both pages; the Mantine rules are the React * page's segmented control, switch and chip. Unlayered, so it wins over both
* `base` and `mantine`; for that it names no bare element (`npm run layers`),* and the vanilla page's fields need none, since `base` already gives them a
* border the browser draws in the system's colour. `npm run check --
* accessibility` holds it. */ @media (forced-colors: active){:focus-visible,[data-picture-keys]:focus-visible{outline:2px solid Highlight;outline-offset:2px}.btn,.seg,.chip,.icon-btn,.tool-chip,.gizmo-btn,.choose-one,.help-dot,.mantine-Input-input,.mantine-Button-root,.mantine-ActionIcon-root,.mantine-SegmentedControl-root,.mantine-Switch-track,.mantine-Checkbox-input,.mantine-Chip-label{border:1px solid ButtonText}.btn.link{border-color:transparent}.seg.active,.on,[aria-pressed=true],[aria-selected=true],.mantine-SegmentedControl-indicator,.mantine-Chip-input:checked+.mantine-Chip-label,.mantine-Switch-input:checked+.mantine-Switch-track{forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:Highlight}.mantine-SegmentedControl-label[data-active]{forced-color-adjust:none;color:HighlightText}}@layer base{@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;transition-delay:0s!important;scroll-behavior:auto!important}}}:root{--least-target: calc(24px / var(--ui))}.head .btn,.head .workspace-menu,.stage-toolbar .btn,.stage-toolbar .zoom-label,.panel-gizmo,.section.fold>summary,details.sub-fold>summary{position:relative}.head .btn:after,.head .workspace-menu:before,.dock-toggle:after{content:"";position:absolute;inset-block:min(0px,(100% - var(--least-target)) / 2);inset-inline:min(0px,(100% - var(--least-target)) / 2)}.stage-toolbar .btn:after,.stage-toolbar .zoom-label:after,.panel-gizmo:after,.section.fold>summary:after,details.sub-fold>summary:after{content:"";position:absolute;inset-inline:0;inset-block:min(0px,(100% - var(--least-target)) / 2)}.section.fold>summary:after,details.sub-fold>summary:after{inset-block:max(-4px,min(0px,(100% - var(--least-target)) / 2))}.section.fold>summary>.help-dot,details.sub-fold>summary>.help-dot{position:relative;z-index:1}details.sub-fold{display:block}details.sub-fold[open]{display:flex;flex-direction:column;gap:var(--space-2-5)}details.sub-fold>summary{cursor:pointer;list-style:none;margin:var(--space-1-5) 0 0;font-size:11px;letter-spacing:.04em;color:var(--ink-2);font-weight:650}details.sub-fold>summary::-webkit-details-marker{display:none}details.sub-fold>summary:before{content:"▸ ";color:var(--ink-4)}details.sub-fold[open]>summary:before{content:"▾ "}details.sub-fold>summary:hover{color:var(--hi-text)}details.sub-fold>summary>.help-dot{margin-left:var(--space-1-5);vertical-align:1px;letter-spacing:normal}.wash-strip{display:flex;align-items:center;gap:var(--space-2-5)}.wash-strip-swatch{flex:none;width:34px;height:34px;border-radius:6px;border:1px solid var(--line, rgba(0, 0, 0, .15));display:grid;place-items:center;font-weight:650;font-size:13px}.wash-strip-what{display:grid;min-width:0;line-height:1.3}.wash-strip-what b{font-size:13px}.wash-strip-what small{color:var(--ink-4);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.word-editor{box-sizing:border-box;padding:var(--space-1) var(--space-1-5);resize:none;font-family:inherit;line-height:1.25;color:inherit;background:color-mix(in srgb,var(--bg-1) 90%,transparent);border:2px solid var(--accent);border-radius:var(--r-sm);box-shadow:0 4px 16px #00000059}.word-editor:focus{outline:none}.render-through{display:flex;gap:var(--space-2);align-items:baseline;flex-wrap:wrap}.render-last{margin:var(--space-2) 0 0;display:flex;flex-direction:column;gap:var(--space-1)}.render-last img{max-width:100%;height:auto;border:1px solid var(--line, #0003);background:repeating-conic-gradient(#8883 0 25%,#0000 0 50%) 0 0 / 12px 12px}.biz-modal .biz-form{display:grid;gap:var(--space-2)}.biz-modal .biz-modal-content{background:var(--panel);color:var(--ink-2)}.biz-modal .mantine-Modal-header{background:var(--panel)}.biz-modal .annotator{margin:0}.biz-carriage{display:inline-flex;align-items:center;gap:4px;flex:none;font-size:11px;color:var(--ink-3);cursor:pointer}.wipe-doors{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px}.wipe-doors .hint{margin:0}@media (pointer: coarse){.tool-rail,.tool-flyout{gap:max(2px,calc(var(--least-target) - 30px + 1px));gap:max(var(--space-0-5),round(up,calc(var(--least-target) - 30px + 1px),var(--space-0-5)))}.tool-btn{position:relative}.tool-btn:before{content:"";position:absolute;inset:min(0px,(100% - var(--least-target)) / 2)}.stage-toolbar .icon-btn{position:relative;margin-inline:max(0px,calc((var(--least-target) - 28px) / 2));margin-inline:max(0px,round(up,calc((var(--least-target) - 28px) / 2),var(--space-0-5)))}.stage-toolbar .icon-btn:after{content:"";position:absolute;inset:min(0px,(100% - var(--least-target)) / 2)}.family-chip,.tool-chip,.strip-side,.crumb,.tab.tab-fold,.tabs [data-window-gear],.row-actions .icon-btn,.paint-actions .icon-btn{min-height:var(--least-target);min-width:var(--least-target)}.tab.tab-fold{flex-basis:max(26px,var(--least-target))}.row-actions,.paint-actions{gap:max(2px,calc(var(--least-target) - 30px));gap:max(var(--space-0-5),round(up,calc(var(--least-target) - 30px),var(--space-0-5)))}.strip-trail{height:max(20px,var(--least-target))}:root{--strip-touch: max(0px, calc(24px - 20px * var(--ui)))}:root{--bar-tabs-h: round(calc((max(24px, var(--least-target)) + 2px) * var(--ui)), 1px)}.pal .kill.minus{top:0;right:0;width:max(18px,var(--least-target));height:max(18px,var(--least-target))}.hv-chip{height:max(12px,var(--least-target));min-width:var(--least-target)}}.larger-progress{display:grid;gap:var(--space-1-5)}.timeline{display:grid;gap:var(--space-1-5);margin-top:var(--space-2)}.timeline-frame{width:100%;height:auto;border-radius:var(--r-sm);background:var(--panel-2)}.dev-report{position:fixed;left:calc(env(safe-area-inset-left,0px) + var(--space-2));bottom:calc(env(safe-area-inset-bottom,0px) + var(--space-2));z-index:999;display:grid;gap:var(--space-1);max-width:min(calc(100vw - 32px),360px);opacity:.85}.dev-report>button{background:var(--panel);border:1px solid var(--line)}.dev-report-text{width:100%;font-size:var(--text-xs);background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-sm)}
