:root{--bg-page:#fafafa;--bg-canvas:#fff;--fg-text:#1a1a1a;--fg-muted:#6b7280;--ink:#1a1a1a;--surface-1:#f1f3f6;--surface-2:#0000000a;--surface-hover:#0000000f;--text:#1a1a1a;--text-muted:#0000008c;--border:#0000001a;--accent:#3b82f6;--grid-dot:#0000002e;--grid-line:#0000001f;--hud-bg:#14181ed9;--hud-fg:#e6f0fa;--hud-border:#ffffff0f;--banner-bg:#14181eeb;--banner-fg:#e8eef5;--banner-shadow:0 8px 32px #0000002e;--pill-bg:#14181e0a;--pill-fg:#6b7280}[data-theme=dark]{--bg-page:#0a0c10;--bg-canvas:#0e1115;--fg-text:#e8eef5;--fg-muted:#8a93a3;--ink:#e8eef5;--surface-1:#161b22;--surface-2:#ffffff0d;--surface-hover:#ffffff14;--text:#e8eef5;--text-muted:#e8eef599;--border:#ffffff1a;--accent:#3b82f6;--grid-dot:#ffffff29;--grid-line:#ffffff1a;--hud-bg:#14181eeb;--hud-fg:#cfeeff;--hud-border:#ffffff0f;--banner-bg:#14181ef0;--banner-fg:#e8eef5;--banner-shadow:0 8px 32px #0006;--pill-bg:#ffffff0a;--pill-fg:#8a93a3}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg-page:#0a0c10;--bg-canvas:#0e1115;--fg-text:#e8eef5;--fg-muted:#8a93a3;--ink:#e8eef5;--surface-1:#161b22;--surface-2:#ffffff0d;--surface-hover:#ffffff14;--text:#e8eef5;--text-muted:#e8eef599;--border:#ffffff1a;--accent:#3b82f6;--grid-dot:#ffffff29;--grid-line:#ffffff1a;--hud-bg:#14181eeb;--hud-fg:#cfeeff;--hud-border:#ffffff0f;--banner-bg:#14181ef0;--banner-fg:#e8eef5;--banner-shadow:0 8px 32px #0006;--pill-bg:#ffffff0a;--pill-fg:#8a93a3}}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg-page);height:100%;color:var(--fg-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font:14px/1.4 -apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;overflow:hidden}#app{background:var(--bg-canvas);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;outline:none;position:fixed;inset:0}#app canvas{pointer-events:none;will-change:transform;display:block;position:absolute;inset:0;transform:translateZ(0)}#app[data-input=pan]{cursor:grab}#app[data-input=panning]{cursor:grabbing}#whiteboard-hud{background:var(--hud-bg);color:var(--hud-fg);border:1px solid var(--hud-border);pointer-events:none;z-index:1000;white-space:pre;letter-spacing:.01em;-webkit-backdrop-filter:blur(8px)saturate(1.2);border-radius:8px;min-width:184px;padding:10px 14px;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;top:12px;right:12px}#whiteboard-pill{background:var(--pill-bg);color:var(--pill-fg);pointer-events:none;z-index:999;letter-spacing:.02em;border-radius:999px;padding:6px 10px;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;bottom:12px;left:12px}#whiteboard-tool-pill{background:var(--pill-bg);color:var(--pill-fg);z-index:999;letter-spacing:.04em;text-transform:uppercase;-webkit-user-select:none;user-select:none;border-radius:999px;font:600 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;bottom:12px;right:12px}.whiteboard-toolpill{align-items:stretch;padding:0;display:inline-flex}.whiteboard-toolpill-gear,.whiteboard-toolpill-cycle{color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:none;transition:filter .1s}.whiteboard-toolpill-gear{text-transform:none;border-radius:999px 0 0 999px;padding:6px 10px;font-size:14px;line-height:1}.whiteboard-toolpill-cycle{border-radius:0 999px 999px 0;padding:8px 14px}.whiteboard-toolpill>*+*{border-left:1px solid #00000014}.whiteboard-toolpill-gear:hover,.whiteboard-toolpill-gear:focus-visible,.whiteboard-toolpill-cycle:hover,.whiteboard-toolpill-cycle:focus-visible{filter:brightness(1.15);outline:none}#whiteboard-banner{background:var(--banner-bg);color:var(--banner-fg);z-index:2000;pointer-events:none;box-shadow:var(--banner-shadow);border:1px solid var(--hud-border);-webkit-backdrop-filter:blur(10px);border-radius:12px;max-width:560px;padding:20px 24px;font:13px/1.5 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#whiteboard-banner pre{margin:0;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}#whiteboard-help{background:var(--hud-bg);color:var(--hud-fg);border:1px solid var(--hud-border);pointer-events:none;z-index:1000;letter-spacing:.01em;-webkit-backdrop-filter:blur(8px);opacity:.92;border-radius:8px;padding:10px 30px 10px 14px;position:fixed;bottom:12px;right:12px}#whiteboard-help .whiteboard-help-close{width:20px;height:20px;color:var(--hud-fg);cursor:pointer;opacity:.6;pointer-events:auto;background:0 0;border:none;border-radius:4px;padding:0;font:12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;transition:opacity .12s,background-color .12s;position:absolute;top:6px;right:6px}#whiteboard-help .whiteboard-help-close:hover{opacity:1;background:var(--hud-border)}#whiteboard-help .whiteboard-help-shortcuts{white-space:pre;margin:0;font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}#whiteboard-help .whiteboard-help-footer{border-top:1px solid var(--hud-border);margin-top:10px;padding-top:8px}#whiteboard-help .whiteboard-help-link{pointer-events:auto;color:var(--banner-fg);letter-spacing:.04em;opacity:.85;font:10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;text-decoration:none;transition:opacity .12s}#whiteboard-help .whiteboard-help-link:hover{opacity:1;text-decoration:underline}#whiteboard-toast{background:var(--hud-bg);color:var(--hud-fg);border:1px solid var(--hud-border);pointer-events:auto;z-index:1500;letter-spacing:.02em;-webkit-backdrop-filter:blur(8px)saturate(1.2);border-radius:999px;align-items:center;gap:8px;padding:8px 8px 8px 16px;font:12px/1.4 -apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000002e}.whiteboard-toast-message{padding-right:4px}.whiteboard-toast-button{border:1px solid var(--hud-border);color:var(--banner-fg);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:6px 14px;transition:background .12s,opacity .12s}.whiteboard-toast-button:hover{background:var(--pill-bg)}.whiteboard-toast-confirm{background:var(--banner-fg);color:var(--banner-bg);border-color:var(--banner-fg);font-weight:600}.whiteboard-toast-confirm:hover{opacity:.85;background:var(--banner-fg)}.whiteboard-popover{background:var(--banner-bg);color:var(--banner-fg);border:1px solid var(--hud-border);box-shadow:var(--banner-shadow);-webkit-backdrop-filter:blur(10px)saturate(1.2);z-index:1500;pointer-events:auto;-webkit-user-select:none;user-select:none;border-radius:12px;min-width:220px;max-width:320px;font:12px/1.4 -apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;position:fixed;overflow:hidden}@keyframes whiteboard-popover-pulse{0%{box-shadow:var(--banner-shadow);transform:scale(1)}30%{box-shadow:var(--banner-shadow), 0 0 0 4px var(--whiteboard-accent,#2563eb);transform:scale(1.025)}to{box-shadow:var(--banner-shadow);transform:scale(1)}}.whiteboard-popover.whiteboard-popover-flash{animation:.5s ease-out whiteboard-popover-pulse}.whiteboard-popover-header{border-bottom:1px solid var(--hud-border);justify-content:space-between;align-items:center;padding:8px 8px 8px 14px;display:flex}.whiteboard-popover-title{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);font-size:10px;font-weight:600}.whiteboard-popover-actions{gap:2px;display:flex}.whiteboard-popover-icon-btn{color:var(--fg-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:background .12s,color .12s;display:inline-flex}.whiteboard-popover-icon-btn:hover,.whiteboard-popover-pin.pinned{background:var(--pill-bg);color:var(--banner-fg)}.whiteboard-popover-section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);margin:10px 0 6px;font-size:10px}.whiteboard-popover-section-label:first-child{margin-top:0}.whiteboard-color-picker{padding:14px}.whiteboard-color-palette{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.whiteboard-color-swatch{border:1px solid var(--hud-border);cursor:pointer;background:0 0;border-radius:8px;width:30px;height:30px;padding:0;transition:transform 80ms,box-shadow .12s}.whiteboard-color-swatch:hover{transform:scale(1.08)}.whiteboard-color-swatch.active{box-shadow:0 0 0 2px var(--banner-bg), 0 0 0 4px var(--banner-fg)}.whiteboard-color-swatch-ink{background:var(--ink)}.whiteboard-tools{min-width:280px;padding:10px}.whiteboard-tools-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);margin:0 4px 6px;font-size:9px;font-weight:600}.whiteboard-tools-palette{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.whiteboard-color-swatch-small{aspect-ratio:1;border-radius:6px;justify-self:center;width:100%;min-width:0;max-width:32px;height:auto}.whiteboard-color-swatch{position:relative}.whiteboard-color-swatch-delete{border:1px solid var(--banner-bg,#fff);background:var(--banner-fg,#111);width:16px;height:16px;color:var(--banner-bg,#fff);cursor:pointer;opacity:0;z-index:10;pointer-events:auto;border-radius:50%;justify-content:center;align-items:center;padding:0;font:700 12px/1 -apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;transition:opacity .12s,transform .12s;display:flex;position:absolute;top:-4px;right:-4px;transform:scale(.85)}.whiteboard-color-swatch:hover .whiteboard-color-swatch-delete,.whiteboard-color-swatch-delete:focus-visible{opacity:1;transform:scale(1)}.whiteboard-tools-row{gap:4px;display:flex}.whiteboard-tool-pill{background:var(--pill-bg);color:var(--banner-fg);border:1px solid var(--hud-border);cursor:pointer;text-align:center;letter-spacing:.01em;border-radius:6px;flex:1;padding:7px 8px;font:11px/1.4 -apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;transition:background .12s,color .12s,border-color .12s}.whiteboard-tool-pill:hover:not(.disabled):not(.active){background:var(--hud-border)}.whiteboard-tool-pill.active{background:var(--banner-fg);color:var(--banner-bg);border-color:var(--banner-fg)}.whiteboard-tool-pill.disabled{opacity:.4;cursor:not-allowed}.whiteboard-tool-pill-icon{justify-content:center;align-items:center;min-width:40px;padding:10px 6px;line-height:0;display:inline-flex}.whiteboard-tool-pill-icon>svg{pointer-events:none;width:22px;height:22px;display:block}.whiteboard-tool-item{text-align:left;width:100%;color:var(--banner-fg);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 10px;font:12px/1.4 -apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;transition:background .12s;display:block}.whiteboard-tool-item:hover{background:var(--pill-bg)}.whiteboard-tool-item-with-icon{align-items:center;gap:8px;display:flex}.whiteboard-tool-item-icon{width:18px;height:18px;color:var(--banner-fg);opacity:.85;flex:none;justify-content:center;align-items:center;display:inline-flex}.whiteboard-tool-item-icon>svg{width:18px;height:18px}.whiteboard-tool-item-label{flex:auto}.whiteboard-tool-item-shortcut{opacity:.55;letter-spacing:.02em;background:var(--pill-bg);border-radius:4px;flex:none;padding:2px 4px;font:10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.whiteboard-fillopacity-row{align-items:center;gap:8px}.whiteboard-fillopacity-slider{background:var(--hud-border);appearance:none;cursor:pointer;border-radius:2px;flex:auto;height:4px;margin:0}.whiteboard-fillopacity-slider:disabled{opacity:.4;cursor:not-allowed}.whiteboard-fillopacity-slider::-webkit-slider-thumb{appearance:none;background:var(--banner-fg);border:2px solid var(--banner-bg);cursor:pointer;border-radius:50%;width:14px;height:14px}.whiteboard-fillopacity-slider::-moz-range-thumb{background:var(--banner-fg);border:2px solid var(--banner-bg);cursor:pointer;border-radius:50%;width:14px;height:14px}.whiteboard-fillopacity-readout{letter-spacing:.02em;text-align:right;min-width:38px;color:var(--banner-fg);opacity:.85;flex:none;font:11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.whiteboard-tool-sep{background:var(--hud-border);height:1px;margin:8px 4px}.whiteboard-options{min-width:240px;padding:14px}.whiteboard-options-section+.whiteboard-options-section{margin-top:12px}.whiteboard-options-pills{flex-wrap:wrap;gap:4px;display:flex}.whiteboard-options-pill{background:var(--pill-bg);color:var(--banner-fg);border:1px solid var(--hud-border);cursor:pointer;letter-spacing:.01em;border-radius:999px;padding:4px 12px;font-family:inherit;font-size:11px;transition:background .12s,color .12s,border-color .12s}.whiteboard-options-pill:hover{background:var(--hud-border)}.whiteboard-options-pill.active{background:var(--banner-fg);color:var(--banner-bg);border-color:var(--banner-fg)}.whiteboard-swatch-add{flex-direction:column;gap:10px;min-width:200px;display:flex}.whiteboard-swatch-add-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted,#00000080);font-size:11px}.whiteboard-swatch-add-row{align-items:center;gap:8px;display:flex}.whiteboard-swatch-add-hex{border:1px solid var(--border,#00000026);background:var(--surface-2,transparent);color:var(--text,inherit);border-radius:6px;flex:1;padding:6px 10px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px}.whiteboard-swatch-add-os-picker{cursor:pointer;background:var(--surface-2,#0000000d);border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:inline-flex;position:relative}.whiteboard-swatch-add-preview-row{align-items:center;gap:8px;display:flex}.whiteboard-swatch-add-preview{border:1px solid var(--border,#00000026);border-radius:50%;width:24px;height:24px}.whiteboard-swatch-add-preview.invalid{background:repeating-linear-gradient(45deg,#0000000d,#0000000d 4px,#0000 4px 8px)}.whiteboard-swatch-add-buttons{justify-content:flex-end;gap:8px;display:flex}.whiteboard-swatch-add-cancel,.whiteboard-swatch-add-confirm{border:1px solid var(--border,#00000026);background:var(--surface-2,transparent);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12px}.whiteboard-swatch-add-confirm{background:var(--accent,#3b82f6);color:#fff;border-color:#0000}.whiteboard-swatch-add-confirm:disabled{opacity:.4;cursor:not-allowed}.whiteboard-color-swatch-custom{border:1.5px solid var(--text-muted,#00000040);box-shadow:inset 0 0 0 1.5px #fff9}.whiteboard-color-swatch-add{border:1.5px dashed var(--text-muted,#0000004d);color:var(--text-muted,#00000080);background:0 0;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex}.whiteboard-color-swatch-recent{width:18px;height:18px}.whiteboard-color-recent-row{gap:6px;margin-top:4px;display:flex}.whiteboard-color-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted,#0006);margin-top:8px;margin-bottom:4px;font-size:9px}.whiteboard-sidepanel{background:var(--surface-1);width:320px;color:var(--text);border-left:1px solid var(--border);z-index:100;flex-direction:column;font-family:inherit;transition:transform .2s ease-out;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-8px 0 24px #00000026}.whiteboard-sidepanel.open{transform:translate(0)}.whiteboard-sidepanel.closing{transition:transform .15s ease-in;transform:translate(100%)}.whiteboard-sidepanel-header{border-bottom:1px solid var(--border,#00000014);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.whiteboard-sidepanel-title{font-size:13px;font-weight:600}.whiteboard-sidepanel-close{color:var(--text-muted,#0000008c);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0 4px;font-size:18px;line-height:1}.whiteboard-sidepanel-close:hover{color:var(--text,inherit);background:var(--surface-2,#0000000d)}.whiteboard-sidepanel-body{flex-direction:column;flex:1;gap:16px;padding:12px 14px;display:flex;overflow-y:auto}.whiteboard-settings-panel{flex-direction:column;gap:18px;display:flex}.whiteboard-settings-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted,#0000008c);margin-bottom:8px;font-size:11px}.whiteboard-settings-sub-label{text-transform:uppercase;color:var(--text-muted,#0006);margin-top:8px;margin-bottom:4px;font-size:10px}.whiteboard-settings-brush-card{border:1px solid var(--border,#00000014);background:var(--surface-2,#00000005);border-radius:8px;margin-bottom:8px;padding:10px 12px}.whiteboard-settings-brush-head{color:var(--ink,currentColor);margin-bottom:8px;font-size:14px;font-weight:600}.whiteboard-settings-brush-head>span:first-child{letter-spacing:.2px;flex:1}.whiteboard-settings-slider{grid-template-columns:80px 1fr 36px;align-items:center;gap:8px;margin:4px 0;display:grid}.whiteboard-settings-slider-label{color:var(--text-muted,#0009);font-size:11px}.whiteboard-settings-slider-value{text-align:right;color:var(--text,inherit);font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px}.whiteboard-settings-slider input[type=range]{width:100%}.whiteboard-settings-reset-link{color:var(--accent,#3b82f6);cursor:pointer;text-align:left;background:0 0;border:none;padding:4px 0;font-size:11px}.whiteboard-settings-pill-row{flex-wrap:wrap;gap:6px;display:flex}.whiteboard-settings-pill{border:1px solid var(--border,#00000026);background:var(--surface-2,transparent);cursor:pointer;border-radius:999px;padding:5px 10px;font-size:11px}.whiteboard-settings-pill.active{background:var(--accent,#3b82f6);color:#fff;border-color:#0000}.whiteboard-settings-custom-list{flex-direction:column;gap:6px;display:flex}.whiteboard-settings-custom-row{align-items:center;gap:8px;display:flex}.whiteboard-settings-custom-preview{border:1px solid var(--border,#00000026);border-radius:50%;width:16px;height:16px}.whiteboard-settings-custom-hex{flex:1;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px}.whiteboard-settings-custom-delete{color:var(--text-muted,#0006);cursor:pointer;background:0 0;border:none;font-size:16px;line-height:1}.whiteboard-settings-custom-empty{color:var(--text-muted,#00000080);font-size:11px;font-style:italic}.whiteboard-settings-add-swatch-btn{border:1px dashed var(--border,#0000004d);cursor:pointer;color:var(--text,inherit);background:0 0;border-radius:6px;margin-top:6px;padding:6px 12px;font-size:11px}.whiteboard-settings-note{color:var(--text-muted,#00000080);font-size:11px;font-style:italic}.whiteboard-settings-advanced-toggle{color:var(--text,inherit);cursor:pointer;text-align:left;background:0 0;border:none;padding:6px 0;font-size:11px}.whiteboard-settings-advanced-body{margin-top:6px}.whiteboard-settings-checkbox{align-items:center;gap:6px;margin:4px 0;font-size:11px;display:flex}.whiteboard-settings-footer{border-top:1px solid var(--border,#00000014);margin-top:4px;padding-top:12px}.whiteboard-settings-reset-btn{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef4444;border-radius:6px;width:100%;padding:8px 12px;font-size:12px}.whiteboard-settings-reset-btn:hover{background:#ef444414}.whiteboard-settings-danger{background:#ef44440d;border:1px solid #ef44442e;border-radius:8px;margin-top:12px;padding:12px}.whiteboard-settings-danger-label{letter-spacing:.06em;text-transform:uppercase;color:#ef4444;margin-bottom:6px;font-size:11px;font-weight:700}.whiteboard-settings-danger-desc{color:var(--fg-muted,#0009);margin:0 0 10px;font-size:11px;line-height:1.4}.whiteboard-settings-factory-reset-btn{color:#fff;background:#ef4444;border-color:#ef4444}.whiteboard-settings-factory-reset-btn:hover{background:#dc2626;border-color:#dc2626}.firstrun-hint{color:var(--ink-muted,oklch(from var(--ink) calc(l * .65) c h));pointer-events:none;-webkit-user-select:none;user-select:none;opacity:1;z-index:5;font-size:14px;font-weight:500;transition:opacity .2s ease-out;position:fixed;bottom:25vh;left:50%;transform:translate(-50%)}.firstrun-hint.fading{opacity:0}body.distraction-free .firstrun-hint{display:none}body.distraction-free .pill,body.distraction-free .helppill,body.distraction-free .toolmenu,body.distraction-free .whiteboard-sidepanel,body.distraction-free .whiteboard-popover{display:none!important}.df-exit-toast{background:var(--toast-bg,#222);color:var(--toast-fg,#eee);opacity:0;pointer-events:none;z-index:50;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:opacity .25s ease-out;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}@supports (color:lab(0% 0 0)){.df-exit-toast{background:var(--toast-bg,lab(13% 0 0));color:var(--toast-fg,lab(94.2% 0 0))}}.df-exit-toast.visible{opacity:1}.whiteboard-settings-brush-head{justify-content:space-between;align-items:center;display:flex}.whiteboard-settings-curve-thumb-btn{border:1px solid var(--border,#0000001f);cursor:pointer;background:0 0;border-radius:4px;align-items:center;margin-left:8px;padding:2px 4px;display:inline-flex}.whiteboard-settings-curve-thumb-btn:hover{background:var(--surface-hover,#0000000a)}.whiteboard-settings-curve-thumb-btn:has(.curve-thumbnail.has-override){border-color:var(--accent,#3b82f6)}.whiteboard-settings-curve-slot{margin-top:8px}.curve-editor{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.curve-graph{background:var(--surface,#00000005);border:1px solid var(--border,#00000014);border-radius:4px}.curve-test-pad{background:var(--surface,#00000005);border:1px dashed var(--border,#00000029);cursor:crosshair;border-radius:4px}.curve-reset{color:var(--accent,#3b82f6);cursor:pointer;background:0 0;border:none;margin-top:8px;padding:4px 0;font-size:11px;display:block}.whiteboard-settings-pe-row{background:var(--surface,#00000005);border:1px solid var(--border,#00000014);border-radius:8px;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding:12px;display:flex}.whiteboard-settings-pe-label{cursor:pointer;flex-direction:column;flex:1;gap:4px;display:flex}.whiteboard-settings-pe-title{font-size:13px;font-weight:600}.whiteboard-settings-pe-help{color:var(--ink-muted,oklch(from var(--ink) calc(l * .65) c h));font-size:11px;line-height:1.4}.whiteboard-settings-pe-input{cursor:pointer;flex-shrink:0;width:18px;height:18px;margin-left:12px}.whiteboard-export-popover{flex-direction:column;gap:4px;padding:4px;display:flex}.whiteboard-export-popover .whiteboard-export-pill{text-align:center;min-width:56px}body.panel-open #whiteboard-tool-pill{transition:right .2s ease-out;right:332px}body.panel-open #whiteboard-pill{opacity:0;pointer-events:none;transition:opacity .15s ease-out}.whiteboard-export-row{align-items:center;gap:6px;padding:6px 8px;display:flex}.whiteboard-export-row+.whiteboard-export-row{padding-top:0}.whiteboard-export-row-label{letter-spacing:.5px;text-transform:uppercase;color:var(--ink-muted,oklch(from var(--ink) calc(l * .55) c h));min-width:48px;font-size:10px;font-weight:600}.whiteboard-export-scope-pill.active{background:var(--accent,#3b82f6);color:#fff;border-color:#0000}