@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/barlow-latin-400-normal.qiz4-Cze.woff2)format("woff2"),url(/_astro/barlow-latin-400-normal.fsAxiSwU.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/barlow-latin-500-normal.BPAOfeC8.woff2)format("woff2"),url(/_astro/barlow-latin-500-normal.C1h8hMer.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/barlow-latin-600-normal.DILqtrty.woff2)format("woff2"),url(/_astro/barlow-latin-600-normal.CNwfPWQD.woff)format("woff")}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/barlow-semi-condensed-latin-500-normal.G0uxJNrM.woff2)format("woff2"),url(/_astro/barlow-semi-condensed-latin-500-normal.CFOoVYFH.woff)format("woff")}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/barlow-semi-condensed-latin-600-normal.BkLiAYu4.woff2)format("woff2"),url(/_astro/barlow-semi-condensed-latin-600-normal.DyOfdMBA.woff)format("woff")}:root{color-scheme:light;--desk:#1b2136;--desk-deep:#121627;--desk-ink:#eceae4;--desk-ink-2:#aeb5c8;--desk-pill:#ffffff14;--desk-pill-on:#eceae4;--paper:#eef0f4;--card:#fff;--card-2:#f6f7f9;--ink:#1b2134;--ink-2:#4f566a;--line:#d9dde5;--accent:#3451d1;--accent-soft:#e5e9fb;--on-accent:#fff;--saved:#1c7a4c;--saving:#9a6100;--failed:#c42f2f;--danger:#c42f2f;--danger-soft:#fbe9e9;--info-soft:#e9eef8;--warn-soft:#fbf1df;--cap-alpha:#ebe8e1;--cap-mod:#c6c8cf;--cap-accent:#596075;--cap-ink:#262a36;--cap-ink-light:#f3f1ec;--radius:12px;--radius-sm:8px;--shadow:0 1px 2px #141a2e14, 0 8px 24px #141a2e0f;--font:"Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;--font-cap:"Barlow Semi Condensed", "Barlow", system-ui, sans-serif;--dock-h:clamp(250px, 38vh, 400px);font-family:var(--font);color:var(--ink);background:var(--paper);font-size:15px;line-height:1.45}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--paper:#151a2b;--card:#1d2337;--card-2:#242b42;--ink:#e9ebf1;--ink-2:#a9b0c4;--line:#2f3651;--accent:#8fa3ff;--accent-soft:#283158;--on-accent:#10142a;--saved:#5fd29a;--saving:#f0b851;--failed:#ff7b7b;--danger:#ff7b7b;--danger-soft:#3a2230;--info-soft:#222b47;--warn-soft:#3a3020;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000040}}*{box-sizing:border-box}body{background:var(--paper);min-height:100dvh;margin:0}h1,h2,h3,p{margin:0}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--ink-2)}.small{font-size:13px}.strong{font-weight:600}.button{border:1px solid var(--line);background:var(--card);min-height:36px;color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:0 14px;font-weight:500;text-decoration:none;transition:background .12s,border-color .12s;display:inline-flex}.button:hover:not(:disabled){border-color:color-mix(in srgb, var(--ink) 30%, var(--line))}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled,.button[aria-disabled=true]{opacity:.45;cursor:not-allowed}.button.primary{background:var(--ink);border-color:var(--ink);color:var(--card)}.button.primary:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 88%, var(--accent))}.button.quiet{background:0 0;border-color:#0000}.button.quiet:hover:not(:disabled){background:var(--card-2)}.button.danger{background:var(--danger);border-color:var(--danger);color:#fff}.button.large{border-radius:12px;min-height:48px;padding:0 22px;font-size:16px}.button.listening{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.link{color:var(--accent);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:500;text-decoration:underline}.icon-button{width:32px;height:32px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;font-size:20px;line-height:1;display:inline-grid}.icon-button:hover{background:var(--card-2);color:var(--ink)}.chip{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:999px;min-height:30px;padding:0 10px;font-size:13px;font-weight:500}.chip.on{background:var(--ink);border-color:var(--ink);color:var(--card)}.tag{background:var(--card-2);border:1px solid var(--line);height:20px;color:var(--ink-2);border-radius:6px;align-items:center;padding:0 7px;font-size:12px;font-weight:600;display:inline-flex}.check{cursor:pointer;white-space:nowrap;align-items:center;gap:8px;font-weight:500;display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--accent)}.callout{border-radius:var(--radius-sm);padding:10px 12px;font-size:14px}.callout.info{background:var(--info-soft)}.callout.warning{background:var(--warn-soft)}.callout.error,.callout.danger{background:var(--danger-soft);color:var(--ink)}.callout.danger strong,.callout.error strong{color:var(--danger)}.callout-actions{gap:8px;margin-top:8px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}input[type=text],input[type=search],select{border:1px solid var(--line);background:var(--card);min-height:36px;color:var(--ink);border-radius:10px;padding:0 12px}input[type=text]:focus-visible,input[type=search]:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}input[type=range]{width:100%;accent-color:var(--ink)}.landing{background:radial-gradient(120% 90% at 70% 45%, #2b3456 0%, var(--desk) 55%, var(--desk-deep) 100%);min-height:100dvh;color:var(--desk-ink);align-items:center;padding:48px clamp(20px,7vw,96px);display:grid;position:relative;overflow:hidden}.landing-art{fill:none;stroke:#8fa2d8;stroke-opacity:.35;stroke-width:2px;pointer-events:none;width:min(1100px,78vw);position:absolute;top:50%;right:-8vw;transform:translateY(-50%)perspective(1200px)rotateX(46deg)rotate(-8deg)}.landing-copy{gap:20px;max-width:520px;display:grid;position:relative}.landing-title{letter-spacing:-.01em;font-size:clamp(44px,6vw,76px);font-weight:600;line-height:.98}.landing-title.small{font-size:clamp(36px,4.5vw,54px)}.landing-lede{color:var(--desk-ink-2);max-width:34ch;font-size:19px;line-height:1.5}.landing-lede strong{color:var(--desk-ink)}.landing-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.landing .button.primary{background:var(--desk-ink);border-color:var(--desk-ink);color:var(--desk);box-shadow:0 10px 30px #00000059}.landing .button:not(.primary){color:var(--desk-ink);background:0 0;border-color:#ffffff40}.landing .link{color:var(--desk-ink)}.landing-note{color:var(--desk-ink-2);max-width:44ch;font-size:14px}.landing .callout{color:var(--desk-ink);background:#ffffff14}.landing .callout.error{background:#c42f2f40}.dropzone{background:#ffffff0a;border:2px dashed #ffffff4d;border-radius:16px;justify-items:start;gap:12px;padding:24px;transition:border-color .15s,background .15s;display:grid}.dropzone.over{border-color:var(--desk-ink);background:#ffffff1a}.dropzone p{font-size:17px;font-weight:500}.workspace{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;height:100dvh;min-height:600px;display:grid}.topbar{background:var(--card);border-bottom:1px solid var(--line);grid-column:1/-1;align-items:center;gap:12px;height:52px;padding:0 12px 0 16px;display:flex}.brand{align-items:center;gap:10px;font-size:17px;font-weight:600;display:flex}.brand-mark{background:var(--cap-alpha);width:28px;height:28px;color:var(--cap-ink);font-family:var(--font-cap);border-radius:7px;place-items:center;font-size:15px;font-weight:600;display:inline-grid;box-shadow:inset 0 -3px #00000024,0 1px 2px #0003}.board-chip{border-left:1px solid var(--line);align-items:center;gap:8px;padding-left:12px;font-weight:500;display:flex}.topbar-spacer{flex:1}.lamp{background:var(--card-2);border-radius:999px;align-items:center;gap:8px;height:34px;padding:0 12px;font-size:14px;font-weight:500;display:flex}.lamp-dot{background:var(--ink-2);border-radius:50%;flex:none;width:10px;height:10px}.lamp-saved .lamp-dot,.lamp-idle .lamp-dot{background:var(--saved);box-shadow:0 0 0 3px color-mix(in srgb, var(--saved) 22%, transparent)}.lamp-saving .lamp-dot,.lamp-connecting .lamp-dot{background:var(--saving);animation:.9s ease-in-out infinite lamp-pulse}.lamp-failed{background:var(--danger-soft)}.lamp-failed .lamp-dot{background:var(--failed)}.lamp-disconnected .lamp-dot{background:var(--ink-2)}@keyframes lamp-pulse{50%{opacity:.35}}.workspace-main{flex-direction:column;min-width:0;min-height:0;display:flex}.workspace.stale .dock{opacity:.6}.stage{background:radial-gradient(110% 120% at 50% 40%, #2a3354 0%, var(--desk) 55%, var(--desk-deep) 100%);min-height:240px;color:var(--desk-ink);flex:auto;position:relative;overflow:hidden}.stage-top,.stage-bottom{z-index:2;pointer-events:none;align-items:center;gap:12px;display:flex;position:absolute;left:16px;right:16px}.stage-top>*,.stage-bottom>*{pointer-events:auto}.stage-top{top:12px}.stage-bottom{flex-wrap:wrap;gap:6px 18px;bottom:10px}.stage-spacer{flex:1}.stage-caption,.stage-note{color:var(--desk-ink-2);font-size:14px}.stage-note.strong{color:var(--desk-ink);background:#ffffff1a;border-radius:999px;padding:6px 12px;font-weight:500}.stage .link{color:var(--desk-ink)}.danger-note{align-items:center;gap:8px;display:inline-flex}.danger-swatch{background:#ff6b6b;border-radius:2px;width:14px;height:4px}.layer-tabs,.view-toggle{backdrop-filter:blur(8px);background:#0a0d1a8c;border-radius:12px;gap:2px;padding:3px;display:flex}.layer-tab,.view-toggle button{min-height:32px;color:var(--desk-ink-2);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:0 14px;font-weight:500}.layer-tab:hover,.view-toggle button:hover{color:var(--desk-ink)}.layer-tab.active,.view-toggle button.active{background:var(--desk-pill-on);color:var(--desk)}.stage :focus-visible{outline-color:#b9c6ff}.board-area{position:absolute;inset:0}.board-canvas{width:100%;height:100%;transition:opacity .18s;display:block;position:absolute;inset:0}.board-canvas.hidden{opacity:0;pointer-events:none}.flat-wrap{opacity:0;pointer-events:none;place-items:center;transition:opacity .18s;display:grid;position:absolute;inset:76px 44px 48px;container-type:size}.flat-wrap.shown{opacity:1;pointer-events:auto}.focus-label{color:var(--desk-ink);background:#0a0d1ab3;border-radius:999px;padding:6px 12px;font-size:14px;position:absolute;bottom:44px;left:50%;transform:translate(-50%)}.lost-banner{z-index:3;background:var(--card);max-width:min(720px,100% - 32px);color:var(--ink);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:16px;padding:12px 12px 12px 18px;display:flex;position:absolute;top:60px;left:50%;transform:translate(-50%)}.flat-board{--board-w:18.25;width:min(100cqw, calc(100cqh * var(--ratio,2.9)));position:relative;container-type:inline-size}.flat-board:before{content:"";background:linear-gradient(#323848,#262b38);border-radius:2.4cqw;position:absolute;inset:-2.4cqw -2cqw;box-shadow:0 2cqw 4cqw #00000073,inset 0 1px #ffffff14}.flat-board.sr-board{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.cap{--u:calc(100cqw / var(--board-w));padding:calc(var(--u) * .035);cursor:pointer;font-family:var(--font-cap);color:var(--cap-ink);background:0 0;border:0;position:absolute}.cap-top{--glow:transparent;border-radius:calc(var(--u) * .12);background:var(--cap-alpha);width:100%;height:100%;box-shadow:inset 0 calc(var(--u) * -.07) 0 #00000029, inset 0 calc(var(--u) * .02) 0 #ffffff80, 0 calc(var(--u) * .03) calc(var(--u) * .06) #0006;padding-bottom:calc(var(--u) * .06);place-items:center;transition:transform 90ms;display:grid;position:relative}.tone-mod .cap-top{background:var(--cap-mod)}.tone-accent .cap-top{background:var(--cap-accent);color:var(--cap-ink-light)}.cap:hover .cap-top{transform:translateY(calc(var(--u) * -.03))}.cap.selected .cap-top{transform:translateY(calc(var(--u) * .03));box-shadow:0 0 0 calc(var(--u) * .05) #f4f2ec, 0 0 calc(var(--u) * .3) #f4f2ec8c, inset 0 calc(var(--u) * -.04) 0 #00000029}.cap:focus-visible{outline:none}.cap:focus-visible .cap-top{box-shadow:0 0 0 calc(var(--u) * .05) #b9c6ff, inset 0 calc(var(--u) * -.07) 0 #00000029}.cap.faded .legend,.cap.faded .legend-icon{opacity:.32}.cap.danger .cap-top{color:var(--danger)}.cap.danger .cap-top:after{content:"";background:#c42f2f;border-radius:2px;height:4%;min-height:2px;position:absolute;bottom:14%;left:32%;right:32%}.cap.pulse-0 .cap-top{animation:.22s cap-press-a}.cap.pulse-1 .cap-top{animation:.22s cap-press-b}@keyframes cap-press-a{40%{transform:translateY(calc(var(--u) * .06)) scale(.97)}}@keyframes cap-press-b{40%{transform:translateY(calc(var(--u) * .06)) scale(.97)}}.legend{font-size:calc(var(--u) * .2);text-align:center;padding:0 calc(var(--u) * .06);font-weight:600;line-height:1.05;overflow:hidden}.legend.single{font-family:var(--font);font-weight:500;font-size:calc(var(--u) * .32)}.legend.long{font-size:calc(var(--u) * .17)}.legend.stacked{gap:calc(var(--u) * .02);font-size:calc(var(--u) * .165);display:grid}.legend.stacked.symbols{font-family:var(--font);font-weight:500;font-size:calc(var(--u) * .24);gap:0}.legend.stacked.symbols span:first-child{opacity:.7;font-size:.85em}.legend-icon{width:calc(var(--u) * .36);height:calc(var(--u) * .36);fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.legend-icon .fill{fill:currentColor;stroke:none}.dock{flex:0 0 var(--dock-h);background:var(--paper);border-top:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.dock-tabs{gap:4px;padding:10px 16px 0;display:flex}.dock-tab{min-height:34px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0 14px;font-weight:600}.dock-tab:hover{color:var(--ink)}.dock-tab.active{background:var(--card);color:var(--ink);box-shadow:var(--shadow)}.dock-body{flex:1;min-height:0;padding:12px 16px 16px;overflow:auto}.empty-panel{align-content:start;gap:6px;max-width:70ch;padding:12px 4px;display:grid}.empty-title{font-size:18px;font-weight:600}.key-editor{gap:10px;display:grid}.sentence-row{border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);align-items:center;gap:14px;padding:10px 12px;display:flex}.sentence{flex:1;min-width:0}.sentence-text{font-size:17px}.sentence-status{align-items:center;gap:12px;font-size:14px;display:flex}.sentence-tools{align-items:center;gap:12px;display:flex}.mini-cap{--u:46px;width:var(--u);height:var(--u);background:var(--cap-alpha);color:var(--cap-ink);font-family:var(--font-cap);border-radius:8px;flex:none;place-items:center;display:inline-grid;box-shadow:inset 0 -3px #00000029,0 1px 2px #00000040}.mini-cap.large{--u:56px}.mini-cap .legend{font-size:calc(var(--u) * .26)}.mini-cap .legend.single{font-size:calc(var(--u) * .42)}.mini-cap .legend.long,.mini-cap .legend.stacked{font-size:calc(var(--u) * .22)}.mini-cap .legend.stacked.symbols{font-size:calc(var(--u) * .3)}.mini-cap .legend-icon{width:calc(var(--u) * .5);height:calc(var(--u) * .5)}.mini-cap.tone-mod{background:var(--cap-mod)}.mini-cap.tone-accent{background:var(--cap-accent);color:var(--cap-ink-light)}.mini-cap.danger{color:#c42f2f;box-shadow:inset 0 -3px #c42f2f,0 1px 2px #00000040}.status{align-items:center;gap:6px;font-weight:500;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.status-pending{color:var(--saving)}.status-saved{color:var(--saved)}.status-failed{color:var(--failed)}.picker{gap:8px;display:grid}.picker-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search{flex:260px;display:flex}.search input{width:100%}.mods{align-items:center;gap:6px;display:flex}.mods-label{color:var(--ink-2);font-size:13px}.picker-note{color:var(--ink-2);font-size:14px}.picker-note.strong{color:var(--ink)}.categories{scrollbar-width:thin;gap:2px;display:flex;overflow-x:auto}.category{min-height:30px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;padding:0 10px;font-weight:500}.category:hover{color:var(--ink)}.category.active{background:var(--ink);color:var(--card)}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.picker-empty{color:var(--ink-2);grid-column:1/-1}.pick{background:var(--card);text-align:left;cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:46px;padding:4px 10px 4px 4px;display:flex}.pick:hover{border-color:var(--line)}.pick.current{border-color:var(--accent);background:var(--accent-soft)}.pick .mini-cap{--u:38px;border-radius:7px}.pick-name{font-size:14px;line-height:1.2}.pick.danger .pick-name{color:var(--danger);font-weight:600}.zones{gap:12px;display:grid}.zone{border-radius:var(--radius);background:var(--card);min-width:0;box-shadow:var(--shadow);outline:2px solid #0000;flex-direction:column;gap:8px;padding:12px 14px;transition:outline-color .15s;display:flex}.zone:hover,.zone.focused{outline-color:var(--accent)}.zone-head{align-items:center;gap:12px;display:flex}.zone-head h3{font-size:17px}.zone-title{flex:1;min-width:0}.zone-status{text-align:right;max-width:50%}.zone-swatch{border:1px solid var(--line);border-radius:8px;flex:none;width:24px;height:24px}.zone-controls{gap:8px;display:grid}.zone select{min-height:32px}.zone .field{gap:2px}.zone-foot{margin-top:auto}.field{gap:6px;display:grid}.field.inline{align-items:center;gap:10px;display:flex}.field-label{color:var(--ink-2);justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.field-value{font-variant-numeric:tabular-nums;font-weight:500}.field-swatch{border:1px solid var(--line);border-radius:5px;width:18px;height:18px}.quick-colours{gap:5px;display:flex}.swatch{cursor:pointer;border:1px solid #00000026;border-radius:6px;width:20px;height:20px}.swatch.on{outline:2px solid var(--ink);outline-offset:2px}input.hue{appearance:none;background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);border-radius:6px;height:10px;margin:6px 0}input.sat{appearance:none;background:linear-gradient(90deg, #fff, var(--sat-end,red));border:1px solid var(--line);border-radius:6px;height:10px;margin:4px 0}input.hue::-webkit-slider-thumb,input.sat::-webkit-slider-thumb{appearance:none;background:#fff;border:2px solid #1b2134;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 3px #0000004d}select{width:100%}.macros{grid-template-columns:minmax(250px,300px) minmax(0,1fr);gap:16px;display:grid}.macro-slots{grid-template-columns:repeat(4,1fr);align-content:start;gap:6px;display:grid}.macro-cap{aspect-ratio:1.15;border:1.5px dashed var(--line);color:var(--ink-2);font-family:var(--font-cap);cursor:pointer;background:0 0;border-radius:10px;place-items:center;padding:4px;font-weight:600;display:grid;position:relative}.macro-cap.filled{background:var(--cap-alpha);color:var(--cap-ink);border:0;box-shadow:inset 0 -3px #00000029,0 1px 2px #00000040}.macro-cap.active{outline:2px solid var(--accent);outline-offset:2px}.macro-cap-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;overflow:hidden}.macro-flag{color:#3a2a00;background:#f2c14e;border-radius:4px;padding:1px 0;font-size:10px;line-height:1.2;position:absolute;bottom:4px;left:4px;right:4px}.macro-edit{align-content:start;gap:10px;min-width:0;display:grid}.macro-head{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.macro-head input{width:160px}.steps{border-radius:var(--radius);background:var(--card);min-height:52px;box-shadow:var(--shadow);flex-wrap:wrap;gap:6px;margin:0;padding:10px;list-style:none;display:flex}.step{background:var(--card-2);border:1px solid var(--line);border-radius:8px;align-items:center;gap:6px;min-height:32px;padding:0 4px 0 10px;display:inline-flex}.step-verb{color:var(--ink-2);font-size:12px}.step-what{white-space:pre;font-weight:600}.step-remove{width:24px;height:24px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:6px}.step-remove:hover{background:var(--line)}.recording-cursor{color:var(--failed);border-style:dashed;padding-right:10px}.macro-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.add-text{gap:6px;display:flex}.add-pause select{width:auto}.rec-dot{background:#d33;border-radius:50%;width:10px;height:10px}.listening .rec-dot{animation:.9s ease-in-out infinite lamp-pulse}.macro-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.macro-actions{flex-wrap:wrap;gap:8px;display:flex}.budget{color:var(--ink-2);font-variant-numeric:tabular-nums;align-items:center;gap:10px;font-size:14px;display:flex}.budget.over{color:var(--failed);font-weight:600}.budget-bar{background:var(--line);border-radius:3px;width:120px;height:6px;overflow:hidden}.budget-bar span{background:var(--ink);height:100%;display:block}.budget.over .budget-bar span{background:var(--failed)}.snapshots{grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:20px;display:grid}.snapshot-make,.review{align-content:start;gap:10px;display:grid}.snapshot-make h3,.review h3{font-size:17px}.snapshot-make form input{flex:1;min-width:160px}.snapshot-items{gap:8px;margin:0;padding:0;list-style:none;display:grid}.snapshot-item{border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.snapshot-name{font-weight:600}.review{border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);padding:14px}.diff-list{margin:0;padding-left:20px;font-weight:500}.writelog{border-left:1px solid var(--line);background:var(--card);flex-direction:column;grid-area:2/2;width:320px;min-height:0;display:flex}.writelog-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 10px 8px 16px;display:flex}.writelog-head h2{font-size:15px}.writelog-empty{color:var(--ink-2);padding:16px;font-size:14px}.writelog-list{margin:0;padding:6px 0;list-style:none;overflow:auto}.entry{border-bottom:1px solid color-mix(in srgb, var(--line) 60%, transparent);border-left:3px solid #0000;justify-items:start;gap:2px;padding:10px 16px;display:grid}.entry-pending{border-left-color:var(--saving)}.entry-failed{border-left-color:var(--failed);background:color-mix(in srgb, var(--danger-soft) 60%, transparent)}.entry.undone .entry-text{color:var(--ink-2);text-decoration:line-through;text-decoration-color:color-mix(in srgb, var(--ink-2) 50%, transparent)}.entry-meta{color:var(--ink-2);font-variant-numeric:tabular-nums;gap:8px;font-size:12px;display:flex}.entry-saved .entry-state{color:var(--saved);font-weight:600}.entry-pending .entry-state{color:var(--saving);font-weight:600}.entry-failed .entry-state{color:var(--failed);font-weight:600}.entry-text{font-size:14px}.entry-fail{color:var(--ink-2);font-size:13px}.entry-swatch{vertical-align:-1px;border:1px solid var(--line);border-radius:3px;width:12px;height:12px;margin-right:6px;display:inline-block}.entry .link{font-size:13px}@media (width<=1100px){.zones{grid-template-columns:1fr!important}}@media (width<=760px){:root{--dock-h:auto}.workspace{grid-template-columns:minmax(0,1fr);height:auto;min-height:100dvh}.brand-name,.board-chip{display:none}.topbar{gap:6px;padding:0 8px}.topbar .button{padding:0 8px}.lamp-text{text-overflow:ellipsis;white-space:nowrap;max-width:30vw;overflow:hidden}.stage{flex:none;height:56vw;min-height:220px}.stage-top{overflow-x:auto}.flat-wrap{inset:54px 14px 34px}.stage-bottom{display:none}.writelog{z-index:10;width:min(360px,100vw);box-shadow:var(--shadow);position:fixed;inset:52px 0 0 auto}.macros,.snapshots{grid-template-columns:1fr}.sentence-row{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}