.spatial{--sp-topbar-h: 48px;--sp-status-h: 34px;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--surface);color:var(--ink);font-family:var(--sans)}.sp-viewport{position:absolute;top:var(--sp-topbar-h);left:0;right:var(--dock-w);bottom:var(--sp-status-h);touch-action:none;transition:right .16s ease}.dock-closed .sp-viewport{right:0}.sp-viewport canvas{display:block;width:100%;height:100%}.sp-tool-draw,.sp-tool-erase{cursor:crosshair}.sp-tool-pull,.sp-tool-plane{cursor:ns-resize}.sp-cursor{position:absolute;left:0;top:0;border:1.5px solid rgba(26,26,24,.55);box-shadow:0 0 0 1px #ffffffb3;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .12s ease}.sp-marquee{position:absolute;border:1px dashed var(--signal);background:#1f5fd014;border-radius:3px;pointer-events:none}.spatial .topbar{height:var(--sp-topbar-h)}.spatial .dock{top:var(--sp-topbar-h)}.spatial .dock-reopen{top:calc(var(--sp-topbar-h) + 12px)}.spatial .toolbar{top:calc(var(--sp-topbar-h) + 14px);max-height:calc(100% - var(--sp-topbar-h) - var(--sp-status-h) - 28px)}.spatial .statusbar{height:var(--sp-status-h)}.spatial .board-name{width:200px}.spatial .statusbar{right:var(--dock-w);transition:right .16s ease}.spatial.dock-closed .statusbar{right:0}.sp-units{height:20px;border:1px solid var(--line);background:var(--paper);border-radius:var(--r-sm);font-family:var(--mono);font-size:10.5px;color:var(--ink-2);padding:0 2px;margin-left:8px}.sp-hud{position:absolute;left:50%;bottom:calc(var(--sp-status-h) + 16px);transform:translate(-50%);z-index:26;pointer-events:none}.dock-closed .sp-hud{left:50%}.sp-hud-group{display:inline-flex;align-items:center;gap:4px;padding:4px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);pointer-events:auto}.sp-hud-group button{height:26px;padding:0 11px;border:0;background:transparent;border-radius:var(--r-sm);font-size:12px;font-weight:500;color:var(--ink-2)}.sp-hud-group button:hover{background:var(--surface);color:var(--ink)}.sp-hud-group button.is-active{background:var(--ink);color:var(--on-ink)}.sp-hud-label{font-size:11.5px;color:var(--ink-3);padding-left:8px}.sp-hud-group input[type=range]{width:130px;accent-color:var(--ink)}.sp-hud-sep{width:1px;height:16px;background:var(--line);margin:0 3px}.sp-hud-read{font-family:var(--mono);font-size:11px;color:var(--ink-2);padding-right:8px;min-width:56px;text-align:right}.sp-controls{position:absolute;right:calc(var(--dock-w) + 18px);top:calc(var(--sp-topbar-h) + 16px);display:flex;flex-direction:column;gap:14px;z-index:26;transition:right .16s ease}.dock-closed .sp-controls{right:66px}.sp-control-row{display:flex;align-items:center;gap:8px}.sp-wheel svg{display:block;cursor:grab;touch-action:none;filter:drop-shadow(0 6px 18px rgba(19,26,45,.1))}.sp-wheel:active svg{cursor:grabbing}.sp-wheel.is-idle{opacity:.45;pointer-events:none}.sp-wheel-face{fill:#ffffffe6;stroke:var(--line)}.sp-wheel-hub{fill:var(--ink-3)}.sp-node line{stroke-width:1.6;stroke-linecap:round;opacity:.55}.sp-node circle{stroke-width:1.4;cursor:pointer}.sp-node text{font-family:var(--sans);font-size:8px;font-weight:700;text-anchor:middle;dominant-baseline:central;fill:#fff;pointer-events:none}.sp-node.x line,.sp-node.x circle{stroke:#d4483b}.sp-node.y line,.sp-node.y circle{stroke:#2f8f5b}.sp-node.z line,.sp-node.z circle{stroke:#2f6bf0}.sp-node.x circle{fill:#d4483b}.sp-node.y circle{fill:#2f8f5b}.sp-node.z circle{fill:#2f6bf0}.sp-node.is-back circle{fill:#fff}.sp-node.is-back line{opacity:.2}.sp-node:hover circle{stroke-width:3}.sp-arc{fill:none;stroke-width:2.6;stroke-linecap:round;opacity:.4;cursor:grab}.sp-arc:hover{opacity:1;stroke-width:4}.sp-arrow line{stroke-width:2.2;stroke-linecap:round}.sp-arrow .sp-arrow-hit{stroke:transparent;stroke-width:14;cursor:grab}.sp-arrow:hover line{stroke-width:3}.sp-rail{display:flex;flex-direction:column;gap:1px;padding:4px;border-radius:99px;background:#ffffffe6;border:1px solid var(--line);box-shadow:var(--shadow-1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sp-rail button{width:28px;height:28px;display:grid;place-items:center;border:0;background:transparent;border-radius:50%;color:var(--ink-3)}.sp-rail button:hover{background:var(--surface);color:var(--ink)}.sp-rail button.is-active{background:var(--ink);color:var(--on-ink)}.spatial .ins-note{margin:0;font-size:11.5px;line-height:1.5;color:var(--ink-3)}.ins-more{border:0;background:transparent;font-size:11.5px;font-weight:500;color:var(--signal);padding:2px 4px;border-radius:var(--r-sm)}.ins-more:hover{background:var(--signal-soft)}.sp-range{display:flex;align-items:center;gap:9px;flex:1;min-width:0}.sp-range input[type=range]{flex:1;min-width:0;accent-color:var(--ink);height:18px}.sp-range-value{flex:0 0 auto;min-width:52px;text-align:right;font-family:var(--mono);font-size:11px;color:var(--ink-2)}.sp-hex{flex:1;min-width:0;height:28px;padding:0 9px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);font-family:var(--mono);font-size:11.5px;color:var(--ink)}.sp-hex:focus{outline:none;border-color:var(--signal)}.sp-chip{height:26px;padding:0 10px;border:1px solid var(--line);background:var(--paper);border-radius:99px;font-size:11.5px;color:var(--ink-2);text-transform:capitalize}.sp-chip:hover{border-color:var(--line-strong);color:var(--ink)}.sp-chip.is-active{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.sp-check{display:flex;align-items:center;gap:9px;width:100%;min-height:30px;border:0;background:transparent;font-size:12.5px;color:var(--ink);text-align:left;padding:0}.sp-box{flex:0 0 auto;width:17px;height:17px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:4px;background:var(--paper);font-size:11px;color:transparent}.sp-box.is-on{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.sp-mini{height:26px;padding:0 10px;border:1px solid var(--line);background:var(--paper);border-radius:var(--r-sm);font-size:11.5px;color:var(--ink-2)}.sp-mini:hover{border-color:var(--line-strong);color:var(--ink)}.sp-text{width:100%;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);padding:8px 10px;font-family:var(--sans);font-size:12.5px;color:var(--ink);resize:vertical}.sp-text:focus{outline:none;border-color:var(--signal)}.sp-brushes{display:flex;flex-direction:column;gap:1px;max-height:268px;overflow-y:auto;margin:0 -4px}.sp-brush{display:flex;flex-direction:column;gap:1px;padding:6px 8px;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;text-align:left}.sp-brush:hover{background:var(--surface)}.sp-brush.is-active{background:var(--surface);border-color:var(--line-strong)}.sp-brush img{display:block;width:100%;height:26px;object-fit:contain;object-position:left center;pointer-events:none}.sp-brush span{font-size:11.5px;color:var(--ink-2)}.sp-brush.is-active span{color:var(--ink);font-weight:500}.sp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sp-grid.is-wide{grid-template-columns:repeat(2,1fr)}.sp-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:11px 6px 9px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper);font-size:11px;color:var(--ink-2);text-align:center;line-height:1.25}.sp-tile:hover{border-color:var(--ink);color:var(--ink)}.sp-tile-art{width:30px;height:30px;display:block;border:1.4px solid currentColor;opacity:.8}.art-cube{border-radius:3px;transform:perspective(60px) rotateX(-14deg) rotateY(18deg)}.art-sphere{border-radius:50%}.art-icosphere{clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);border-radius:0}.art-cylinder{border-radius:40%/16%}.art-cone{border:0;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:26px solid currentColor;opacity:.75}.art-torus{border-radius:50%;border-width:6px}.art-plane{height:18px;border-radius:2px;transform:perspective(50px) rotateX(46deg)}.art-capsule{border-radius:15px;width:18px}.art-torusknot{border-radius:50% 12%;border-width:4px}.art-tube{border-radius:40%/16%;border-top-width:5px;border-bottom-width:5px}.art-flat-rect{height:22px;border-radius:3px}.art-flat-ellipse{border-radius:50%;height:22px}.art-flat-text{border:0;border-bottom:2px solid currentColor;height:16px;width:26px}.art-flat-note{border-radius:2px;background:#e4d69a80;border-color:#c9b878}.art-flat-image{border-radius:3px;background:linear-gradient(135deg,transparent 45%,currentColor 45%,currentColor 55%,transparent 55%)}.sp-models{display:flex;flex-direction:column;gap:6px}.sp-model{display:flex;align-items:center;gap:11px;padding:9px 11px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper);text-align:left}.sp-model:hover{border-color:var(--ink)}.sp-model-art{flex:0 0 auto;width:22px;height:34px;border-radius:3px;background:radial-gradient(circle at 50% 14%,var(--ink-2) 0 5px,transparent 5px),linear-gradient(var(--ink-3),var(--ink-3)) 50% 42% / 3px 15px no-repeat,linear-gradient(var(--ink-3),var(--ink-3)) 50% 34% / 20px 3px no-repeat;opacity:.75}.sp-model strong{display:block;font-size:12.5px;font-weight:600;color:var(--ink)}.sp-model em{display:block;font-style:normal;font-size:11px;color:var(--ink-3)}.sp-layers{display:flex;flex-direction:column;gap:3px}.sp-layer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:2px;padding:5px 7px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper)}.sp-layer.is-active{border-color:var(--ink)}.sp-layer-main{min-width:0;border:0;background:transparent;text-align:left;padding:0}.sp-layer-main input{display:block;width:100%;border:0;background:transparent;font-size:12.5px;font-weight:500;color:var(--ink);padding:0}.sp-layer-main input:focus{outline:none}.sp-layer-main em{font-style:normal;font-size:10.5px;color:var(--ink-3)}.sp-layer-btn{width:26px;height:26px;border:0;background:transparent;border-radius:var(--r-sm);font-size:12px;color:var(--ink-3)}.sp-layer-btn:hover{background:var(--surface);color:var(--ink)}.sp-layer-more{grid-column:1 / -1;display:flex;flex-direction:column;gap:8px;margin-top:6px;padding-top:7px;border-top:1px solid var(--line-soft)}.sp-busy{margin:12px 18px 0;padding:8px 11px;border-radius:var(--r-sm);background:var(--signal-soft);font-size:11.5px;color:var(--signal)}.sp-keys{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;font-size:11.5px;color:var(--ink-2)}.sp-keys kbd{display:inline-block;min-width:18px;padding:1px 4px;margin-right:5px;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:4px;background:var(--paper);font-family:var(--mono);font-size:10px;text-align:center;color:var(--ink)}.sp-toast{position:absolute;left:50%;top:calc(var(--sp-topbar-h) + 18px);transform:translate(-50%);padding:8px 16px;border-radius:var(--r-md);background:var(--ink);color:var(--on-ink);font-size:12.5px;font-weight:500;box-shadow:var(--shadow-2);z-index:60;pointer-events:none;animation:sp-rise .16s ease}@keyframes sp-rise{0%{opacity:0;transform:translate(-50%,-5px)}to{opacity:1;transform:translate(-50%)}}.spatial-focus .spatial .topbar,.spatial-focus .spatial .toolbar,.spatial-focus .spatial .dock,.spatial-focus .spatial .dock-reopen,.spatial-focus .spatial .statusbar,.spatial-focus .spatial .sp-hud,.spatial-focus .spatial .sp-controls{opacity:0;pointer-events:none}.spatial-focus .sp-viewport{top:0;right:0;bottom:0}@media(max-width:1100px){.sp-viewport,.spatial .statusbar{right:0}.dock{box-shadow:var(--shadow-2)}.sp-controls{right:16px}}@media(prefers-reduced-motion:reduce){.spatial *,.spatial *:before,.spatial *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.spatial .dock-tabs{padding:0 4px;overflow-x:auto;scrollbar-width:none}.spatial .dock-tabs::-webkit-scrollbar{display:none}.spatial .dock-tabs button{flex:1 0 auto;padding:12px 7px 10px;font-size:11.5px;white-space:nowrap}.spatial .dock-collapse{flex:0 0 24px;font-size:15px}.spatial .dock{background:#eef2fb;border-left:1px solid #dde5f5}.spatial .dock-tabs{padding:8px 8px 0;border-bottom:0;gap:2px;background:#eef2fb}.spatial .dock-tabs button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 9px;border-radius:10px;border-bottom:0;margin-bottom:0;font-size:10.5px;font-weight:500;color:#6b7797}.spatial .dock-tabs button:before{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:var(--tab-icon) center / contain no-repeat;mask:var(--tab-icon) center / contain no-repeat;opacity:.85}.spatial .dock-tabs button:hover{background:#ffffffb3;color:#18203a}.spatial .dock-tabs button.is-active{background:#fff;color:var(--signal);box-shadow:0 1px 3px #131a2d12}.spatial .dock-tabs sup{position:absolute;margin:-6px 0 0 18px;font-size:9px;color:var(--signal)}.spatial .dock-tabs button:nth-child(1){--tab-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'><path d='M4 7h10M18 7h2M4 12h4M12 12h8M4 17h9M17 17h3'/><circle cx='16' cy='7' r='2'/><circle cx='10' cy='12' r='2'/><circle cx='15' cy='17' r='2'/></svg>")}.spatial .dock-tabs button:nth-child(2){--tab-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3 20 7.5v9L12 21 4 16.5v-9zM4 7.5 12 12l8-4.5M12 12v9'/></svg>")}.spatial .dock-tabs button:nth-child(3){--tab-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='4' y='4' width='16' height='16' rx='3'/><path d='M4 10h16'/></svg>")}.spatial .dock-tabs button:nth-child(4){--tab-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3 21 8l-9 5-9-5zM3 12l9 5 9-5M3 16l9 5 9-5'/></svg>")}.spatial .dock-tabs button:nth-child(5){--tab-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'><path d='M4 9h16M4 15h16M9 4v16M15 4v16'/></svg>")}.spatial .dock-tabs button:nth-child(6){--tab-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 15V4M8 8l4-4 4 4M5 14v4a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-4'/></svg>")}.spatial .dock-tabs button:nth-child(7){--tab-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'><circle cx='12' cy='12' r='3.2'/><path d='M12 3v2M12 19v2M3 12h2M19 12h2M5.6 5.6l1.4 1.4M17 17l1.4 1.4M18.4 5.6 17 7M7 17l-1.4 1.4'/></svg>")}.spatial .dock-body{padding:10px;display:flex;flex-direction:column;gap:10px}.spatial .ins-section{padding:14px 15px 15px;border:1px solid #e2e9f7;border-bottom:1px solid #e2e9f7;border-radius:14px;background:#fff;box-shadow:0 1px 2px #131a2d0a}.spatial .ins-head{margin-bottom:11px}.spatial .ins-head h3{font-size:13.5px;font-weight:600;color:#18203a}.spatial .ins-body{gap:11px}.spatial .ins-label{flex:0 0 62px;font-size:12px;color:#5a6483}.spatial .sp-range input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:99px;background:linear-gradient(var(--signal),var(--signal)) 0 / var(--fill, 50%) 100% no-repeat,#e4eaf6}.spatial .sp-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:1px solid #c8d4ea;box-shadow:0 1px 3px #131a2d2e;cursor:pointer}.spatial .sp-range input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#fff;border:1px solid #c8d4ea}.spatial .sp-range-value{min-width:56px;height:26px;display:grid;place-items:center;border-radius:8px;background:#f2f5fc;font-family:var(--sans);font-size:11.5px;color:#46527a}.spatial .segmented{padding:3px;border-radius:10px;background:#f1f4fc;border:0;gap:2px}.spatial .segmented button{height:28px;border-radius:7px;border:0;font-size:12px;font-weight:500;color:#6b7797}.spatial .segmented button:hover{color:#18203a}.spatial .segmented button.is-active{background:#dfe8fd;color:var(--signal);font-weight:600}.spatial .sp-chip{height:27px;border-radius:8px;border:1px solid #e2e9f7;background:#f7f9fe;font-size:11.5px;color:#5a6483}.spatial .sp-chip:hover{border-color:#c6d4ee;color:#18203a}.spatial .sp-chip.is-active{background:#dfe8fd;border-color:#c3d4fb;color:var(--signal);font-weight:600}.spatial .sp-check{flex-direction:row-reverse;justify-content:flex-end;gap:11px;min-height:32px;font-size:12.5px;color:#27304d}.spatial .sp-box{width:36px;height:20px;border-radius:99px;border:0;background:#dfe5f2;position:relative;color:transparent;transition:background .14s ease}.spatial .sp-box:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #131a2d40;transition:transform .14s ease}.spatial .sp-box.is-on{background:var(--signal)}.spatial .sp-box.is-on:after{transform:translate(16px)}.spatial .btn-row button,.spatial .sp-mini{height:30px;border-radius:9px;border:1px solid #e2e9f7;background:#f7f9fe;font-size:12px;color:#46527a}.spatial .btn-row button:hover:not(:disabled),.spatial .sp-mini:hover{border-color:#c6d4ee;background:#fff;color:#18203a}.spatial .ins-more{height:25px;padding:0 10px;border-radius:7px;background:#eef2fb}.spatial .sp-tile{border:1px solid #e2e9f7;border-radius:12px;background:#f8fafe;color:#5a6483}.spatial .sp-tile:hover{border-color:var(--signal);background:#fff;color:#18203a}.spatial .sp-model{border:1px solid #e2e9f7;border-radius:12px;background:#f8fafe}.spatial .sp-model:hover{border-color:var(--signal);background:#fff}.spatial .sp-layer{border:1px solid #e2e9f7;border-radius:10px;background:#f8fafe}.spatial .sp-layer.is-active{border-color:var(--signal);background:#fff}.spatial .sp-brush.is-active{background:#eef3ff;border-color:#c3d4fb}.spatial .sp-hex,.spatial .sp-text{border-radius:9px;border-color:#e2e9f7;background:#f7f9fe}.spatial .ins-note{color:#6b7797}:root{--ink: #131a2d;--ink-2: #4d5977;--ink-3: #8b96b1;--paper: #ffffff;--surface: #eff4fd;--surface-2: #e4ecfa;--line: #dbe4f4;--line-soft: #e8eefa;--line-strong: #c6d3ea;--signal: #2f6bf0;--signal-soft: #edf3ff;--glass-1: #eaf0ff;--glass-2: #dbe7fd;--glass-3: #cfe0fb;--warn: #b07520;--danger: #e0483f;--danger-soft: #fdeded;--on-ink: #ffffff;--grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/></filter><rect width='140' height='140' filter='url(%23n)' opacity='0.012'/></svg>");--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--serif: "Iowan Old Style", "Palatino Linotype", Georgia, "Times New Roman", serif;--mono: "JetBrains Mono", "SFMono-Regular", ui-monospace, Consolas, "Liberation Mono", monospace;--topbar-h: 56px;--status-h: 34px;--dock-w: 312px;--timeline-h: 100px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--shadow-1: 0 1px 2px rgba(19, 26, 45, .05), 0 4px 14px rgba(19, 26, 45, .07);--shadow-2: 0 2px 6px rgba(19, 26, 45, .08), 0 16px 44px rgba(19, 26, 45, .15);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);font-size:13px;color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}kbd{font-family:var(--mono);font-size:10.5px;background:var(--paper);border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;padding:1px 5px;color:var(--ink-2);white-space:nowrap}.app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.canvas-host{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;overscroll-behavior:none;cursor:default}.canvas-host[data-tool=hand]{cursor:grab}.canvas-host[data-tool=pen],.canvas-host[data-tool=highlighter],.canvas-host[data-tool=arrow],.canvas-host[data-tool=line],.canvas-host[data-tool=measure],.canvas-host[data-tool=rect],.canvas-host[data-tool=ellipse],.canvas-host[data-tool=triangle],.canvas-host[data-tool=diamond],.canvas-host[data-tool=polygon],.canvas-host[data-tool=frame],.canvas-host[data-tool=crop]{cursor:crosshair}.canvas-host[data-tool=text],.canvas-host[data-tool=note],.canvas-host[data-tool=list]{cursor:text}.canvas-host[data-tool=eraser]{cursor:cell}.canvas-host[data-tool=eyedropper]{cursor:copy}.topbar{position:absolute;top:0;left:0;right:0;height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;background:#ffffffe6;-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15);border-bottom:1px solid var(--line);z-index:40}.topbar-left,.topbar-right{display:flex;align-items:center;gap:8px}.wordmark{font-family:var(--sans);font-size:13px;font-weight:700;letter-spacing:.16em;color:var(--ink)}.wordmark span{color:var(--ink-3)}.home-btn{border:0;background:transparent;padding:4px 14px 4px 0;margin-right:4px;border-right:1px solid var(--line)}.home-btn:hover .wordmark{color:var(--signal)}.board-name{border:1px solid transparent;background:transparent;border-radius:var(--r-sm);padding:6px 10px;width:220px;font-size:14px;font-weight:500;color:var(--ink)}.board-name:hover{background:var(--surface)}.board-name:focus{outline:none;border-color:var(--signal);background:var(--paper)}.save-status{font-size:11px;letter-spacing:.02em;color:var(--ink-3)}.save-status.is-offline{color:var(--warn)}.topbar-group{display:inline-flex;align-items:center;gap:2px;padding:3px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md)}.topbar-rule{width:1px;height:20px;background:var(--line);margin:0 2px}.ghost,.primary,.outline{display:inline-flex;align-items:center;gap:7px;border-radius:var(--r-sm);border:1px solid transparent;background:transparent;padding:7px;color:var(--ink-2);transition:background .12s ease,color .12s ease}.ghost:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.ghost.is-active{background:var(--paper);color:var(--ink);box-shadow:var(--shadow-1)}.ghost:disabled{opacity:.28;cursor:default}.outline{border-color:var(--line-strong);background:var(--paper);padding:7px 14px;font-size:13px;font-weight:500}.outline:hover{border-color:var(--ink)}.primary{background:var(--ink);color:var(--on-ink);padding:8px 16px;font-size:13px;font-weight:500;border-radius:var(--r-sm)}.primary:hover:not(:disabled){background:#000}.primary:disabled{opacity:.4}.avatar{width:30px;height:30px;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface-2);display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--ink-2);margin-left:4px}.toolbar::-webkit-scrollbar{display:none}.toolbar{position:absolute;left:14px;top:calc(var(--topbar-h) + 14px);max-height:calc(100% - var(--topbar-h) - var(--status-h) - 34px);overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;padding:6px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);z-index:30}.tool-group{display:flex;flex-direction:column;gap:2px;padding:4px 0;border-bottom:1px solid var(--line-soft)}.tool-group:first-child{padding-top:0}.tool-group:last-child{border-bottom:0;padding-bottom:0}.tool{position:relative;width:38px;height:38px;display:grid;place-items:center;border:0;background:transparent;border-radius:var(--r-md);color:var(--ink-2);transition:background .12s ease,color .12s ease}.tool:hover{background:var(--surface);color:var(--ink)}.tool.is-active{background:var(--ink);color:var(--on-ink)}.tool.is-toggle.is-active{background:var(--signal-soft);color:var(--signal)}.tool-key{position:absolute;right:3px;bottom:1px;font-family:var(--mono);font-size:7.5px;line-height:1;opacity:0;transition:opacity .12s ease}.tool:hover .tool-key,.toolbar.show-keys .tool-key{opacity:.45}.dock{position:absolute;top:var(--topbar-h);right:0;bottom:0;width:var(--dock-w);display:flex;flex-direction:column;background:var(--paper);border-left:1px solid var(--line);z-index:32}.dock-tabs{display:flex;align-items:stretch;border-bottom:1px solid var(--line);padding:0 6px}.dock-tabs button{flex:1;border:0;background:transparent;padding:14px 2px 11px;font-size:12px;font-weight:500;color:var(--ink-3);border-bottom:2px solid transparent;margin-bottom:-1px}.dock-tabs button:hover{color:var(--ink)}.dock-tabs button.is-active{color:var(--ink);border-bottom-color:var(--ink)}.dock-tabs sup{font-size:9px;margin-left:3px;color:var(--signal)}.dock-collapse{flex:0 0 30px;border:0;background:transparent;color:var(--ink-3);display:grid;place-items:center}.dock-collapse:hover{color:var(--ink)}.dock-body{flex:1;overflow-y:auto;overflow-x:hidden}.dock-reopen{position:absolute;top:calc(var(--topbar-h) + 14px);right:14px;width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);background:var(--paper);border-radius:var(--r-md);color:var(--ink-2);z-index:32;box-shadow:var(--shadow-1)}.ins-section{border-bottom:1px solid var(--line-soft);padding:16px 18px 18px}.ins-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}.ins-head h3{margin:0;font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--ink);text-transform:capitalize;white-space:nowrap}.ins-name{flex:1;min-width:0;border:1px solid transparent;background:transparent;border-radius:var(--r-sm);padding:3px 6px;font-size:11.5px;text-align:right;color:var(--ink-3)}.ins-name:hover,.ins-name:focus{border-color:var(--line);background:var(--paper);outline:none;text-align:left;color:var(--ink)}.ins-body{display:flex;flex-direction:column;gap:9px}.ins-row{display:flex;align-items:center;gap:9px}.ins-label{flex:0 0 52px;font-size:12px;color:var(--ink-2)}.ins-controls{flex:1;min-width:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap;row-gap:7px}.ins-readout{font-family:var(--mono);font-size:10.5px;color:var(--ink-3);white-space:nowrap}.ins-note{margin:10px 18px 16px;font-size:11.5px;line-height:1.55;color:var(--ink-3)}.ins-input{flex:1;min-width:0;border:1px solid var(--line);background:var(--paper);border-radius:var(--r-sm);padding:6px 9px;font-size:12.5px}.ins-select{flex:1;min-width:0;border:1px solid var(--line);background:var(--paper);border-radius:var(--r-sm);padding:6px 8px;font-size:12.5px;color:var(--ink);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-3) 50%),linear-gradient(135deg,var(--ink-3) 50%,transparent 50%);background-position:calc(100% - 15px) 13px,calc(100% - 10px) 13px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.ins-select:focus{outline:none;border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-soft)}.ins-input:focus{outline:none;border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-soft)}.ins-controls .num{flex:0 1 84px}.num{display:inline-flex;align-items:stretch;border:1px solid var(--line);background:var(--paper);border-radius:var(--r-sm);min-width:0;flex:1 1 70px;overflow:hidden}.num:focus-within{border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-soft)}.num-tag{display:grid;place-items:center;min-width:24px;padding:0 5px;font-size:11px;font-weight:500;color:var(--ink-3);cursor:ew-resize;-webkit-user-select:none;user-select:none}.num input{width:100%;min-width:34px;border:0;background:transparent;padding:6px 6px 6px 0;font-size:12.5px;outline:none}.num-suffix{display:grid;place-items:center;padding-right:7px;font-size:11px;color:var(--ink-3)}.slider{display:flex;align-items:center;gap:9px;flex:1;min-width:0}.slider input[type=range]{flex:1;min-width:0;accent-color:var(--ink);height:18px}.slider em{font-style:normal;font-size:11.5px;color:var(--ink-3);min-width:38px;text-align:right}.segmented{display:inline-flex;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;background:var(--paper)}.segmented button{border:0;border-right:1px solid var(--line-soft);background:transparent;font-size:12px;padding:6px 11px;color:var(--ink-3);white-space:nowrap}.segmented button:last-child{border-right:0}.segmented button:hover{background:var(--surface);color:var(--ink)}.segmented button.is-active{background:var(--ink);color:var(--on-ink)}.segmented button:disabled{opacity:.35;cursor:not-allowed}.segmented.is-compact button{padding:5px 8px;font-size:11.5px}.colorfield{position:relative;display:inline-flex}.color-chip{width:26px;height:26px;border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:0;background:var(--paper)}.color-chip:hover{border-color:var(--ink-3)}.color-chip.is-none,.swatch.is-empty{background:linear-gradient(45deg,transparent 44%,var(--danger) 44%,var(--danger) 56%,transparent 56%),#fff}.color-pop{position:absolute;top:calc(100% + 8px);left:0;z-index:60;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-2);padding:10px;width:196px}.swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.swatch{aspect-ratio:1;border-radius:var(--r-sm);border:1px solid rgba(0,0,0,.1);padding:0}.swatch.is-active{box-shadow:0 0 0 2px var(--signal)}.color-custom{display:flex;gap:7px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line-soft)}.color-custom input[type=color]{width:30px;height:28px;padding:0;border:1px solid var(--line);border-radius:var(--r-sm);background:none}.color-custom .hex{flex:1;min-width:0;border:1px solid var(--line);border-radius:var(--r-sm);padding:4px 7px;font-family:var(--mono);font-size:11.5px}.toggle{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-2);cursor:pointer}.toggle input{position:absolute;opacity:0;width:0;height:0}.toggle-track{width:32px;height:18px;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface-2);position:relative;flex:none;transition:background .14s ease,border-color .14s ease}.toggle-track:after{content:"";position:absolute;top:1px;left:1px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000038;transition:transform .14s ease}.toggle input:checked+.toggle-track{background:var(--signal);border-color:var(--signal)}.toggle input:checked+.toggle-track:after{transform:translate(14px)}.btn-row{display:inline-flex;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;background:var(--paper)}.btn-row button{border:0;border-right:1px solid var(--line-soft);background:transparent;padding:7px 10px;color:var(--ink-2);display:inline-flex;align-items:center;gap:4px;font-size:12px}.btn-row button:last-child{border-right:0}.btn-row button:hover{background:var(--surface);color:var(--ink)}.mini-btn{border:1px solid var(--line);background:var(--paper);border-radius:var(--r-sm);padding:6px 11px;font-size:12px;color:var(--ink-2);text-decoration:none;display:inline-flex;align-items:center;gap:6px}.mini-btn:hover{color:var(--ink);background:var(--surface)}.mini-btn.is-on{background:var(--signal-soft);border-color:#c5d7f6;color:var(--signal)}.chip-row{display:flex;flex-wrap:wrap;gap:5px}.note-chip{border:1px solid rgba(0,0,0,.08);border-radius:var(--r-sm);padding:5px 9px;font-size:11.5px}.note-chip.is-active{box-shadow:0 0 0 2px var(--ink)}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.quick-grid button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 6px;border:1px solid var(--line);background:var(--paper);border-radius:var(--r-md);font-size:11px;color:var(--ink-2)}.quick-grid button:hover{border-color:var(--ink-3);color:var(--ink)}.quick-grid button.is-danger{color:var(--danger)}.quick-grid button.is-danger:hover{background:var(--danger-soft);border-color:#f0c4be}.bg-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bg-swatch{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);background:var(--paper);border-radius:var(--r-md);padding:7px;color:var(--ink-3)}.bg-swatch em{font-style:normal;font-size:11px}.bg-swatch.is-active{border-color:var(--ink);color:var(--ink)}.bg-preview{height:34px;border:1px solid var(--line);border-radius:var(--r-sm);background-size:7px 7px}.bg-preview.is-dots{background-image:radial-gradient(#b9b9b1 1px,transparent 1px)}.bg-preview.is-grid{background-image:linear-gradient(to right,#d8d6cd 1px,transparent 1px),linear-gradient(to bottom,#d8d6cd 1px,transparent 1px)}.bg-preview.is-blueprint{background-image:linear-gradient(to right,#4d86bd 1px,transparent 1px),linear-gradient(to bottom,#4d86bd 1px,transparent 1px)}.bg-preview.is-paper{background-image:linear-gradient(to right,#cdbca2 1px,transparent 1px),linear-gradient(to bottom,#cdbca2 1px,transparent 1px)}.bg-preview.is-slate{background-image:linear-gradient(to right,#3d4446 1px,transparent 1px),linear-gradient(to bottom,#3d4446 1px,transparent 1px)}.bg-preview.is-transparent{background-image:linear-gradient(45deg,#e6e6e2 25%,transparent 25%),linear-gradient(-45deg,#e6e6e2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e6e6e2 75%),linear-gradient(-45deg,transparent 75%,#e6e6e2 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-color:#fff}.gradient-row{display:flex;align-items:center;gap:6px;width:100%}.gradient-preview{flex:1;height:24px;border:1px solid var(--line);border-radius:var(--r-sm)}.repeat-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%}.layers{padding:10px 10px 16px}.layer-row{display:flex;align-items:center;gap:7px;padding:6px 8px 6px 2px;border-radius:var(--r-sm);font-size:12.5px;cursor:default}.layer-row:hover{background:var(--surface)}.layer-row.is-selected{background:var(--signal-soft);color:var(--signal)}.layer-row.is-hidden{opacity:.45}.layer-twisty{width:16px;height:16px;display:grid;place-items:center;border:0;background:transparent;color:var(--ink-3);padding:0;flex:none}.layer-twisty.is-open svg{transform:rotate(90deg)}.layer-chip{width:8px;height:8px;border-radius:2px;background:var(--ink-3);flex:none}.layer-chip.is-frame,.layer-chip.is-group{background:transparent;border:1.5px solid var(--ink-3)}.layer-chip.is-image,.layer-chip.is-embed,.layer-chip.is-placeholder{background:#7a4bd0}.layer-chip.is-note{background:#e0b93a}.layer-chip.is-arrow,.layer-chip.is-line{background:var(--signal)}.layer-chip.is-measure{background:var(--danger)}.layer-chip.is-icon{background:#0f8a6a}.layer-chip.is-table,.layer-chip.is-card{background:#0ea5b7}.layer-chip.is-list{background:transparent;border:1.5px solid var(--ink-3);border-radius:50%}.layer-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-rename{flex:1;min-width:0;border:1px solid var(--signal);border-radius:var(--r-sm);padding:2px 6px;font-size:12.5px}.layer-icon{border:0;background:transparent;color:var(--ink-3);padding:2px;border-radius:4px;opacity:0;flex:none}.layer-row:hover .layer-icon,.layer-icon:focus-visible{opacity:1}.layer-icon:hover{color:var(--ink)}.layer-actions{display:flex;gap:5px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line-soft)}.layer-actions button{flex:1;border:1px solid var(--line);background:var(--paper);border-radius:var(--r-sm);padding:6px 0;font-size:11.5px;color:var(--ink-2)}.layer-actions button:hover{background:var(--surface);color:var(--ink)}.context-toolbar{position:absolute;z-index:35;display:flex;align-items:center;gap:3px;padding:6px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-2);white-space:nowrap;max-width:min(92vw,780px)}.ct-tag{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:0 8px 0 4px}.ct-btn{border:0;background:transparent;border-radius:var(--r-sm);height:32px;min-width:32px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;gap:5px;color:var(--ink-2)}.ct-btn.is-text{font-size:12.5px}.ct-btn:hover{background:var(--surface);color:var(--ink)}.ct-btn.is-on{background:var(--signal-soft);color:var(--signal)}.ct-btn.is-danger:hover{background:var(--danger-soft);color:var(--danger)}.ct-select{border:1px solid var(--line);background:var(--paper);border-radius:var(--r-sm);padding:6px 8px;font-size:12px;color:var(--ink);max-width:96px}.ct-size{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}.ct-size button{border:0;background:transparent;padding:6px 8px;font-size:12px;color:var(--ink-2)}.ct-size button:hover{background:var(--surface);color:var(--ink)}.ct-size span{min-width:26px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums;color:var(--ink-2);border-left:1px solid var(--line-soft);border-right:1px solid var(--line-soft);padding:6px 0}.ct-rule{width:1px;height:20px;background:var(--line);margin:0 5px}.ct-weights,.ct-notes{display:inline-flex;gap:3px;padding:0 3px}.ct-weights button{width:26px;height:32px;border:0;background:transparent;border-radius:var(--r-sm);display:grid;place-items:center}.ct-weights button span{display:block;width:16px;background:var(--ink-2);border-radius:2px}.ct-weights button.is-active{background:var(--surface-2)}.ct-notes button{width:22px;height:22px;border:1px solid rgba(0,0,0,.1);border-radius:var(--r-sm);padding:0}.ct-notes button.is-active{box-shadow:0 0 0 2px var(--ink)}.statusbar{position:absolute;left:0;right:var(--dock-w);bottom:0;height:var(--status-h);display:flex;align-items:center;gap:14px;padding:0 16px;background:#ffffffdb;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:11.5px;color:var(--ink-3);z-index:28}.status-cell{white-space:nowrap}.status-cell.is-mono{font-family:var(--mono);color:var(--ink-2)}.status-spacer{flex:1}.status-modes{display:inline-flex;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;background:var(--paper)}.status-modes button{border:0;border-right:1px solid var(--line-soft);background:transparent;font-size:11px;text-transform:capitalize;padding:4px 11px;color:var(--ink-3)}.status-modes button:last-child{border-right:0}.status-modes button.is-active{background:var(--ink);color:var(--on-ink)}.status-toggle{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;font-size:11.5px;text-transform:capitalize;color:var(--ink-3);padding:0}.status-toggle:before{content:"";width:28px;height:16px;border-radius:9px;background:var(--surface-2);border:1px solid var(--line-strong);position:relative;transition:background .14s ease;background-image:radial-gradient(circle 6px at 7px 50%,#fff 98%,transparent 100%)}.status-toggle.is-on{color:var(--ink)}.status-toggle.is-on:before{background-color:var(--signal);border-color:var(--signal);background-image:radial-gradient(circle 6px at 19px 50%,#fff 98%,transparent 100%)}.zoombar{position:absolute;right:calc(var(--dock-w) + 16px);bottom:calc(var(--status-h) + 16px);display:flex;align-items:center;gap:2px;padding:5px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);z-index:30}.zoombar button{border:0;background:transparent;border-radius:var(--r-sm);height:30px;min-width:30px;display:grid;place-items:center;color:var(--ink-2)}.zoombar button:hover{background:var(--surface);color:var(--ink)}.zoom-value{font-size:12.5px;font-weight:500;padding:0 10px;color:var(--ink)}.zoombar-rule{width:1px;height:18px;background:var(--line);margin:0 3px}.zoom-menu{position:absolute;right:0;bottom:calc(100% + 8px);min-width:180px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-2);padding:5px;display:flex;flex-direction:column}.zoom-menu button{display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;background:transparent;border-radius:var(--r-sm);padding:7px 10px;font-size:12.5px;color:var(--ink-2);text-align:left}.zoom-menu button:hover{background:var(--surface);color:var(--ink)}.minimap{position:absolute;left:74px;bottom:calc(var(--status-h) + 16px);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--paper);box-shadow:var(--shadow-1);z-index:29;line-height:0;padding:6px}.minimap svg{display:block;cursor:pointer;border-radius:var(--r-sm)}.minimap-close{position:absolute;top:4px;right:4px;width:18px;height:18px;border:0;border-radius:4px;background:#ffffffe6;color:var(--ink-3);font-size:13px;line-height:1;display:grid;place-items:center;opacity:0}.minimap:hover .minimap-close{opacity:1}.stamps{position:absolute;left:68px;top:calc(var(--topbar-h) + 14px);width:236px;max-height:calc(100% - var(--topbar-h) - 110px);display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-2);z-index:31}.stamps header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line-soft)}.stamps header h3{margin:0;font-size:13.5px;font-weight:600}.stamps header button{border:0;background:transparent;color:var(--ink-3);font-size:15px;line-height:1}.insert-tabs{display:flex;padding:0 8px;border-bottom:1px solid var(--line-soft)}.insert-tabs button{flex:1;border:0;background:transparent;padding:9px 4px 8px;font-size:12px;color:var(--ink-3);border-bottom:2px solid transparent;margin-bottom:-1px}.insert-tabs button.is-active{color:var(--ink);border-bottom-color:var(--ink)}.stamps-body{overflow-y:auto;padding:10px}.stamp-group h4{margin:8px 2px 6px;font-size:11px;font-weight:500;color:var(--ink-3)}.stamp-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.stamp-grid button{border:1px solid var(--line);background:var(--paper);border-radius:var(--r-sm);padding:9px 8px;font-size:12px;color:var(--ink-2);text-align:left}.stamp-grid button:hover{border-color:var(--ink-3);color:var(--ink)}.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.art-grid button{display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid var(--line);background:var(--paper);border-radius:var(--r-sm);padding:9px 3px 6px;color:var(--ink-2)}.art-grid button:hover{border-color:var(--ink-3);color:var(--ink)}.art-grid em{font-style:normal;font-size:9.5px;color:var(--ink-3)}.template-list{display:flex;flex-direction:column;gap:6px}.template-list button{display:flex;flex-direction:column;gap:3px;border:1px solid var(--line);background:var(--paper);border-radius:var(--r-md);padding:10px 11px;text-align:left}.template-list button:hover{border-color:var(--ink-3)}.template-list strong{font-size:12.5px}.template-list span{font-size:11px;line-height:1.45;color:var(--ink-3)}.object-menu{position:absolute;z-index:55;min-width:208px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-2);padding:5px;display:flex;flex-direction:column;max-height:78vh;overflow-y:auto}.object-menu button{display:flex;align-items:center;justify-content:space-between;gap:16px;border:0;background:transparent;border-radius:var(--r-sm);padding:7px 10px;font-size:12.5px;color:var(--ink-2);text-align:left}.object-menu button:hover{background:var(--surface);color:var(--ink)}.menu-rule{height:1px;background:var(--line-soft);margin:4px 0}.radial-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55}.radial{position:absolute;width:0;height:0}.radial-core{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--ink);transform:translate(-50%,-50%);opacity:.4}.radial-item{position:absolute;width:62px;height:62px;border-radius:50%;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-1);display:grid;place-items:center;gap:2px;color:var(--ink-2);font-size:10px;animation:radial-in .11s ease-out}.radial-item:hover{border-color:var(--ink);color:var(--ink)}@keyframes radial-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.86)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a1842;display:flex;align-items:flex-start;justify-content:center;padding-top:13vh;z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:420px;background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow-2);overflow:hidden}.modal.is-wide{width:600px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line-soft)}.modal-head h2{margin:0;font-size:15px;font-weight:600}.modal-head button{border:0;background:transparent;color:var(--ink-3);display:grid;place-items:center;padding:3px}.modal-head button:hover{color:var(--ink)}.modal-body{padding:16px;display:flex;flex-direction:column;gap:12px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--line-soft);background:var(--surface)}.modal-note{margin:0 16px 16px}.ghost-btn{border:1px solid var(--line-strong);background:var(--paper);border-radius:var(--r-sm);padding:7px 14px;font-size:12.5px;color:var(--ink-2)}.ghost-btn:hover{color:var(--ink);background:var(--surface)}.field-row{display:flex;align-items:center;gap:12px;font-size:12.5px;color:var(--ink-2)}.field-row>span{width:66px;flex:none;color:var(--ink-3)}.check{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--ink-2)}.check input{accent-color:var(--ink)}.board-list{max-height:46vh;overflow-y:auto;padding:8px}.board-row{display:flex;align-items:center;gap:8px;padding:3px;border-radius:var(--r-sm)}.board-row:hover{background:var(--surface)}.board-row.is-current .board-open strong:after{content:" · open";color:var(--signal);font-weight:400}.board-open{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;border:0;background:transparent;text-align:left;padding:8px 10px}.board-open strong{font-size:13px;font-weight:550}.board-open span{font-size:11px;color:var(--ink-3)}.shortcut-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px}.shortcut-cols dl{margin:0;display:flex;flex-direction:column;gap:6px}.shortcut-cols dl>div{display:flex;align-items:baseline;gap:8px}.shortcut-cols dt{flex:none}.shortcut-cols dd{margin:0;font-size:11.5px;color:var(--ink-2)}.command{width:560px;max-width:calc(100vw - 32px);background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow-2);overflow:hidden}.command-input{width:100%;border:0;border-bottom:1px solid var(--line-soft);padding:16px 18px;font-size:15px;outline:none}.command-list{max-height:340px;overflow:auto;padding:6px}.command-row{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;border-radius:var(--r-sm);padding:9px 11px;font-size:13px;text-align:left}.command-row.is-active{background:var(--signal-soft)}.command-group{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);width:54px;flex:none}.command-label{flex:1}.text-editor{position:absolute;z-index:25;border:0;outline:1px solid rgba(31,95,208,.5);outline-offset:4px;background:transparent;resize:none;overflow:hidden;padding:0;margin:0}.hint{position:absolute;left:50%;bottom:calc(var(--status-h) + 22px);transform:translate(-50%);background:var(--ink);color:#fff;font-size:12.5px;padding:9px 16px;border-radius:999px;box-shadow:var(--shadow-2);z-index:70}.present-bar{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;background:#1a1a18e6;color:#fff;font-size:12px;padding:7px 8px 7px 16px;border-radius:999px;z-index:45}.present-bar button{border:0;background:#ffffff29;color:#fff;border-radius:999px;padding:5px 13px;font-size:12px}.drop-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:#1a1a183d;pointer-events:none}.drop-veil div{border:2px dashed rgba(255,255,255,.85);border-radius:var(--r-lg);padding:20px 30px;color:#fff;font-size:13px;letter-spacing:.04em;background:#1a1a1866}.empty-state{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;width:min(520px,84vw);--es-ink: #17170f;--es-soft: #55554d;--es-faint: #7c7c72;color:var(--es-soft)}.empty-kicker{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;margin:0 0 14px;color:var(--es-faint)}.empty-state h1{font-family:var(--serif);font-size:clamp(34px,4.4vw,46px);line-height:1.05;font-weight:500;letter-spacing:-.02em;color:var(--es-ink);margin:0 0 22px}.empty-steps{margin:0;padding:0 0 0 22px;font-size:14.5px;line-height:2.15;color:var(--es-soft)}.empty-steps li::marker{font-family:var(--mono);font-size:12px;color:var(--es-faint)}.empty-steps b{font-weight:650;color:var(--es-ink)}.empty-sub{margin-top:20px;font-size:12.5px;line-height:2;color:var(--es-faint)}.app.is-dark-surface .empty-state{--es-ink: #f6f5f0;--es-soft: #cfccc2;--es-faint: #97958b}.home{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;grid-template-columns:236px 1fr;background:var(--surface);overflow:hidden}.hm-side{display:flex;flex-direction:column;gap:4px;padding:20px 14px 16px;background:var(--paper);border-right:1px solid var(--line);overflow-y:auto}.hm-brand{padding:0 8px 18px}.hm-brand p{margin:4px 0 0;font-size:11.5px;color:var(--ink-3)}.hm-nav{display:flex;flex-direction:column;gap:1px}.hm-nav button{display:flex;align-items:center;gap:11px;width:100%;padding:9px 10px;border:0;background:transparent;border-radius:var(--r-md);font-size:13px;font-weight:500;color:var(--ink-2);text-align:left}.hm-nav button:hover:not(:disabled){background:var(--surface);color:var(--ink)}.hm-nav button.is-active{background:var(--signal-soft);color:var(--signal)}.hm-nav button svg{flex:0 0 auto;opacity:.85}.hm-nav button:disabled{opacity:.4}.hm-nav-head{padding:20px 10px 7px;font-size:10.5px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3)}.hm-promo{margin-top:auto;padding:18px 16px 16px;border-radius:var(--r-lg);background:radial-gradient(120% 90% at 15% 5%,#ffffff 0%,transparent 55%),linear-gradient(150deg,var(--glass-1),var(--glass-3) 60%,#c8b8f5);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow-1)}.hm-promo p{margin:0 0 14px;font-size:15px;font-weight:600;line-height:1.32;letter-spacing:-.015em;color:#23305a}.hm-promo button{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border:0;border-radius:99px;background:#fff;font-size:12px;font-weight:600;color:#23305a;box-shadow:var(--shadow-1)}.hm-main{overflow-y:auto;padding-bottom:60px}.hm-top{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px;background:#eff4fddb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hm-search{display:flex;align-items:center;gap:9px;width:min(420px,45%);height:36px;padding:0 13px;border:1px solid var(--line);border-radius:99px;background:var(--paper);color:var(--ink-3)}.hm-search:focus-within{border-color:var(--signal);color:var(--signal)}.hm-search input{flex:1;min-width:0;border:0;background:transparent;font-size:13px;color:var(--ink);outline:none}.hm-top-actions{display:flex;align-items:center;gap:9px}.hm-hero{position:relative;min-height:330px;margin:0 28px 26px;padding:44px 40px 0;border-radius:22px;overflow:hidden;background:linear-gradient(120deg,#ffffff 0%,var(--glass-1) 48%,var(--glass-2) 100%);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow-1);isolation:isolate}.hm-hero-art{position:absolute;right:-2%;top:-6%;height:112%;width:72%;object-fit:cover;object-position:62% center;z-index:-1;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 30%);mask-image:linear-gradient(to right,transparent 0%,#000 30%);pointer-events:none}.hm-hero-copy{max-width:560px}.hm-hero .kicker{margin:0 0 14px;font-size:10.5px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:#6a7699}.hm-hero h1{margin:0;font-size:clamp(34px,3.6vw,52px);line-height:1.04;font-weight:600;letter-spacing:-.035em;color:#161b2e}.hm-hero h1 em{display:block;font-style:normal;color:#7e88a8}.hm-sub{margin:18px 0 0;max-width:460px;font-size:14px;line-height:1.55;color:#4d5674}.hm-hero-starter{position:relative;margin:30px -40px 0;padding:22px 40px 26px}.home-body{padding:8px 44px 70px;display:flex;flex-direction:column;gap:40px}.home-body h2{margin:0 0 14px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-weight:500}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}.preset{display:flex;flex-direction:column;align-items:flex-start;gap:3px;border:1px solid var(--line);background:var(--paper);border-radius:var(--r-lg);padding:14px;text-align:left;transition:border-color .12s ease,box-shadow .12s ease}button.preset:hover{border-color:var(--ink-3);box-shadow:var(--shadow-1)}.preset-shape{height:84px;width:100%;display:grid;place-items:center;margin-bottom:8px}.preset-shape i{display:block;border:1px solid var(--line-strong);border-radius:3px;background:var(--surface)}.preset-shape i.is-free{border-style:dashed;background:radial-gradient(var(--line-strong) 1px,transparent 1px) 0 0 / 9px 9px}.preset strong{font-size:13px;font-weight:600}.preset em{font-style:normal;font-size:11px;color:var(--ink-3)}.preset.is-custom{cursor:default;grid-column:span 2}.preset.is-custom .preset-shape{height:62px}.preset-custom{display:flex;gap:5px;width:100%;margin:5px 0 7px}.preset.is-custom .mini-btn{width:100%;justify-content:center;background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.home-templates{display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:10px}.home-templates button{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);background:var(--paper);border-radius:var(--r-lg);padding:14px;text-align:left}.home-templates button:hover{border-color:var(--ink-3);box-shadow:var(--shadow-1)}.tpl-tile{width:38px;height:38px;border-radius:var(--r-md);display:grid;place-items:center;margin-bottom:4px;color:#5b5346}.home-templates strong{font-size:13px}.home-templates span{font-size:11.5px;line-height:1.5;color:var(--ink-3)}.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:14px}.board-grid article{border:1px solid var(--line);background:var(--paper);border-radius:var(--r-lg);overflow:hidden}.board-grid article:hover{box-shadow:var(--shadow-1)}.board-grid article.is-current{border-color:var(--ink)}.board-card{display:block;width:100%;border:0;background:transparent;padding:0 0 12px;text-align:left}.board-preview{display:block;width:100%;aspect-ratio:26 / 15;border-bottom:1px solid var(--line-soft)}.board-preview.is-empty{display:grid;place-items:center;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.board-card strong{display:block;padding:12px 14px 3px;font-size:13px;font-weight:600}.board-card span{display:block;padding:0 14px;font-size:11px;color:var(--ink-3)}.board-actions{display:flex;border-top:1px solid var(--line-soft)}.board-actions button{flex:1;border:0;border-right:1px solid var(--line-soft);background:transparent;padding:9px 4px;font-size:11.5px;color:var(--ink-3)}.board-actions button:last-child{border-right:0}.board-actions button:hover:not(:disabled){background:var(--surface);color:var(--ink)}.board-actions button.is-danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.board-actions button:disabled{opacity:.35;cursor:default}.timeline{position:absolute;left:0;right:var(--dock-w);bottom:var(--status-h);height:var(--timeline-h);display:flex;align-items:stretch;gap:12px;padding:10px 14px;background:#fffffff0;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:31}.timeline-controls{display:flex;align-items:center;gap:8px;padding-right:12px;border-right:1px solid var(--line);flex:none}.timeline-controls .num{flex:0 0 82px}.timeline .play{width:38px;height:38px;border:1px solid var(--line-strong);background:var(--paper);border-radius:var(--r-md);font-size:12px;color:var(--ink)}.timeline .play.is-on{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.timeline .play:disabled{opacity:.35;cursor:default}.timeline-strip{flex:1;display:flex;align-items:center;gap:7px;overflow-x:auto;overflow-y:hidden;padding-bottom:2px}.cel{position:relative;flex:none;border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper);overflow:hidden}.cel.is-active{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.cel-open{display:block;border:0;background:transparent;padding:5px 5px 0}.cel-thumb{display:block;width:58px;height:40px}.cel-open em{display:block;font-style:normal;font-size:9.5px;color:var(--ink-3);text-align:center;padding-top:2px}.cel-tools{display:flex;border-top:1px solid var(--line-soft)}.cel-tools button{flex:1;border:0;border-right:1px solid var(--line-soft);background:transparent;color:var(--ink-3);font-size:11px;line-height:1;padding:4px 0;display:grid;place-items:center}.cel-tools button:last-child{border-right:0}.cel-tools button:hover{background:var(--surface);color:var(--ink)}.cel-add{flex:none;width:72px;height:70px;display:grid;place-items:center;gap:3px;border:1px dashed var(--line-strong);border-radius:var(--r-md);background:transparent;color:var(--ink-3)}.cel-add:hover{border-color:var(--ink);color:var(--ink)}.cel-add em{font-style:normal;font-size:10px}.timeline-end{display:flex;flex-direction:column;justify-content:center;gap:5px;flex:none;padding-left:12px;border-left:1px solid var(--line)}.app.is-animating .zoombar,.app.is-animating .minimap{bottom:calc(var(--status-h) + var(--timeline-h) + 16px)}.mobile-bar{position:absolute;left:10px;right:10px;bottom:10px;z-index:40}.mobile-row{display:flex;justify-content:space-around;gap:4px;padding:6px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-2)}.mobile-row button{flex:1;height:44px;border:0;background:transparent;border-radius:var(--r-md);color:var(--ink-2);display:grid;place-items:center}.mobile-row button.is-active{background:var(--ink);color:var(--on-ink)}.mobile-more{display:flex;gap:6px;margin-bottom:6px}.mobile-more button{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 4px;font-size:11px;border:1px solid var(--line);background:var(--paper);border-radius:var(--r-md);color:var(--ink-2);box-shadow:var(--shadow-1)}@media(max-width:900px){.statusbar,.stamps,.minimap,.timeline{display:none}.zoombar{right:10px;bottom:78px}.board-name{width:130px}.home-btn,.home-tagline{display:none}.home-top,.home-hero,.home-body{padding-left:18px;padding-right:18px}.shortcut-cols{grid-template-columns:1fr}.modal,.modal.is-wide{width:calc(100vw - 24px)}}.app.is-presenting .canvas-host{cursor:default}.assist-modes{display:flex;flex-wrap:wrap;gap:4px;width:100%}.assist-modes button{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:5px 11px;font-size:12px;color:var(--ink-2)}.assist-modes button:hover{border-color:var(--ink-3)}.assist-modes button.is-active{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.assist-input{width:100%;border:1px solid var(--line);border-radius:var(--r-md);padding:10px 12px;font-size:13px;line-height:1.5;resize:vertical;min-height:70px}.assist-input:focus{outline:none;border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-soft)}.ins-body .primary{width:100%;justify-content:center}.assist-error{margin:10px 0 0;padding:9px 11px;border-radius:var(--r-sm);background:var(--danger-soft);color:#8f2c22;font-size:11.5px;line-height:1.5;word-break:break-word}.assist-reply{margin:10px 0 0;padding:10px 12px;background:var(--surface);border-radius:var(--r-sm);font-family:var(--sans);font-size:11.5px;line-height:1.6;color:var(--ink-2);white-space:pre-wrap;max-height:190px;overflow-y:auto}:root[data-theme=dark]{--ink: #f1efe9;--ink-2: #b4b1a8;--ink-3: #85837a;--on-ink: #16170f;--paper: #1d1e1b;--surface: #141512;--surface-2: #262723;--line: #2f3029;--line-soft: #262722;--line-strong: #414239;--signal: #7ba4f2;--signal-soft: #1e2a41;--warn: #d8a55c;--danger: #e5786a;--danger-soft: #35211e;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 14px rgba(0, 0, 0, .34);--shadow-2: 0 2px 6px rgba(0, 0, 0, .45), 0 16px 44px rgba(0, 0, 0, .5);color-scheme:dark}:root[data-theme=dark] .topbar,:root[data-theme=dark] .statusbar{background:#1d1e1beb}:root[data-theme=dark] .timeline{background:#1d1e1bf0}:root[data-theme=dark] .home-top{background:#1d1e1bb3}:root[data-theme=dark] .modal-backdrop{background:#0000008c}:root[data-theme=dark] .home-hero h1 em{color:#a49b8b}:root[data-theme=dark] .tpl-tile{color:#16170f}:root[data-theme=dark] .color-custom input[type=color],:root[data-theme=dark] .ins-input,:root[data-theme=dark] .ins-select,:root[data-theme=dark] .assist-input,:root[data-theme=dark] .num input,:root[data-theme=dark] .layer-rename,:root[data-theme=dark] .command-input,:root[data-theme=dark] .board-name{color:var(--ink)}:root[data-theme=dark] kbd{background:var(--surface-2)}:root[data-theme=dark] .hint{background:var(--paper);color:var(--ink);border:1px solid var(--line)}.lapse-player{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;display:grid;place-items:center;background:#0c0c0adb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lapse-stage{display:flex;flex-direction:column;gap:14px;align-items:center;max-width:min(1100px,92vw)}.lapse-stage img{max-width:min(1100px,92vw);max-height:72vh;border-radius:var(--r-md);box-shadow:0 24px 70px #00000080;background:#fff}.lapse-bar{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-2)}.lapse-bar input[type=range]{width:min(420px,40vw);accent-color:var(--ink)}.lapse-bar .play{width:34px;height:34px;border:1px solid var(--line-strong);background:var(--paper);border-radius:var(--r-sm);font-size:11px}.lapse-bar .ins-select{flex:0 0 96px}.lapse-count{font-family:var(--mono);font-size:11.5px;color:var(--ink-3);min-width:74px;text-align:center}:root .app .empty-state kbd{background:#ffffffd1;border-color:#17170f33;color:#3d3d36}:root .app.is-dark-surface .empty-state kbd{background:#ffffff24;border-color:#ffffff4d;color:#edeae0}@media(max-width:1080px){.home{grid-template-columns:1fr}.hm-side{display:none}.hm-hero-art{width:48%;opacity:.75}}@media(max-width:720px){.hm-hero{margin:0 14px 20px;padding:28px 20px 0}.hm-hero-starter{margin:22px -20px 0;padding:18px 20px 20px}.hm-hero-art{display:none}.hm-top{padding:12px 14px}.hm-search{width:auto;flex:1}.home-body{padding-left:14px;padding-right:14px}}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;background:radial-gradient(120% 90% at 50% 8%,#fff,#eef3ff 42%,#dce7fb);overflow:hidden;transition:opacity .44s ease,transform .44s ease}.splash.is-leaving{opacity:0;transform:scale(1.04);pointer-events:none}.splash-grid{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background-image:linear-gradient(rgba(70,105,190,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(70,105,190,.09) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000 20%,transparent 78%);mask-image:radial-gradient(70% 60% at 50% 45%,#000 20%,transparent 78%);animation:splash-drift 24s linear infinite}@keyframes splash-drift{to{background-position:46px 46px,46px 46px}}.splash-glow{position:absolute;width:58vmin;height:58vmin;top:50%;margin-top:-34vmin;border-radius:50%;background:radial-gradient(circle,rgba(120,170,255,.45),rgba(170,140,255,.16) 55%,transparent 70%);filter:blur(26px);animation:splash-breathe 5.5s ease-in-out infinite}@keyframes splash-breathe{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.12);opacity:1}}.splash-stage{position:relative;width:160px;height:160px;perspective:620px;display:grid;place-items:center}.splash-shape{position:relative;width:104px;height:104px;transform-style:preserve-3d;animation:splash-turn 8s cubic-bezier(.62,.02,.35,1) infinite}.splash-shape .face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(145deg,#fffffff2,#96c3ffb8 48%,#7878f59e);border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px 12px #ffffffb3;animation:splash-morph 8s cubic-bezier(.62,.02,.35,1) infinite;backface-visibility:visible}.f-front{transform:translateZ(52px)}.f-back{transform:rotateY(180deg) translateZ(52px)}.f-right{transform:rotateY(90deg) translateZ(52px)}.f-left{transform:rotateY(-90deg) translateZ(52px)}.f-top{transform:rotateX(90deg) translateZ(52px)}.f-bottom{transform:rotateX(-90deg) translateZ(52px)}.splash-shape .face:not(.f-front){opacity:0;animation:splash-morph 8s cubic-bezier(.62,.02,.35,1) infinite,splash-solid 8s cubic-bezier(.62,.02,.35,1) infinite}@keyframes splash-morph{0%,18%{border-radius:50%}30%,48%{border-radius:18px}60%,88%{border-radius:10px}to{border-radius:50%}}@keyframes splash-solid{0%,46%{opacity:0}58%,88%{opacity:1}to{opacity:0}}@keyframes splash-turn{0%,18%{transform:rotateX(0) rotateY(0) scale(1)}48%{transform:rotateX(0) rotateY(0) scale(1)}62%{transform:rotateX(-22deg) rotateY(38deg) scale(.88)}88%{transform:rotateX(-18deg) rotateY(322deg) scale(.88)}to{transform:rotateX(0) rotateY(360deg) scale(1)}}.splash-shadow{position:absolute;bottom:-14px;width:92px;height:14px;border-radius:50%;background:#3c5aa033;filter:blur(7px);animation:splash-breathe 8s ease-in-out infinite}.splash-copy{position:relative;text-align:center}.splash-copy .wordmark{font-size:15px;letter-spacing:.2em}.splash-copy p{margin:6px 0 0;font-size:12.5px;color:var(--ink-3)}.splash-foot{position:absolute;bottom:26px;font-size:11.5px;color:var(--ink-3)}.splash-foot a{color:var(--signal);text-decoration:none}.splash-foot a:hover{text-decoration:underline}@media(prefers-reduced-motion:reduce){.splash-shape,.splash-shape .face,.splash-glow,.splash-grid,.splash-shadow{animation:none!important}.splash-shape .face:not(.f-front){opacity:0}}:root{--menubar-h: 48px;--options-h: 42px;--topbar-h: 90px}.topbar{height:var(--menubar-h)}.menubar{display:flex;align-items:center;gap:1px;margin-right:6px}.menu{position:relative}.menu-btn{border:0;background:transparent;padding:6px 10px;border-radius:var(--r-sm);font-size:12.5px;font-weight:500;color:var(--ink-2)}.menu-btn:hover,.menu.is-open .menu-btn{background:var(--surface);color:var(--ink)}.menu-pop{position:absolute;top:calc(100% + 4px);left:0;min-width:230px;padding:6px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-2);z-index:80;animation:menu-in .12s ease}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}}.menu-rule-wrap{border-top:1px solid var(--line-soft);margin-top:5px;padding-top:5px}.menu-item{position:relative;width:100%;display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:7px 10px 7px 6px;border-radius:var(--r-sm);font-size:12.5px;color:var(--ink);text-align:left;white-space:nowrap}.menu-item>span:nth-child(2){flex:1}.menu-check{width:14px;flex:none;font-size:11px;color:var(--signal);text-align:center}.menu-item:hover:not(.is-disabled),.menu-item.has-sub:hover{background:var(--surface)}.menu-item.is-disabled{color:var(--ink-3);opacity:.6}.menu-item kbd{font-family:var(--mono);font-size:10.5px;color:var(--ink-3);background:transparent;border:0;padding:0}.menu-item.has-sub>span:first-child{flex:1;padding-left:14px}.menu-arrow{color:var(--ink-3);font-size:14px;line-height:1}.menu-sub{display:none;position:absolute;top:-6px;left:calc(100% - 2px);min-width:180px;padding:6px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-2)}.menu-item.has-sub:hover>.menu-sub{display:block}.optionsbar{position:absolute;top:var(--menubar-h);left:0;right:0;height:var(--options-h);display:flex;align-items:center;gap:8px;padding:0 14px;background:var(--paper);border-bottom:1px solid var(--line);z-index:39;overflow-x:auto;overflow-y:visible;scrollbar-width:none;font-size:12px}.optionsbar::-webkit-scrollbar{display:none}.optionsbar .segmented,.optionsbar .colorfield{flex:none}.ob-tool{font-weight:600;color:var(--ink);white-space:nowrap;min-width:78px}.ob-rule{width:1px;height:20px;background:var(--line);flex:none}.ob-label{color:var(--ink-3);white-space:nowrap}.ob-hint{color:var(--ink-3);white-space:nowrap;font-style:italic}.ob-value{font-style:normal;font-family:var(--mono);font-size:11px;color:var(--ink-2);min-width:34px}.ob-range{width:110px;accent-color:var(--ink)}.ob-num{width:52px;border:1px solid var(--line);border-radius:var(--r-sm);padding:4px 6px;font-size:12px;background:var(--paper);color:var(--ink)}.ob-select{border:1px solid var(--line);border-radius:var(--r-sm);padding:4px 8px;font-size:12px;background:var(--paper);color:var(--ink);max-width:130px}.ob-btn{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:500;color:var(--ink);white-space:nowrap;transition:background .12s ease,border-color .12s ease,transform .12s ease}.ob-btn:hover:not(:disabled){background:var(--surface);border-color:var(--line-strong)}.ob-btn:active:not(:disabled){transform:translateY(1px)}.ob-btn:disabled{opacity:.45}.ob-btn.is-accent{background:var(--signal-soft);border-color:transparent;color:var(--signal)}.ob-btn.is-accent:hover:not(:disabled){background:var(--signal);color:#fff}.ob-caret{font-size:9px;opacity:.7;margin-left:2px}.ob-pick{position:relative;flex:none}.ob-menu{position:absolute;top:calc(100% + 2px);left:0;min-width:160px;padding:5px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-2);z-index:70;display:flex;flex-direction:column}.ob-menu button{border:0;background:transparent;padding:7px 10px;border-radius:var(--r-sm);text-align:left;font-size:12.5px;color:var(--ink)}.ob-menu button:hover{background:var(--surface)}.ob-icons{display:inline-flex;gap:1px;padding:2px;border:1px solid var(--line);border-radius:999px;background:var(--paper);flex:none}.ob-icons button{width:26px;height:24px;display:grid;place-items:center;border:0;background:transparent;border-radius:999px;color:var(--ink-2)}.ob-icons button:hover{background:var(--surface);color:var(--ink)}.ob-icons svg{width:15px;height:15px}.ob-spacer{flex:1}.dock{width:332px}.dock-tabs{gap:2px;padding:8px 8px 0;border-bottom:1px solid var(--line)}.dock-tabs button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;font-size:10.5px;border-radius:var(--r-md) var(--r-md) 0 0;border-bottom:2px solid transparent;transition:background .12s ease,color .12s ease}.dock-tabs button svg{width:17px;height:17px}.dock-tabs button:hover,.dock-tabs button.is-active{background:var(--surface)}.dock-tabs .dock-collapse{flex:0 0 26px;border-radius:var(--r-sm);border-bottom:0;padding:0}.dock-body{background:var(--surface);padding:10px}.dock-body .ins-section{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 16px 16px;margin-bottom:10px;box-shadow:0 1px 2px #1a1a1808}.dock-body .ins-section:last-child{margin-bottom:0}.dock-body .ins-head h3{font-size:13px}.dock-body .ins-note{font-size:11.5px;line-height:1.55;color:var(--ink-3);margin:0}.dock-body .ins-note.is-live{color:var(--signal)}.dock-body .assist-modes button,.dock-body .chip{border-radius:999px;padding:6px 12px;transition:background .12s ease,border-color .12s ease,color .12s ease}.dock-body .assist-input,.dock-body .ins-input,.dock-body .ins-select,.dock-body .select{border-radius:var(--r-md);background:var(--paper);color:var(--ink);border:1px solid var(--line)}.dock-body .assist-input:hover,.dock-body .ins-input:hover,.dock-body .select:hover,.dock-body .ins-select:hover{border-color:var(--line-strong)}.dock-body .primary,.dock-body .btn-wide{border-radius:999px;padding:10px 14px;font-weight:600;transition:transform .12s ease,box-shadow .12s ease}.dock-body .primary:hover:not(:disabled),.dock-body .btn-wide:hover:not(:disabled){box-shadow:0 6px 18px #1a1a1824;transform:translateY(-1px)}.dock-body .segmented{border-radius:999px;overflow:hidden}.dock-body .segmented button{border-radius:0}.dock-body .mini-btn{border-radius:999px}.select{width:100%;border:1px solid var(--line);border-radius:var(--r-sm);padding:6px 8px;font-size:12.5px;background:var(--paper);color:var(--ink)}.btn-wide{width:100%;border:1px solid var(--line);background:var(--paper);border-radius:var(--r-md);padding:9px 12px;font-size:12.5px;font-weight:500;color:var(--ink)}.btn-wide:hover{background:var(--surface)}.link{border:0;background:transparent;color:var(--signal);font-size:11.5px;padding:0}.link:hover{text-decoration:underline}.chips{display:flex;flex-wrap:wrap;gap:5px}.chip{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:5px 11px;font-size:12px;color:var(--ink-2)}.chip:hover{border-color:var(--ink-3);color:var(--ink)}.chip.is-active{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0}.ai-action{display:flex;flex-direction:column;align-items:flex-start;gap:4px;border:1px solid var(--line);background:var(--paper);border-radius:var(--r-md);padding:11px 12px;text-align:left;color:var(--ink);transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease,background .12s ease}.ai-action b{font-size:12.5px;font-weight:600}.ai-action span{font-size:11px;line-height:1.4;color:var(--ink-3)}.ai-action:hover:not(:disabled){border-color:var(--signal);background:var(--signal-soft);transform:translateY(-1px);box-shadow:0 6px 18px #1f5fd01f}.ai-action:disabled{opacity:.55}.fx-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.fx-presets.is-disabled{opacity:.45;pointer-events:none}.fx-preset{display:flex;flex-direction:column;align-items:center;gap:5px;border:1px solid transparent;background:transparent;padding:4px 2px;border-radius:var(--r-md);font-size:10.5px;color:var(--ink-2);transition:background .12s ease,border-color .12s ease}.fx-preset:hover{background:var(--surface)}.fx-preset.is-active{border-color:var(--ink);color:var(--ink)}.fx-swatch{width:100%;aspect-ratio:1;border-radius:var(--r-sm);background:radial-gradient(circle at 30% 30%,#ffd166 0 18%,transparent 19%),linear-gradient(135deg,#4cc9f0,#7209b7 55%,#f72585);box-shadow:inset 0 0 0 1px #00000014}.fx-toggles{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin-top:4px}.layers{padding:0;display:flex;flex-direction:column;min-height:100%;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.layers-head{display:flex;align-items:center;gap:8px;padding:10px 10px 6px}.layers-head .select{flex:1;border-radius:999px;padding:5px 10px}.layers-opacity{display:flex;align-items:center;gap:6px;flex:0 0 118px}.layers-opacity input{width:74px;accent-color:var(--ink)}.layers-opacity em{font-style:normal;font-family:var(--mono);font-size:11px;color:var(--ink-2);width:34px;text-align:right}.layers-search{margin:0 10px 8px;border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:12px;background:var(--surface);color:var(--ink)}.layers-search:focus{outline:none;border-color:var(--signal);background:var(--paper)}.layers-list{flex:1;overflow-y:auto;padding:0 6px 6px}.layer-row{position:relative;gap:8px;padding:4px 6px 4px 2px;border:1px solid transparent;transition:background .1s ease}.layer-row.is-locked .layer-name{color:var(--ink-3)}.layer-row.is-drop-above:before,.layer-row.is-drop-below:after{content:"";position:absolute;left:8px;right:8px;height:2px;background:var(--signal);border-radius:2px}.layer-row.is-drop-above:before{top:-1px}.layer-row.is-drop-below:after{bottom:-1px}.layer-row.is-drop-into{border-color:var(--signal);background:var(--signal-soft)}.layer-thumb{flex:none;width:34px;height:28px;border-radius:5px;background:linear-gradient(45deg,var(--line-soft) 25%,transparent 25%,transparent 75%,var(--line-soft) 75%),linear-gradient(45deg,var(--line-soft) 25%,var(--paper) 25%,var(--paper) 75%,var(--line-soft) 75%);background-size:8px 8px;background-position:0 0,4px 4px;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}.layer-thumb img{max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}.layer-thumb i{width:12px;height:12px;border-radius:3px;background:var(--ink-3);opacity:.5}.layer-thumb.is-group i{background:transparent;border:1.5px dashed var(--ink-3);width:16px;height:12px}.layer-name{display:flex;flex-direction:column;gap:1px;line-height:1.2}.layer-name small{font-size:10px;color:var(--ink-3);font-weight:400}.layer-row.is-selected .layer-name small{color:var(--signal);opacity:.8}.layer-fx{flex:none;font-family:var(--mono);font-size:9px;padding:1px 5px;border-radius:999px;background:var(--surface-2);color:var(--ink-2)}.layers-foot{display:flex;align-items:center;gap:3px;padding:7px 8px;border-top:1px solid var(--line-soft);background:var(--surface)}.layers-foot button{height:26px;min-width:26px;padding:0 7px;display:grid;place-items:center;border:0;background:transparent;border-radius:var(--r-sm);color:var(--ink-2);font-size:11px;font-weight:500}.layers-foot button:hover:not(:disabled){background:var(--paper);color:var(--ink);box-shadow:var(--shadow-1)}.layers-foot button:disabled{opacity:.4}.layers-foot button.is-danger:hover:not(:disabled){color:var(--danger)}.layers-foot svg{width:15px;height:15px}.layers-foot-rule{width:1px;height:16px;background:var(--line);margin:0 3px}.job-pill{position:absolute;left:50%;bottom:calc(var(--status-h) + 18px);transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:9px 16px 9px 12px;background:var(--ink);color:var(--on-ink);border-radius:999px;font-size:12.5px;box-shadow:var(--shadow-2);z-index:60;animation:menu-in .16s ease}.job-spin{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:currentColor;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.job-bar{width:90px;height:4px;border-radius:2px;background:#fff3;overflow:hidden}.job-bar i{display:block;height:100%;background:var(--signal);transition:width .2s ease}.starter{width:100%;max-width:560px;margin:18px auto 0;text-align:left}.empty-state .starter{margin-top:6px;margin-bottom:18px}.starter-field{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 14px;background:var(--paper);border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow-1);transition:border-color .12s ease,box-shadow .12s ease}.starter-field:focus-within{border-color:var(--signal);box-shadow:0 0 0 4px var(--signal-soft)}.starter-spark{color:var(--signal);font-size:15px}.starter-field input{flex:1;min-width:0;border:0;background:transparent;font-size:14.5px;color:var(--ink);padding:8px 0}.starter-field input:focus{outline:none}.starter-field .primary{border-radius:999px;padding:9px 16px}.starter-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.starter-note{margin:10px 0 0;font-size:12px;color:var(--ink-3)}.starter.is-compact{margin:0}.app.is-tablet .tool{width:46px;height:46px}.app.is-tablet .toolbar{padding:8px}.app.is-tablet .zoombar{bottom:96px}.app.is-tablet .minimap{display:none}.app.is-tablet .board-name{width:150px}.app.is-tablet .ob-btn,.app.is-tablet .ob-num,.app.is-tablet .ob-select{padding-top:8px;padding-bottom:8px}.sheet{position:absolute;left:0;right:0;bottom:0;max-height:62%;display:flex;flex-direction:column;background:var(--paper);border-top:1px solid var(--line);border-radius:18px 18px 0 0;box-shadow:0 -8px 30px #1a1a181f;z-index:45}.sheet-grip{display:grid;place-items:center;padding:8px 0 2px}.sheet-grip i{width:38px;height:4px;border-radius:2px;background:var(--line-strong)}.sheet .dock-tabs{padding:0 10px}.sheet .dock-tabs button{padding:6px 2px 8px}.sheet .dock-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.sheet:not(.is-open) .dock-tabs{border-bottom:0}:root[data-theme=dark] .optionsbar{background:#1d1e1bf5}:root[data-theme=dark] .fx-swatch{box-shadow:inset 0 0 0 1px #ffffff14}:root[data-theme=dark] .job-pill{background:var(--paper);color:var(--ink);border:1px solid var(--line)}:root[data-theme=dark] .ai-action:hover:not(:disabled){box-shadow:none}:root[data-theme=dark] .dock-body .ins-section{box-shadow:none}.app{overflow:clip}.app.is-tablet .topbar{padding:0 10px;gap:6px}.app.is-tablet .home-btn{padding-right:8px}.app.is-tablet .menu-btn{padding:6px 7px;font-size:12px}.app.is-tablet .board-name{width:120px;font-size:13px}.app.is-tablet .save-status,.app.is-tablet .avatar,.app.is-tablet .topbar-right .outline,.app.is-tablet .topbar-group:nth-of-type(2){display:none}.app.is-tablet .topbar-right .primary{padding:7px 10px}.stamps{width:264px}.web-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.web-tile{display:flex;flex-direction:column;gap:5px;padding:6px 6px 8px;border:1px solid var(--line);background:var(--paper);border-radius:var(--r-md);text-align:left;font-size:11.5px;font-weight:500;color:var(--ink-2);transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease}.web-tile:hover{border-color:var(--ink-3);color:var(--ink);transform:translateY(-1px);box-shadow:var(--shadow-1)}.stamp-preview{width:100%;aspect-ratio:104 / 64;background:var(--surface);border-radius:var(--r-sm)}.web-builder-cta{width:100%;display:flex;flex-direction:column;gap:2px;margin-bottom:12px;padding:10px 12px;border:1px solid transparent;background:var(--ink);color:var(--on-ink);border-radius:var(--r-md);text-align:left}.web-builder-cta b{font-size:12.5px}.web-builder-cta span{font-size:11px;opacity:.7}.web-builder-cta:hover{background:var(--signal)}.home-hero{padding:44px 44px 26px;max-width:760px}.home-hero h1{font-size:clamp(30px,3.6vw,44px)}.home-hero h1 em{display:inline}.home-hero .starter{margin-top:22px}.home-body{gap:30px}.home-row-head{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.home-row-head h2{margin:0}.home-row-head span{font-size:12px;color:var(--ink-3)}.size-chips{display:flex;flex-wrap:wrap;gap:8px}.size-chip{position:relative;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:7px 13px 7px 10px;font-size:12.5px;color:var(--ink);transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease}.size-chip:hover{border-color:var(--ink-3);transform:translateY(-1px);box-shadow:var(--shadow-1)}.size-chip i{display:inline-block;border:1.5px solid var(--ink-2);border-radius:2px;flex:none}.size-chip i.is-free{border-style:dashed}.size-chip b{font-weight:600}.size-chip small{font-family:var(--mono);font-size:10.5px;color:var(--ink-3)}.size-chip.is-custom{padding:0}.size-chip.is-custom>button{border:0;background:transparent;padding:7px 13px;font:inherit;color:inherit}.size-pop{position:absolute;top:calc(100% + 6px);left:0;display:flex;align-items:center;gap:8px;padding:10px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-2);z-index:5}.tpl-rail{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:12px;padding:2px}.tpl-card{display:flex;flex-direction:column;align-items:stretch;gap:4px;border:1px solid var(--line);background:var(--paper);border-radius:var(--r-lg);padding:8px 8px 10px;text-align:left;transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease}.tpl-card:hover{border-color:var(--ink-3);transform:translateY(-2px);box-shadow:var(--shadow-1)}.tpl-card .board-preview{width:100%;height:106px;border-radius:var(--r-md)}.tpl-card strong{margin-top:6px;font-size:12.5px;padding:0 4px}.tpl-card>span:last-child{font-size:11px;color:var(--ink-3);padding:0 4px}.tpl-site-thumb{display:flex;flex-direction:column;gap:5px;height:106px;padding:12px 14px;border-radius:var(--r-md);overflow:hidden}.tpl-site-thumb i{display:block;height:6px;width:55%;border-radius:3px}.tpl-site-thumb em{display:flex;gap:6px;margin-top:auto}.tpl-site-thumb em b{flex:1;height:26px;border-radius:5px;opacity:.9}.insert-tools{display:flex;gap:6px;padding:8px 12px 4px}.insert-search{flex:1;min-width:0;border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:12px;background:var(--surface);color:var(--ink)}.insert-search:focus{outline:none;border-color:var(--signal);background:var(--paper)}.insert-toggle{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;color:var(--ink-3)}.insert-toggle.is-on{background:var(--signal-soft);border-color:transparent;color:var(--signal)}.stock{display:flex;flex-direction:column;gap:8px}.stock-search{display:flex;gap:6px}.stock-search input{flex:1;min-width:0;border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:12.5px;background:var(--paper);color:var(--ink)}.stock-search input:focus{outline:none;border-color:var(--signal)}.stock-search .primary{border-radius:999px;padding:6px 12px}.stock-sources{display:flex;flex-wrap:wrap;gap:4px}.stock-sources button{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:3px 9px;font-size:11px;color:var(--ink-2)}.stock-sources button.is-active{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.stock-keys-btn{margin-left:auto;color:var(--signal)!important}.stock-keys{display:flex;flex-direction:column;gap:6px;padding:10px;background:var(--surface);border-radius:var(--r-md)}.stock-keys p{margin:0;font-size:11px;color:var(--ink-3)}.stock-keys label{display:flex;flex-direction:column;gap:3px;font-size:11px;font-weight:600;color:var(--ink-2)}.stock-keys input{border:1px solid var(--line);border-radius:var(--r-sm);padding:5px 8px;font-size:12px;background:var(--paper);color:var(--ink)}.stock-suggest{display:flex;flex-wrap:wrap;gap:5px}.stock-suggest .ins-note{width:100%;margin:6px 0 0;font-size:11px;color:var(--ink-3)}.stock-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.stock-tile{position:relative;padding:0;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:var(--surface);aspect-ratio:4 / 3;cursor:grab}.stock-tile img{width:100%;height:100%;object-fit:cover;display:block}.stock-tile span{position:absolute;left:0;right:0;bottom:0;padding:4px 6px;font-size:9.5px;color:#fff;background:linear-gradient(transparent,#0009);text-align:left;opacity:0;transition:opacity .12s ease}.stock-tile:hover span{opacity:1}.stock-tile:hover{border-color:var(--signal)}.home-hero .starter{margin-left:0}.insert-blurb{margin:0 0 10px;font-size:11.5px;line-height:1.5;color:var(--ink-3)}.recipe-list{display:flex;flex-direction:column;gap:6px}.recipe{display:grid;grid-template-columns:78px 1fr;align-items:center;gap:10px;padding:6px;border:1px solid var(--line);background:var(--paper);border-radius:var(--r-md);text-align:left;font-size:12px;font-weight:500;color:var(--ink);transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease}.recipe:hover{border-color:var(--ink-3);transform:translateY(-1px);box-shadow:var(--shadow-1)}.recipe .stamp-preview{aspect-ratio:104 / 64}.insert-smart{width:32px;height:30px;border:0;border-radius:999px;background:var(--signal-soft);color:var(--signal);font-size:15px}.insert-smart:hover:not(:disabled){background:var(--signal);color:#fff}.insert-smart:disabled{opacity:.4}.insert-smart-hint{display:flex;flex-direction:column;gap:3px;margin-top:6px;padding:10px 12px;border-radius:var(--r-md);background:var(--signal-soft);color:var(--signal);font-size:11.5px;line-height:1.5}.mcp-add{display:flex;flex-direction:column;gap:8px;padding:10px;margin:6px 0 10px;background:var(--surface);border-radius:var(--r-md)}.mcp-tools{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow-y:auto;margin-top:6px}.mcp-tool{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);background:var(--paper);border-radius:var(--r-md);padding:7px 10px;text-align:left;color:var(--ink)}.mcp-tool b{font-size:12px;font-family:var(--mono)}.mcp-tool span{font-size:11px;color:var(--ink-3);line-height:1.4}.mcp-tool:hover{border-color:var(--ink-3)}.mcp-tool.is-active{border-color:var(--signal);background:var(--signal-soft)}.mcp-run{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line-soft)}.mcp-field{display:flex;flex-direction:column;gap:4px}.mcp-field>span{font-size:11.5px;font-weight:600;color:var(--ink-2);font-family:var(--mono)}.mcp-field>span em{color:var(--danger);font-style:normal}.mcp-field>span small{display:block;font-family:var(--sans);font-weight:400;color:var(--ink-3);line-height:1.4;margin-top:2px}.mcp-inline{display:flex;gap:6px}.mcp-inline .ins-input{flex:1;min-width:0}.sb{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--surface);z-index:90;font-size:12.5px;color:var(--ink)}.sb-top{height:52px;flex:none;display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--paper);border-bottom:1px solid var(--line)}.sb-close{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);background:var(--paper);border-radius:var(--r-sm);color:var(--ink-2)}.sb-close:hover{color:var(--ink);background:var(--surface)}.sb-title{font-family:var(--serif);font-size:17px;font-weight:700;letter-spacing:-.01em}.sb-title em{color:var(--signal);font-style:italic}.sb-rule{width:1px;height:22px;background:var(--line)}.sb-spacer{flex:1}.sb-input{border:1px solid var(--line);border-radius:var(--r-sm);padding:6px 9px;font-size:12.5px;background:var(--paper);color:var(--ink);min-width:140px}.sb-input:focus{outline:none;border-color:var(--signal)}.sb-devices{display:inline-flex;padding:3px;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:999px}.sb-devices button{border:0;background:transparent;padding:5px 12px;border-radius:999px;font-size:11.5px;font-weight:600;text-transform:capitalize;color:var(--ink-3)}.sb-devices button.is-active{background:var(--paper);color:var(--ink);box-shadow:var(--shadow-1)}.sb-btn{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:7px 13px;font-size:12px;font-weight:600;color:var(--ink);white-space:nowrap;transition:background .12s ease,transform .12s ease,box-shadow .12s ease}.sb-btn:hover:not(:disabled){background:var(--surface);transform:translateY(-1px);box-shadow:var(--shadow-1)}.sb-btn:disabled{opacity:.45}.sb-btn.is-primary{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.sb-btn.is-danger{color:var(--danger);margin-top:12px}.sb-body{flex:1;min-height:0;display:grid;grid-template-columns:300px 1fr 300px}.sb-left,.sb-right{display:flex;flex-direction:column;min-height:0;background:var(--paper)}.sb-left{border-right:1px solid var(--line)}.sb-right{border-left:1px solid var(--line)}.sb-scroll{flex:1;overflow-y:auto;padding:12px}.sb-note{margin:0 0 10px;font-size:11.5px;color:var(--ink-3);line-height:1.5}.sb-tabs{display:flex;gap:4px;padding:10px 12px 0}.sb-tabs button{flex:1;border:0;background:transparent;padding:8px 6px;border-radius:var(--r-md) var(--r-md) 0 0;border-bottom:2px solid transparent;font-size:12px;font-weight:600;color:var(--ink-3)}.sb-tabs button small{margin-left:4px;font-weight:500;color:var(--ink-3)}.sb-tabs button.is-active{color:var(--ink);border-bottom-color:var(--ink)}.sb-search{margin:10px 12px 6px;border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:12px;background:var(--surface);color:var(--ink)}.sb-search:focus{outline:none;border-color:var(--signal);background:var(--paper)}.sb-cats{display:flex;flex-wrap:wrap;gap:4px;padding:4px 12px 8px}.sb-cats button{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:3px 9px;font-size:11px;text-transform:capitalize;color:var(--ink-2)}.sb-cats button.is-active{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.sb-card{position:relative;border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper);margin-bottom:8px;overflow:hidden;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.sb-card:hover{border-color:var(--ink-3);box-shadow:var(--shadow-1);transform:translateY(-1px)}.sb-card.is-used{border-color:var(--signal)}.sb-card-preview{height:96px;background:var(--surface);border-bottom:1px solid var(--line-soft);overflow:hidden}.sb-card-meta{padding:8px 40px 9px 10px;display:flex;flex-direction:column;gap:2px}.sb-card-meta b{font-size:12px}.sb-card-meta span{font-size:10.5px;color:var(--ink-3)}.sb-add{position:absolute;right:8px;bottom:8px;width:28px;height:28px;border:0;border-radius:999px;background:var(--ink);color:var(--on-ink);font-size:17px;line-height:1}.sb-add:hover{background:var(--signal)}.sb-mini{width:100%;height:100%;overflow:hidden;position:relative;pointer-events:none}.sb-mini-inner{position:absolute;top:0;left:0;width:1100px;transform:scale(.25);transform-origin:top left}.sb-card-preview .sb-mini-inner{width:1120px;transform:scale(.247)}.sb-fallback{padding:12px;display:flex;flex-direction:column;gap:4px}.sb-fallback b{font-size:12px}.sb-fallback span{font-size:11px;color:var(--ink-3)}.sb-template{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:6px;border:1px solid var(--line);background:var(--paper);border-radius:var(--r-lg);padding:8px;margin-bottom:10px;text-align:left;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.sb-template:hover{border-color:var(--ink-3);box-shadow:var(--shadow-1);transform:translateY(-1px)}.sb-template-thumb{display:block;height:150px;border-radius:var(--r-md);background:var(--surface);overflow:hidden}.sb-template-thumb .sb-mini{height:auto}.sb-template-thumb .sb-mini-inner{position:relative;width:1120px;transform:scale(.24);margin-bottom:-76%}.sb-template b{font-size:12.5px}.sb-template>span:last-child{font-size:11px;color:var(--ink-3);line-height:1.45}.sb-stage{overflow:auto;padding:24px;background-color:var(--surface);background-image:radial-gradient(var(--line-strong) 1px,transparent 1px);background-size:20px 20px}.sb-empty{max-width:460px;margin:18vh auto 0;text-align:center}.sb-empty h2{font-family:var(--serif);font-size:30px;margin:0 0 8px}.sb-empty p{color:var(--ink-2);line-height:1.6}.sb-page-wrap{position:relative;margin:0 auto}.sb-page{position:absolute;top:0;left:0;transform-origin:top left;background:#fff;border-radius:12px;box-shadow:var(--shadow-2);overflow:hidden}.sb-chrome{height:34px;background:#f2f1ed;border-bottom:1px solid #e1dfd8;display:flex;align-items:center;gap:6px;padding:0 12px}.sb-chrome i{width:10px;height:10px;border-radius:50%;background:#d6d4cd}.sb-chrome span{margin-left:10px;padding:3px 12px;border-radius:6px;background:#fff;font-family:var(--mono);font-size:11px;color:#8a8a82}.sb-section{position:relative;cursor:pointer}.sb-section-body{pointer-events:none}.sb-section:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid transparent;pointer-events:none;transition:border-color .12s ease}.sb-section:hover:after{border-color:#1f5fd073}.sb-section.is-selected:after{border-color:var(--signal)}.sb-overlay{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:2px;padding:3px;background:#1a1a18eb;border-radius:999px;opacity:0;transition:opacity .12s ease;z-index:2}.sb-section:hover .sb-overlay,.sb-section.is-selected .sb-overlay{opacity:1}.sb-overlay-name{color:#fff;font-size:11px;font-weight:600;padding:0 8px 0 10px;white-space:nowrap}.sb-overlay button{height:24px;min-width:24px;padding:0 6px;display:grid;place-items:center;border:0;background:transparent;border-radius:999px;color:#fff;font-size:11px;font-weight:600}.sb-overlay button:hover:not(:disabled){background:#ffffff29}.sb-overlay button:disabled{opacity:.35}.sb-overlay button.is-danger:hover{background:var(--danger)}.sb-overlay svg{width:14px;height:14px}.sb-panel-head{display:flex;flex-direction:column;gap:3px;margin-bottom:12px}.sb-panel-head b{font-size:13.5px}.sb-panel-head span{font-size:11.5px;color:var(--ink-3);line-height:1.45}.sb-field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.sb-field span{font-size:11px;font-weight:600;color:var(--ink-2)}.sb-field input,.sb-field textarea{border:1px solid var(--line);border-radius:var(--r-md);padding:8px 10px;font-size:12.5px;background:var(--paper);color:var(--ink);resize:vertical;font-family:inherit}.sb-field input:focus,.sb-field textarea:focus{outline:none;border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-soft)}.sb-panel-meta{display:flex;flex-direction:column;gap:4px;margin-top:10px;padding:10px;background:var(--surface);border-radius:var(--r-md);font-size:11px;color:var(--ink-3)}.sb-themes{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sb-themes button{display:flex;align-items:center;gap:4px;border:1px solid var(--line);background:var(--paper);border-radius:var(--r-md);padding:7px 8px;font-size:11px;color:var(--ink-2);text-align:left}.sb-themes button i{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.08);flex:none}.sb-themes button span{margin-left:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-themes button.is-active{border-color:var(--ink);color:var(--ink)}.sb-outline{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:2px}.sb-outline button{border:0;background:transparent;padding:3px 4px;font-size:12px;color:var(--ink-2);text-align:left;border-radius:var(--r-sm)}.sb-outline button:hover{background:var(--surface);color:var(--ink)}.sb-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a1a1866;display:grid;place-items:center;z-index:5}.sb-modal{width:min(820px,92vw);height:min(680px,86vh);display:flex;flex-direction:column;background:var(--paper);border-radius:var(--r-lg);box-shadow:var(--shadow-2);overflow:hidden}.sb-modal header{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}.sb-modal header b{font-size:14px}.sb-modal header span{flex:1;font-size:11.5px;color:var(--ink-3)}.sb-modal pre{flex:1;margin:0;padding:16px;overflow:auto;font-family:var(--mono);font-size:11.5px;line-height:1.55;white-space:pre-wrap;color:var(--ink-2)}@media(max-width:1100px){.sb-body{grid-template-columns:260px 1fr 260px}}:root[data-theme=dark] .sb-page{box-shadow:0 20px 60px #00000080}.sb-section.is-drop:after{border-color:var(--signal);background:#1f5fd014}.sb-section [contenteditable=true]{outline:2px solid var(--signal);outline-offset:2px;border-radius:4px}.sb-section-body{pointer-events:auto}.sb-section-body *{cursor:default}.sb-pics{display:flex;flex-wrap:wrap;gap:6px}.sb-pic{position:relative;width:64px;height:48px;border-radius:6px;overflow:hidden;border:1px solid var(--line)}.sb-pic img{width:100%;height:100%;object-fit:cover}.sb-pic button{position:absolute;top:2px;right:2px;width:16px;height:16px;border:0;border-radius:50%;background:#0009;color:#fff;font-size:11px;line-height:1;padding:0}.sb-pic-add{border:1px dashed var(--line-strong);background:transparent;border-radius:6px;padding:0 10px;height:48px;font-size:11px;color:var(--ink-2)}.sb-pic-add:hover{border-color:var(--signal);color:var(--signal)}