.viz-kit-stage{position:relative;width:100%;height:100%;min-height:260px;overflow:hidden}.viz-kit-board{position:absolute;left:50%;top:50%;transform-origin:center}.viz-kit-object{position:absolute;left:0;top:0;transform-origin:0 0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;white-space:pre-wrap;overflow-wrap:anywhere;touch-action:none}.viz-kit-heading,.viz-kit-richtext,.viz-kit-text{align-items:flex-start}.viz-kit-object img{width:100%;height:100%;object-fit:contain}.viz-kit-resize-handle{position:absolute;z-index:30;padding:0;background:#fff;border:1px solid var(--viz-selection-color,#60a5fa);transform:translate(-50%,-50%);border-radius:1px;touch-action:none;pointer-events:auto}.viz-kit-resize-overlay{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none}.viz-kit-stage[data-editing] .viz-kit-connection [data-hovered] .viz-kit-connection-line{stroke-dasharray:none}.viz-kit-connection{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.viz-kit-button{border:0;background:transparent;color:inherit;cursor:pointer}.viz-kit-popup{background:var(--popover,#181b22);color:var(--popover-foreground,#f8fafc);border:1px solid var(--border,#343845);border-radius:8px;padding:8px;z-index:100}.viz-kit-popup [role=menuitem],.viz-kit-popup [role=menuitemcheckbox]{display:flex;gap:8px;padding:7px;cursor:pointer}.viz-kit-slider{width:100%;touch-action:none}.viz-kit-slider-control{display:flex;align-items:center;height:20px}.viz-kit-slider-track{position:relative;width:100%;height:4px;background:#4b5563;border-radius:9px}.viz-kit-slider-fill{background:#60a5fa;border-radius:9px}.viz-kit-slider-thumb{width:12px;height:12px;background:#e5e7eb;border-radius:50%}.viz-kit-step-card{position:relative;z-index:80;max-width:100%;padding:8px 12px;border-radius:8px;background:#20242ddd;color:#f8fafc;font-size:16px}.viz-kit-step-card p{margin:4px 0 0;font-size:15px}.viz-kit-lesson [data-viz-explanation]{z-index:80}.viz-kit-input{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}.viz-kit-input input{border:1px solid var(--border,#4b5563);padding:6px;border-radius:6px}.viz-kit-detail{gap:6px;font-size:13px}.viz-kit-detail button{padding:5px 10px;border:1px solid #536171;border-radius:6px;cursor:pointer;background:#111820;color:#eaf0f7}.viz-kit-detail button[aria-pressed=true]{background:#dce6f2;color:#111820}.viz-kit-detail button:focus-visible{outline:2px solid #73c8ed;outline-offset:2px}:is(.viz-kit-board,.viz-kit-scene-layer)[data-pattern=dots]{background-image:radial-gradient(#ffffff18 1px,transparent 0);background-size:20px 20px}:is(.viz-kit-board,.viz-kit-scene-layer)[data-pattern=grid]{background-image:linear-gradient(#ffffff12 1px,transparent 0),linear-gradient(90deg,#ffffff12 1px,transparent 0);background-size:24px 24px}:is(.viz-kit-board,.viz-kit-scene-layer)[data-pattern=diagonal]{background-image:repeating-linear-gradient(45deg,transparent 0 20px,#ffffff10 20px 21px)}:is(.viz-kit-board,.viz-kit-scene-layer)[data-pattern=crosshatch]{background-image:repeating-linear-gradient(45deg,transparent 0 20px,#ffffff10 20px 21px),repeating-linear-gradient(-45deg,transparent 0 20px,#ffffff10 20px 21px)}.viz-kit-selection-size{position:absolute;transform-origin:top center;pointer-events:none;user-select:none;white-space:nowrap;border-radius:2px;padding:1px 5px;background:#0d99ff;color:#fff;font-size:11px;font-weight:500;line-height:16px;font-variant-numeric:tabular-nums}.viz-kit-component-label{position:absolute;left:0;bottom:100%;transform-origin:left bottom;padding-bottom:6px;color:#a855f7;font-size:11px;white-space:nowrap}.viz-kit-text-content{width:100%;min-width:0;text-align:inherit}.viz-kit-inline-text{min-height:1lh;padding:0;margin:0;border:0;outline:none;background:transparent;color:inherit;font:inherit;line-height:inherit;white-space:pre-wrap;box-sizing:border-box;touch-action:auto;cursor:text}.viz-kit-stage{--viz-token-fill:#1e293b;--viz-token-border:#334155;--viz-token-text:#f8fafc;--viz-token-highlight:#075985;--viz-token-accent:#38bdf8}.light .viz-kit-stage,[data-theme=light] .viz-kit-stage{--viz-token-fill:#e2e8f0;--viz-token-border:#94a3b8;--viz-token-text:#0f172a;--viz-token-highlight:#bae6fd;--viz-token-accent:#0284c7}.viz-kit-connection,.viz-kit-connection-handles{overflow:visible}.viz-kit-connection-handles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;touch-action:none}