.wb-stage{position:relative;overflow:hidden;border-radius:var(--r-board);border:1px solid var(--line);background:radial-gradient(120% 90% at 30% 15%,#ffffff 0%,var(--wb-bg) 60%,#f2f3ee 100%);box-shadow:0 18px 40px -28px #15221f8c}.wb-stage[data-style=chalk]{border-color:var(--board-edge);background:radial-gradient(120% 90% at 30% 15%,var(--board-raised) 0%,var(--board) 60%,var(--board-sunk) 100%)}.wb-svg{display:block;width:100%;height:auto;aspect-ratio:5 / 3;user-select:none;-webkit-user-select:none;touch-action:manipulation}.wb-svg.tool-pen{cursor:crosshair;touch-action:none}.wb-hot{cursor:pointer}.wb-still{pointer-events:none}.wb-drag{cursor:grab;touch-action:none}.wb-dbg{fill:none;stroke:#17824b99;stroke-width:1;stroke-dasharray:3 2;pointer-events:none}.wb-dbg.bad{stroke:#cf3a2ee6;stroke-width:1.5}.stage-layers{position:relative;width:100%;height:100%}.stage-widget{position:absolute;inset:0;overflow:hidden auto}.stage-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;user-select:none;-webkit-user-select:none;touch-action:manipulation}.stage-svg.tool-pen{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M3 29 L10 26.81 L25.91 10.9 L21.1 6.09 L5.19 22 Z' fill='%23ffffff' stroke='%23ffffff' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M3 29 L10 26.81 L5.19 22 Z' fill='%23e9d6b4'/%3E%3Cpath d='M10 26.81 L5.19 22 L18.27 8.92 L23.08 13.73 Z' fill='%237b4b94'/%3E%3Cpath d='M23.08 13.73 L18.27 8.92 L21.1 6.09 L25.91 10.9 Z' fill='%23cfc8bb'/%3E%3Cpath d='M3 29 L5.37 28.26 L3.74 26.63 Z' fill='%231f1c18'/%3E%3Cpath d='M3 29 L10 26.81 L25.91 10.9 L21.1 6.09 L5.19 22 Z M10 26.81 L5.19 22 M23.08 13.73 L18.27 8.92' fill='none' stroke='%231f1c18' stroke-width='1.4' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E") 3 29,crosshair;touch-action:none}:root[data-scheme=dark] .stage-svg.tool-pen{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M3 29 L10 26.81 L25.91 10.9 L21.1 6.09 L5.19 22 Z' fill='%230e1722' stroke='%230e1722' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M3 29 L10 26.81 L5.19 22 Z' fill='%23e6d3b0'/%3E%3Cpath d='M10 26.81 L5.19 22 L18.27 8.92 L23.08 13.73 Z' fill='%23c9a6e8'/%3E%3Cpath d='M23.08 13.73 L18.27 8.92 L21.1 6.09 L25.91 10.9 Z' fill='%238f98a6'/%3E%3Cpath d='M3 29 L5.37 28.26 L3.74 26.63 Z' fill='%230e1722'/%3E%3Cpath d='M3 29 L10 26.81 L25.91 10.9 L21.1 6.09 L5.19 22 Z M10 26.81 L5.19 22 M23.08 13.73 L18.27 8.92' fill='none' stroke='%23f2ead8' stroke-width='1.4' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E") 3 29,crosshair}.stage-layers.has-widget .stage-svg{pointer-events:none}.stage-layers.has-widget .stage-svg .wb-hot,.stage-layers.has-widget .stage-svg .wb-drag,.stage-layers.has-widget .stage-svg.tool-pen{pointer-events:auto}.stage-controls{display:grid;gap:8px;padding:10px 14px 12px}.stage-controls label{display:grid;grid-template-columns:minmax(6em,14em) 1fr 4em;align-items:center;gap:12px;font-size:var(--t-sm)}.stage-controls output{font-variant-numeric:tabular-nums;text-align:right}.stage-look{position:absolute;z-index:2;width:28px;height:28px;margin:-14px 0 0 -14px;padding:0;display:grid;place-items:center;border-radius:999px;border:1.5px solid var(--wb-line);background:var(--wb-board);color:var(--wb-muted);cursor:pointer;animation:stage-look-in .25s ease-out;transition:color .15s,border-color .15s}.stage-look:before{content:"";position:absolute;inset:-9px;border-radius:999px}.stage-look:hover,.stage-look:focus-visible{color:var(--wb-ink);border-color:var(--wb-ink)}.stage-look:focus-visible{outline:3px solid var(--focus, #1d5fc2);outline-offset:2px}@keyframes stage-look-in{0%{opacity:0;transform:scale(.8)}}@media(prefers-reduced-motion:reduce){.stage-look{animation:none;transition:none}}.stage-outline{position:absolute;left:8px;bottom:8px;z-index:3;display:flex;flex-wrap:wrap;gap:4px;max-width:calc(100% - 16px);margin:0;padding:0;list-style:none;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.stage-outline:focus-within{width:auto;height:auto;overflow:visible;clip-path:none;padding:6px;border-radius:12px;background:var(--surface, #fff);box-shadow:0 6px 24px #00000040}.stage-outline button{font:inherit;font-size:var(--t-sm, .875rem);padding:4px 10px;border-radius:999px;border:1px solid var(--line, #ccc);background:transparent;color:var(--text, inherit);cursor:pointer}.stage-outline button:focus-visible{outline:3px solid var(--focus, #1d5fc2);outline-offset:1px}.stage-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}