*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--desk:#e4e0d8;--surface:#faf9f6;--surface-hover:#eeebe5;--surface-sunken:#f2efea;--scrim:#14121c66;--text:#252923;--text-secondary:#555b53;--text-disabled:#a19f98;--border:#d9d5cd;--border-strong:#7d8579;--accent:#5b4fd6;--accent-text:#fff;--accent-soft:#e9e6fb;--focus:#5b4fd6;--danger:#b42d34;--warning:#9a5b00;--success:#2c7a4b;--info:#2f5bd3;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-float:0 1px 2px #25292314, 0 4px 14px #2529231a;--shadow-popover:0 2px 6px #2529231a, 0 12px 32px #2529232e;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--control:44px;--float-inset:12px;--font-ui:system-ui, -apple-system, sans-serif;--font-mono:"SF Mono", "Cascadia Code", "Fira Code", monospace;--text-xs:12px;--text-sm:13px;--text-md:14px;--z-float:20;--z-notice:25;--z-panel:30;--z-scrim:35;--z-popover:40;--z-toast:50}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--desk:#141312;--surface:#232221;--surface-hover:#33312e;--surface-sunken:#1b1a19;--scrim:#0000008c;--text:#f2f0ec;--text-secondary:#c4c0b8;--text-disabled:#6f6b65;--border:#3d3a36;--border-strong:#8f8a82;--accent:#b4aaff;--accent-text:#1b1640;--accent-soft:#3a3463;--focus:#b4aaff;--danger:#ffb4ab;--warning:#f2b84b;--success:#8fd4a6;--info:#a9c1ff;--shadow-float:0 1px 2px #0000004d, 0 4px 14px #00000059;--shadow-popover:0 2px 6px #00000059, 0 12px 32px #00000080}html,body{background:var(--desk);width:100%;height:100%;overflow:hidden}[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.noscript-message{z-index:var(--z-toast);width:max-content;max-width:min(32rem, calc(100% - 2 * var(--space-4)));padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font:var(--text-md)/1.5 var(--font-ui);text-align:center;margin:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-width:var(--control);min-height:var(--control);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text);font:600 var(--text-sm)/1.3 var(--font-ui);text-align:center;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;transition:background-color .1s,color .1s,border-color .1s;display:inline-flex}.btn svg{pointer-events:none;flex:none;display:block}.btn:hover:not(:disabled){background:var(--surface-hover)}.btn[aria-pressed=true],.btn[aria-expanded=true]{background:var(--accent-soft);color:var(--accent)}.btn:disabled{color:var(--text-disabled);cursor:not-allowed;background:0 0}.btn-icon{width:var(--control);height:var(--control);padding:0}.btn-icon svg{width:20px;height:20px}.btn-icon:disabled{border:1px dashed var(--border)}.btn-primary{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.btn-primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 86%, var(--text))}.btn-primary:disabled{border-color:var(--border);background:var(--surface-sunken)}.btn-primary:focus-visible{box-shadow:inset 0 0 0 2px var(--accent-text)}.choice{align-items:center;gap:var(--space-2);width:100%;min-height:var(--control);padding:var(--space-2) 10px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--text);font:500 var(--text-sm)/1.4 var(--font-ui);text-align:left;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;display:flex}.choice:hover{background:var(--surface-hover)}.choice[aria-pressed=true]{border:2px solid var(--accent);background:var(--accent-soft);padding:7px 9px}.swatch{width:var(--control);height:var(--control);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:2.5px solid #0000;border-radius:50%;flex-shrink:0;padding:6px;transition:border-color .12s,transform .1s;position:relative;background-clip:content-box!important}.swatch:hover{transform:scale(1.1)}.swatch[aria-pressed=true]{border-color:var(--accent)}.swatch[aria-pressed=true]:after{content:"✓";color:var(--swatch-check,#fff);font:700 20px var(--font-ui);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.swatch-outlined{outline:1px solid var(--border-strong);outline-offset:-9.5px}.swatch:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.field{width:100%;min-width:0;min-height:var(--control);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--text);font:var(--text-md) var(--font-ui);padding:6px 10px;transition:border-color .15s}.field::placeholder{color:var(--text-secondary)}.field:focus{border-color:var(--accent)}.field[aria-invalid=true]{border-color:var(--danger)}.floating{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-float)}.popover{padding:var(--space-3);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-popover);font:var(--text-sm)/1.4 var(--font-ui);overflow-y:auto}.section-heading{color:var(--text-secondary);font-size:var(--text-xs);font-weight:600}.segmented{gap:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-sunken);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding:3px;display:grid}.segmented .btn{min-width:0;padding:var(--space-1) 6px;border-radius:var(--radius-sm);font-size:var(--text-xs);gap:6px}kbd{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--text);font:var(--text-xs)/1.3 var(--font-mono);white-space:nowrap;padding:2px 6px;display:inline-block}.app{--inset-top:max(var(--float-inset), env(safe-area-inset-top));--inset-right:max(var(--float-inset), env(safe-area-inset-right));--inset-bottom:max(var(--float-inset), env(safe-area-inset-bottom));--inset-left:max(var(--float-inset), env(safe-area-inset-left));--float-gap:var(--space-2);--pill-padding:6px;--pill:calc(var(--control) + 2 * var(--pill-padding) + 2px);--rail-width:calc(2 * var(--control) + var(--space-1) + 2 * var(--pill-padding) + 2px);--navigator-size:204px;--chrome-top:calc(var(--inset-top) + var(--pill) + var(--float-gap));--cluster-reserve:calc(var(--inset-bottom) + var(--pill) + var(--float-gap));--navigator-reserve:calc(var(--inset-bottom) + var(--navigator-size) + var(--float-gap));--notices-bottom:var(--cluster-reserve);--gauge-bottom:var(--navigator-reserve);--gauge-label:72px;--notices-left:var(--inset-left);--notices-right:var(--inset-right);--card-bottom:calc(var(--notices-bottom) + var(--pill) + var(--float-gap));background:var(--desk);color:var(--text);font:var(--text-md)/1.5 var(--font-ui);position:fixed;inset:0;overflow:hidden}.app:has(.navigator-panel:not([hidden])){--notices-left:calc(var(--inset-left) + var(--navigator-size) + var(--float-gap));--notices-right:calc(var(--inset-right) + var(--navigator-size) + var(--float-gap))}.workspace-header{z-index:var(--z-popover);justify-content:space-between;align-items:flex-start;gap:var(--float-gap);padding:var(--inset-top) var(--inset-right) 0 var(--inset-left);pointer-events:none;display:flex;position:absolute;top:0;left:0;right:0}.workspace-header>*{pointer-events:auto}.workspace-identity,.workspace-actions{align-items:center;gap:var(--space-1);min-width:0;padding:var(--pill-padding);-webkit-user-select:none;user-select:none;display:flex}.workspace-identity{flex:0 auto}.workspace-actions{flex:none}.workspace-brand{margin:0 var(--space-2) 0 var(--space-1);color:var(--accent);flex:none;align-items:center;gap:6px;display:inline-flex}.workspace-wordmark{color:var(--text);font:600 15px/1 var(--font-ui);letter-spacing:-.2px}.workspace-canvas-name{gap:var(--space-1);min-width:0;max-width:min(440px,100%)}.workspace-canvas-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.workspace-status{margin-right:var(--space-1);padding:var(--space-1) 10px;border:1px solid var(--border);background:var(--surface-sunken);color:var(--text-secondary);font-size:var(--text-xs);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;display:inline-flex}.workspace-header>.viewport-status{top:calc(100% + var(--space-2));max-width:calc(100% - 2 * var(--space-3));color:var(--text-secondary);font-size:var(--text-xs);white-space:nowrap;pointer-events:none;opacity:0;padding:6px 12px;transition:opacity .18s ease-out;position:absolute;left:50%;transform:translate(-50%)}.viewport-status.is-visible{opacity:1;transition:none}.status-dot{background:var(--warning);border-radius:50%;width:8px;height:8px;display:inline-block}.workspace-actions .btn-primary{padding:0}.workspace-actions .workspace-like{gap:var(--space-1);width:auto;padding:0 var(--space-2);font-variant-numeric:tabular-nums}.workspace-like[aria-pressed=true]{background:0 0}.workspace-like[aria-pressed=true]:not(:disabled){color:var(--danger)}.workspace-like[aria-pressed=true] svg{fill:currentColor}.workspace-like[aria-busy=true]{cursor:progress}.workspace-popover{top:var(--chrome-top);right:var(--inset-right);width:min(360px, calc(100% - var(--inset-left) - var(--inset-right)));max-height:calc(100dvh - var(--chrome-top) - var(--inset-bottom));position:fixed}.workspace-popover-start{left:var(--inset-left);right:auto}.workspace-popover .info-section{padding:var(--space-2) var(--space-1)}.workspace-popover .section-heading{margin-bottom:var(--space-2)}.workspace-presence{width:min(300px, calc(100% - var(--inset-left) - var(--inset-right)))}.workspace-presence .info-section{padding:var(--space-2) 0}.workspace-presence .info-section+.info-section{border-top:1px solid var(--border)}.workspace-presence .info-section:last-child{padding-bottom:0}.workspace-presence .account-section{justify-content:space-between;align-items:center;gap:var(--space-2);padding-top:0;display:flex}.account-identity{align-items:center;gap:var(--space-1);flex:1;min-width:0;display:flex}.account-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.account-name-input{width:0;font-size:var(--text-sm);flex:1}.account-action{padding-inline:var(--space-2);font-size:var(--text-sm);flex:none}.workspace-presence .section-heading{margin-bottom:var(--space-1)}.workspace-presence .presence-you{padding:var(--space-1) 0;font-weight:500}.avatar-stack{padding:0 var(--space-2);gap:0}.avatar{width:28px;height:28px;box-shadow:0 0 0 2px var(--surface);font:600 var(--text-xs)/1 var(--font-ui);border-radius:50%;flex:none;place-items:center;margin-left:-6px;display:inline-grid}.avatar:first-child{margin-left:0}.avatar svg{width:16px;height:16px}.avatar-more,.avatar-self{border:1px solid var(--border-strong);background:var(--surface-sunken);color:var(--text)}.avatar-more{color:var(--text-secondary);font-size:11px}.avatar-self{margin-left:var(--space-1)}.avatar:first-child.avatar-self{margin-left:0}.avatar-stack-offline .avatar-self{opacity:.55}.menu-item{text-align:left;justify-content:flex-start;width:100%;font-weight:500}.menu-item svg{width:18px;height:18px}.menu-group{margin-top:var(--space-1);padding:var(--space-2) var(--space-1);border-top:1px solid var(--border)}.menu-group>.section-heading{margin-bottom:var(--space-2)}.menu-group .info-row{padding:0 var(--space-3)}.menu-danger{color:var(--danger)}.help-actions{margin:var(--space-2) 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.help-actions .btn{border-color:var(--border-strong)}.shortcuts-table{border-collapse:collapse;width:100%}.shortcuts-table td{padding:var(--space-1) var(--space-2) var(--space-1) 0;font-size:var(--text-xs);vertical-align:middle}.shortcuts-table td:first-child{white-space:nowrap;width:1%}.shortcuts-table td:last-child{color:var(--text-secondary)}.info-row{margin-bottom:var(--space-1);justify-content:space-between;align-items:center;display:flex}.info-row-label{color:var(--text-secondary);font-size:var(--text-sm)}.info-row-value{color:var(--text);font:var(--text-sm) var(--font-mono)}.name-input-label{margin-bottom:var(--space-1);color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;display:block}.canvas-current{margin:2px 0 var(--space-2);color:var(--text);font-size:var(--text-md);align-items:center;gap:6px;font-weight:600;display:flex}.canvas-current-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.canvas-current .btn{flex:none;font-weight:500}.canvas-rename-input{flex:auto}.canvas-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.canvas-actions .btn,.presence-jump{border-color:var(--border-strong)}.canvas-note{color:var(--text-secondary);font-size:var(--text-xs);margin-top:6px;line-height:1.3}.canvas-share-fallback:not([hidden]){margin-top:var(--space-2);display:block}.canvas-recent{margin-top:var(--space-2)}.canvas-recent summary{width:100%;min-height:var(--control);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--text);font-size:var(--text-sm);cursor:pointer;touch-action:manipulation;align-items:center;gap:10px;padding:10px 12px;font-weight:600;list-style:none;display:flex}.canvas-recent summary::-webkit-details-marker{display:none}.canvas-recent summary:after{content:"";border-bottom:2px solid;border-right:2px solid;flex:0 0 8px;width:8px;height:8px;margin-left:auto;transform:rotate(45deg)}.canvas-recent[open]>summary:after{transform:rotate(225deg)}.canvas-recent summary:hover,.canvas-recent[open]>summary{background:var(--surface-hover)}.canvas-recent-list{gap:var(--space-1);margin:var(--space-1) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.canvas-recent-btn{width:100%;min-width:0;color:var(--text-secondary);font:var(--text-sm)/1.3 var(--font-mono);text-align:left;justify-content:flex-start;gap:6px}.canvas-recent-btn.current{border-color:var(--border-strong);color:var(--text);cursor:default}.canvas-recent-id{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.canvas-recent-tag{color:var(--text-secondary);font:600 var(--text-xs)/1 var(--font-ui);letter-spacing:.5px;flex:none}.canvas-recent-empty{color:var(--text-secondary);font-size:var(--text-sm);padding:2px 0}.presence-you{padding:var(--space-2) 0;font:600 var(--text-xs)/1.4 var(--font-ui);overflow-wrap:anywhere}.presence-list{max-height:224px;margin:0;padding:0;list-style:none;overflow-y:auto}.presence-row{align-items:center;gap:var(--space-2);min-height:48px;padding:var(--space-1) 0;display:flex}.presence-swatch{border-radius:50%;flex:0 0 9px;width:9px;height:9px}.presence-text{min-width:0;font:var(--text-xs)/1.4 var(--font-ui);overflow-wrap:anywhere;flex-direction:column;flex:1;display:flex}.presence-hint{color:var(--text-secondary);font-size:11px}.presence-jump{flex:none}.toolbar{top:var(--chrome-top);bottom:var(--cluster-reserve);left:var(--inset-left);z-index:var(--z-float);align-items:center;gap:var(--space-1);width:var(--rail-width);height:fit-content;max-height:calc(100% - var(--chrome-top) - var(--cluster-reserve));padding:var(--pill-padding);overscroll-behavior:contain;scrollbar-width:thin;-webkit-user-select:none;user-select:none;flex-direction:column;margin-block:auto;display:flex;position:absolute;overflow:hidden auto}.app.flipped .toolbar{left:auto;right:var(--inset-right);bottom:var(--navigator-reserve);max-height:calc(100% - var(--chrome-top) - var(--navigator-reserve))}@media (width>=900px),(width>=600px) and (height>=501px){.app.flipped:not(:has(.navigator-panel:not([hidden]))) .toolbar{bottom:var(--cluster-reserve);max-height:calc(100% - var(--chrome-top) - var(--cluster-reserve))}}.toolbar-group,.toolbar-group-grid{gap:var(--space-1);flex:none;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.toolbar-group .btn-icon,.toolbar-group-grid .btn-icon{width:auto}.toolbar-eraser-modes{gap:var(--space-1);grid-template-columns:1fr;width:100%;display:grid}.toolbar-eraser-modes .segmented{grid-auto-flow:row}.toolbar-check{min-height:var(--control);color:var(--text);font:500 var(--text-xs)/1.25 var(--font-ui);cursor:pointer;align-items:center;gap:6px;padding:0 6px;display:flex}.toolbar-check input{width:16px;height:16px;accent-color:var(--accent);flex:none;margin:0}.toolbar-separator{background:var(--border);flex-shrink:0;width:100%;height:1px}.toolbar-spacer{display:none}.toolbar-unused{visibility:hidden}.toolbar-slot{flex:none;align-items:start;width:100%;display:grid}.toolbar-slot>*{grid-area:1/1}.toolbar .btn[aria-pressed=true]{background:var(--accent);color:var(--accent-text)}.toolbar .btn[aria-pressed=true]:focus-visible{box-shadow:inset 0 0 0 2px var(--accent-text)}.toolbar-tool{width:100%;min-width:0;min-height:56px;padding:var(--space-1) 2px;font:600 11px/1.2 var(--font-ui);flex-direction:column;gap:2px}.toolbar-tool span,.toolbar-tool small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.toolbar-tool small{font:10px/1.2 var(--font-ui)}.toolbar-tool svg,.toolbar-move svg{width:18px;height:18px}.toolbar-tools>.toolbar-brush{grid-column:1/-1;padding-inline:18px;position:relative}.toolbar-brush-chevron{display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.toolbar-tool .toolbar-brush-chevron svg{width:14px;height:14px}.toolbar-move{width:100%}.toolbar-size{font:600 11px var(--font-ui);flex-direction:column;gap:2px}.toolbar-size svg{width:20px;height:20px}.tool-sample{background:#fff;border-radius:5px;flex:none;display:block}.active-tool-preview{border:1px solid var(--border-strong);width:88px;height:38px}.tool-popover{top:var(--chrome-top);left:calc(var(--inset-left) + var(--rail-width) + var(--float-gap));z-index:var(--z-popover);width:min(340px, calc(100% - var(--rail-width) - var(--inset-left) - var(--inset-right) - var(--float-gap)));max-height:calc(100% - var(--chrome-top) - var(--inset-bottom));position:absolute}.app.flipped .tool-popover{left:auto;right:calc(var(--inset-right) + var(--rail-width) + var(--float-gap))}.tool-picker-heading{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.tool-picker-choices{flex-direction:column;gap:6px;display:flex}.brush-choice{justify-content:space-between;min-height:52px}.selection-bar{z-index:var(--z-float);max-width:calc(100% - 16px);padding:var(--space-1);color:var(--text);font:var(--text-sm)/1.4 var(--font-ui);will-change:transform;flex-direction:column;display:flex;position:absolute;top:0;left:0}.selection-bar:has(>.selection-picker:not([hidden])){z-index:var(--z-popover)}.selection-bar-offscreen{visibility:hidden}.selection-bar-row{align-items:center;gap:2px;display:flex}.selection-bar-label{padding:0 var(--space-2) 0 6px;white-space:nowrap;flex:none;align-items:center;gap:6px;font-weight:600;display:inline-flex}.selection-bar-swatch{border:1px solid var(--border-strong);border-radius:50%;width:16px;height:16px}.selection-depth-btn{padding-inline:var(--space-2);gap:2px}.selection-bar-reason{max-width:320px;padding:2px var(--space-2) var(--space-1);color:var(--text-secondary);font-size:var(--text-xs)}.selection-picker{top:calc(100% + var(--space-2));width:248px;max-width:calc(100vw - 16px);position:absolute;left:0}.selection-picker-up{top:auto;bottom:calc(100% + var(--space-2))}.selection-picker-heading{margin-bottom:var(--space-2);display:block}.selection-picker-check{align-items:center;gap:var(--space-2);min-height:var(--control);margin-bottom:var(--space-1);cursor:pointer;display:flex}.selection-picker-check input{width:16px;height:16px;accent-color:var(--accent)}.selection-picker-list{gap:var(--space-1);flex-direction:column;display:flex}.selection-option{justify-content:space-between}.selection-option>span{white-space:nowrap;flex:none}.selection-option small{color:var(--text-secondary);font-size:var(--text-xs);text-align:right}.selection-option[aria-disabled=true]{color:var(--text-disabled);cursor:not-allowed;background:0 0;border-style:dashed}.selection-option[aria-disabled=true] small{color:var(--text-disabled)}.selection-picker-custom{gap:var(--space-1);margin-top:var(--space-2);display:grid}.selection-picker-field{gap:6px;display:flex}.selection-picker-field .field{flex:1;width:auto}.selection-picker-message{color:var(--danger);font-size:var(--text-xs)}.selection-picker-message:empty{display:none}.canvas-container{background:var(--desk);position:absolute;inset:0;overflow:hidden}.canvas-container canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block}.toast-stack{top:var(--chrome-top);z-index:var(--z-toast);align-items:center;gap:var(--space-2);width:min(360px, calc(100% - var(--inset-left) - var(--inset-right)));pointer-events:none;flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--info);border-radius:var(--radius-md);background:var(--surface);max-width:100%;box-shadow:var(--shadow-popover);color:var(--text);font:var(--text-xs)/1.35 var(--font-ui);overflow-wrap:anywhere;opacity:1;padding:9px 11px;transition:opacity .18s,transform .18s;transform:translateY(0)}.toast-success{border-color:var(--success)}.toast-warning{border-color:var(--warning)}.toast-error{border-color:var(--danger)}.toast-exiting{opacity:0;transform:translateY(-4px)}.connection-notices{bottom:var(--notices-bottom);left:var(--notices-left);right:var(--notices-right);z-index:var(--z-notice);align-items:center;gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:absolute}.connection-notices button{pointer-events:auto}.connection-notice,.save-warning{border:1px solid var(--border);border-left:3px solid var(--warning);border-radius:var(--radius-md);background:var(--surface);max-width:min(460px,100%);box-shadow:var(--shadow-float);color:var(--text);font:var(--text-xs)/1.4 var(--font-ui);overflow-wrap:anywhere;padding:9px 11px}.save-warning p{margin:0 0 var(--space-2)}.save-warning .btn{border-color:var(--border-strong)}.info-panel{top:var(--chrome-top);right:var(--inset-right);z-index:var(--z-panel);width:min(300px, calc(100% - var(--inset-left) - var(--inset-right)));max-height:calc(100% - var(--chrome-top) - var(--navigator-reserve));overscroll-behavior:contain;color:var(--text);font:var(--text-md)/1.5 var(--font-ui);flex-direction:column;display:flex;position:absolute;overflow:hidden auto}.app.flipped .info-panel{right:auto;left:var(--inset-left)}.info-section{padding:var(--space-3) var(--space-4);flex-shrink:0}.panel-heading{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.panel-heading h2{font-size:16px;font-weight:600}.panel-title{align-items:center;gap:6px;min-width:0;display:flex}.panel-about{color:var(--text-secondary)}.panel-about-note{margin:0 0 var(--space-2)}.depth-section{min-width:0;padding-top:0}.depth-banner{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);border:1px solid var(--accent);border-radius:var(--radius-md);background:var(--accent-soft);color:var(--text);font:600 var(--text-sm)/1.4 var(--font-ui);padding:2px 2px 2px 10px;display:flex}.depth-banner-paused{padding:var(--space-2) 10px;border-color:var(--border-strong);background:var(--surface-sunken);font:var(--text-xs)/1.4 var(--font-ui)}.depth-list{gap:var(--space-1);flex-direction:column;display:flex}.depth-row{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-sunken)}.depth-row.muted{border-style:dashed}.depth-row.isolated{border-color:var(--accent)}.depth-row-main{min-height:var(--control);align-items:center;gap:2px;display:flex}.depth-row-text{min-width:0;padding:2px var(--space-1);flex-direction:column;flex:1;display:flex}.depth-row-name{color:var(--text);font:600 var(--text-sm)/1.3 var(--font-ui);white-space:nowrap;align-items:center;gap:6px;display:flex}.depth-row-count{color:var(--text-secondary);font:var(--text-xs)/1.3 var(--font-ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.depth-row.muted .depth-row-name{color:var(--text-secondary)}.depth-row-here{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px}.depth-row-badge{border:1px solid var(--border-strong);color:var(--text-secondary);font:600 11px/1.4 var(--font-ui);border-radius:999px;padding:0 6px}.depth-eye[aria-pressed=true]{color:var(--text);background:0 0}.depth-eye[aria-pressed=true]:hover:not(:disabled){background:var(--surface-hover)}.depth-eye[aria-pressed=false]{color:var(--text-secondary)}.depth-row-saved{padding:0 10px var(--space-2);color:var(--text-secondary);font:var(--text-xs)/1.4 var(--font-ui)}.depth-row-more{gap:var(--space-1);padding:0 10px 10px;display:grid}.depth-opacity{color:var(--text-secondary);font:var(--text-xs)/1.5 var(--font-ui);gap:6px;display:grid}.depth-opacity input{width:100%;min-width:0;min-height:var(--control);accent-color:var(--accent)}.depth-isolate{border-color:var(--border-strong)}.mobile-overlay{display:none}.navigation{left:var(--inset-left);bottom:var(--inset-bottom);z-index:var(--z-float);max-width:calc(100% - var(--inset-left) - var(--inset-right));padding:var(--pill-padding);-webkit-user-select:none;user-select:none;align-items:center;gap:2px;display:flex;position:absolute}.navigation-more>summary{display:none}.navigation-more-actions{align-items:center;gap:2px;display:flex}.navigation-hint{align-items:center;gap:var(--space-2);max-width:min(460px,100%);padding:var(--pill-padding) var(--pill-padding) var(--pill-padding) var(--space-3);border-radius:var(--radius-md);color:var(--text);font:var(--text-sm) / 1.4 var(--font-ui);display:flex}.navigator{bottom:var(--inset-bottom);right:var(--inset-right);z-index:var(--z-float);max-width:calc(100% - var(--inset-left) - var(--inset-right));position:absolute}.navigator-panel{width:var(--navigator-size);max-width:100%;padding:6px;position:relative}.minimap-canvas-wrap{aspect-ratio:1;border-radius:var(--radius-md);background:var(--desk);cursor:crosshair;width:100%;padding:6px;position:relative}.minimap-canvas-wrap canvas{width:100%;height:100%;display:block}.navigator-collapse{border-radius:0 var(--radius-md) 0 var(--radius-md);background:color-mix(in srgb, var(--surface) 88%, transparent);position:absolute;top:6px;right:6px}.navigator-collapse:hover:not(:disabled){background:var(--surface)}.navigator-expand:focus-visible{box-shadow:0 0 0 7px var(--surface), var(--shadow-float)}.depth-gauge{top:var(--chrome-top);right:var(--inset-right);bottom:var(--gauge-bottom);z-index:var(--z-float);width:var(--control);pointer-events:none;flex-direction:column;justify-content:center;display:flex;position:absolute}.app.flipped .depth-gauge{right:auto;left:var(--inset-left);bottom:var(--cluster-reserve)}.app:has(.info-panel:not([hidden])) .depth-gauge{visibility:hidden}.depth-gauge-rail{cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:999px;flex:none;width:100%;position:relative}.depth-gauge-tick{background:var(--border-strong);border-radius:1px;width:10px;height:2px;margin:-1px 0 0 -5px;position:absolute;left:50%}.depth-gauge-tick.has-drawings{background:var(--accent);border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px}.depth-gauge-marker{will-change:transform;height:0;position:absolute;top:0;left:0;right:0}.depth-gauge-marker:before{content:"";background:var(--accent);border-radius:2px;height:3px;position:absolute;top:-1.5px;left:8px;right:8px}.depth-gauge-marker-label,.depth-gauge-tip{white-space:nowrap;pointer-events:none;position:absolute;right:calc(100% + 6px);transform:translateY(-50%)}.depth-gauge-marker-label{padding:2px var(--space-2);background:var(--accent);box-shadow:var(--shadow-float);color:var(--accent-text);font:600 var(--text-xs)/1.4 var(--font-ui);border-radius:999px;top:0}.depth-gauge-tip{z-index:1;padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-popover);color:var(--text);font:var(--text-xs)/1.4 var(--font-ui)}.app.flipped .depth-gauge-marker-label,.app.flipped .depth-gauge-tip{left:calc(100% + 6px);right:auto}.places-panel{left:var(--inset-left);bottom:var(--places-bottom,var(--cluster-reserve));z-index:var(--z-popover);width:min(340px, calc(100% - var(--inset-left) - var(--inset-right)));max-height:calc(100% - var(--chrome-top) - var(--places-bottom,var(--cluster-reserve)));position:absolute}.places-heading{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.places-heading h2{font-size:15px;font-weight:600}.places-note{margin-bottom:var(--space-2);color:var(--text-secondary);font-size:var(--text-xs)}.places-form{margin-bottom:var(--space-2)}.places-form label{margin-bottom:var(--space-1);font-weight:500;display:block}.places-row{gap:6px;display:flex}.places-row .field{flex:1;width:auto}.places-message{min-height:0;margin-top:var(--space-1);color:var(--text-secondary);font-size:var(--text-xs)}.places-message:empty{display:none}.places-warning{margin-bottom:var(--space-2);color:var(--danger)}.places-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.places-item{align-items:stretch;gap:6px;display:flex}.places-item>.btn{font-weight:500}.places-item>.places-go{border-color:var(--border);background:var(--surface-sunken);text-align:left;flex-direction:column;flex:1;align-items:flex-start;gap:0;min-width:0}.places-item>.places-go:hover{background:var(--surface-hover)}.places-name{overflow-wrap:anywhere;max-width:100%}.places-depth{color:var(--text-secondary);font-size:var(--text-xs);font-weight:400}.places-rename{flex:1;min-width:0}.onboarding-card{top:calc(50% + (var(--chrome-top) - var(--card-bottom)) / 2);z-index:calc(var(--z-float) - 1);width:min(400px,100% - 32px);max-height:calc(100% - var(--chrome-top) - var(--card-bottom));background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-popover);color:var(--text);font:var(--text-md)/1.45 var(--font-ui);text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;padding:20px;position:absolute;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.onboarding-title{margin-bottom:var(--space-2);font-size:18px;font-weight:600;line-height:1.3}.onboarding-lead{margin-bottom:var(--space-2)}.onboarding-help{margin-bottom:var(--space-3);color:var(--text-secondary);font-size:var(--text-sm)}.onboarding-prompt{margin-bottom:var(--space-4);padding:var(--space-2) 10px;border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--text);font-size:var(--text-sm)}.onboarding-prompt-label{font-weight:600}.onboarding-actions{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.onboarding-actions .btn{padding:var(--space-2) 14px;font:500 var(--text-md) var(--font-ui);pointer-events:auto}.onboarding-actions .btn-quiet{border-color:var(--border-strong)}.onboarding-notice{justify-content:center;align-items:center;gap:var(--space-1) var(--space-2);max-width:min(460px,100%);padding:var(--pill-padding) var(--pill-padding) var(--pill-padding) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-float);color:var(--text);font:var(--text-sm)/1.4 var(--font-ui);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:no-preference){.onboarding-card,.onboarding-notice{animation:.2s ease-out onboarding-in}}@keyframes onboarding-in{0%{opacity:0}to{opacity:1}}@media (width<=899px){.workspace-layers{width:var(--control);padding:0}.workspace-layers .btn-label{display:none}.info-panel,.app.flipped .info-panel{bottom:var(--inset-bottom);z-index:calc(var(--z-scrim) + 1);width:min(360px, calc(100% - var(--inset-left) - var(--inset-right)));max-height:none;padding-bottom:var(--space-4);box-shadow:var(--shadow-popover)}.mobile-overlay.visible{z-index:var(--z-scrim);background:var(--scrim);display:block;position:fixed;inset:0}}@media (width<=599px),(width<=899px) and (height<=500px){.app{--bar:calc(56px + 2 * var(--pill-padding) + 2px);--bar-reserve:calc(var(--inset-bottom) + var(--bar) + var(--float-gap));--cluster-compact-width:150px;--navigator-size:min(160px, 38dvh, 100vw - var(--inset-left) - var(--inset-right) - var(--float-gap) - var(--cluster-compact-width));--notices-bottom:calc(var(--bar-reserve) + var(--pill) + var(--float-gap))}.workspace-actions .workspace-share{width:var(--control);padding:0}.workspace-share .btn-label{display:none}.workspace-header>.viewport-status{left:var(--inset-left);transform:none}.menu-flip{display:none}.info-panel,.app.flipped .info-panel{left:var(--inset-left);right:var(--inset-right);bottom:var(--bar-reserve);width:auto}.toolbar,.app.flipped .toolbar{top:auto;right:var(--inset-right);bottom:var(--inset-bottom);left:var(--inset-left);align-items:center;gap:var(--space-2);width:auto;height:var(--bar);flex-direction:row;max-height:none;margin:0;overflow:auto hidden}.toolbar-group,.toolbar-group-grid,.toolbar-eraser-modes{flex-direction:row;flex:none;width:auto;display:flex}.toolbar-slot{flex:none;align-items:center;width:auto}.toolbar-group .btn-icon,.toolbar-group-grid .btn-icon,.toolbar-move{width:var(--control);flex:0 0 var(--control)}.toolbar-separator{width:1px;height:32px;margin:0}.toolbar-tools .toolbar-tool{width:60px;min-height:56px;padding:var(--space-1) 2px;text-align:center;flex:0 0 60px;display:inline-flex}.toolbar-tools>.toolbar-brush{flex-basis:76px;width:76px}.toolbar-brush-chevron{top:4px;right:4px;transform:none}.toolbar-eraser-modes{align-items:center}.toolbar-eraser-modes .segmented{grid-auto-flow:column}.toolbar-check{white-space:nowrap}.tool-popover,.app.flipped .tool-popover{top:auto;bottom:var(--bar-reserve);left:var(--inset-left);width:min(340px, calc(100% - var(--inset-left) - var(--inset-right)));max-height:calc(100% - var(--chrome-top) - var(--bar-reserve));right:auto}.navigation,.navigator{bottom:var(--bar-reserve)}.app.flipped .depth-gauge{left:auto;right:var(--inset-right);bottom:var(--gauge-bottom)}.app.flipped .depth-gauge-marker-label,.app.flipped .depth-gauge-tip{left:auto;right:calc(100% + 6px)}.app:has(.onboarding-card:not([hidden])) .depth-gauge{display:none}.navigation-more>summary{list-style:none;display:inline-flex}.navigation-more>summary::-webkit-details-marker{display:none}.navigation-more[open]>summary{background:var(--accent-soft);color:var(--accent)}.navigation-more-actions{left:0;bottom:calc(100% + var(--float-gap));padding:var(--pill-padding);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);position:absolute}.onboarding-card{padding:var(--space-4)}.onboarding-title{font-size:16px}}@media (width<=599px){.workspace-wordmark{display:none}.workspace-brand{margin:0 2px}.workspace-canvas-name{padding-inline:6px}.avatar-stack{padding-inline:var(--space-1)}.app{--notices-right:calc(var(--inset-right) + var(--control) + var(--float-gap));--gauge-bottom:calc(var(--notices-bottom) + 2 * (var(--pill) + var(--float-gap)))}.app:has(.navigator-panel:not([hidden])){--notices-bottom:calc(var(--bar-reserve) + var(--navigator-size) + var(--float-gap));--notices-left:var(--inset-left);--notices-right:calc(var(--inset-right) + var(--control) + var(--float-gap))}}@media (width<=899px) and (height<=500px){:is(.app,.app:has(.navigator-panel:not([hidden]))){--notices-bottom:var(--bar-reserve);--notices-left:calc(var(--inset-left) + var(--cluster-compact-width) + var(--float-gap));--notices-right:calc(var(--inset-right) + var(--navigator-size) + var(--float-gap) + var(--control) + var(--gauge-label) + var(--float-gap));--gauge-bottom:var(--bar-reserve)}.depth-gauge,.app.flipped .depth-gauge{right:calc(var(--inset-right) + var(--navigator-size) + var(--float-gap))}.onboarding-card{font-size:var(--text-sm);flex-direction:column;padding:10px 12px;line-height:1.3;display:flex;overflow:hidden}.onboarding-title{flex:none;margin-bottom:2px;font-size:15px}.onboarding-lead{margin-bottom:var(--space-1);flex:none}.onboarding-help{display:none}.onboarding-prompt{min-height:0;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);margin-bottom:6px;overflow:hidden}.onboarding-actions{flex:none}}@media (width<=739px) and (height<=500px){.onboarding-card[data-mode=start] .onboarding-prompt,.onboarding-card[data-mode=start] .onboarding-another-idea{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.workspace-view-only{white-space:nowrap;color:var(--text-secondary);font-size:var(--text-xs);padding:var(--space-1)}.share-access{gap:var(--space-2);padding:var(--space-1) 0;display:grid}.share-access label{align-items:center;gap:var(--space-2);grid-template-columns:minmax(0,1fr) minmax(0,144px);display:grid}.share-copy{width:100%;margin-top:var(--space-2)}.saved-canvas-row .btn-icon{flex:none}.saved-canvas-row{align-items:center;gap:var(--space-1);display:flex}.saved-canvas-row .canvas-recent-btn{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.canvas-unavailable{width:min(420px,100% - 32px);z-index:var(--z-popover);padding:var(--space-4);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.canvas-unavailable h2{margin-top:0}.canvas-unavailable .btn{margin:var(--space-1)}@media (width<=599px),(width<=899px) and (height<=500px){.app{--chrome-top:calc(var(--inset-top) + 2 * var(--pill) + 2 * var(--float-gap))}.workspace-header{flex-wrap:wrap}.workspace-identity{flex:100%;max-width:100%}.workspace-actions{margin-left:auto}.workspace-wordmark{display:none}.workspace-status{border:0;padding:0;font-size:0}}.ui-hidden .floating,.ui-hidden .popover,.ui-hidden .mobile-overlay,.ui-hidden .onboarding-card,.ui-hidden .onboarding-notice{display:none!important}.workspace-hidden-bar{top:var(--inset-top);right:var(--inset-right);align-items:center;gap:var(--space-2);display:flex;position:absolute}.workspace-hidden-bar[hidden]{display:none}.workspace-show-ui,.workspace-hidden-bar .workspace-like{background:color-mix(in srgb, var(--surface) 55%, transparent);border:1px solid color-mix(in srgb, var(--border) 60%, transparent);opacity:.5;border-radius:999px;height:36px;min-height:0;padding:0;transition:opacity .12s}.workspace-show-ui{width:36px;color:var(--text)}.workspace-hidden-bar .workspace-like{gap:var(--space-1);width:auto;padding:0 var(--space-2);font-variant-numeric:tabular-nums;opacity:1}.workspace-hidden-bar .workspace-like:disabled{border-style:dashed}.workspace-show-ui:hover,.workspace-show-ui:focus-visible{opacity:1}