.sn-workspace{--sn-ink: #24373b;color:var(--sn-ink);background:#f7f9f8;border:1px solid #d8e2df;border-radius:18px;overflow:hidden}.sn-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid #d8e2df}.sn-eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em}.sn-badge{display:inline-block;font-size:9px;letter-spacing:.1em;margin-left:12px;padding:4px 7px;border:1px solid #c9d6d1;border-radius:4px;color:#5f746e}.sn-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sn-settings{min-width:0;margin:14px 24px;padding:4px 12px 8px;border:1px solid #d8e2df;border-radius:8px}.sn-settings legend{padding:0 6px;font-size:11px;font-weight:600;color:#65766f}.sn-setting-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 6px;font-size:12px;cursor:pointer}.sn-setting-toggle input{width:16px;height:16px;accent-color:#367b67}.sn-workspace button{border:1px solid #c8d5d0;background:#fff;padding:10px 14px;border-radius:8px;font-size:12px;cursor:pointer;transition:background .15s}.sn-workspace button:hover{background:#e6efeb}.sn-workspace button.sn-primary,.sn-workspace button[aria-pressed=true]{background:#294f46;color:#fff;border-color:#294f46}.sn-workspace :focus-visible{outline:2px solid #367b67;outline-offset:3px}#sn-tool-text:focus{outline:none;box-shadow:none}.sn-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px}#sn-stage{position:relative;height:640px;min-width:0;background:#090b10;overflow:hidden}#sn-stage canvas{display:block;touch-action:none}.sn-tools{position:absolute;z-index:3;display:flex;gap:4px;width:max-content;max-width:calc(100% - 16px);padding:4px;border:1px solid #777;border-radius:10px;background:#0c0c0c;color:#fff;box-shadow:0 4px 16px #0006}.sn-tools[hidden]{display:none}.sn-tools button{display:grid;place-items:center;width:44px;height:44px;padding:0;background:transparent;color:#fff;border:0}.sn-tools button:hover{background:#333}.sn-tools.is-editing{width:240px;flex-wrap:wrap}#sn-tool-editor{width:100%}#sn-tool-text{display:block;width:100%;padding:10px;resize:vertical;min-height:96px;max-height:180px;color:#fff;background:#161616;border:1px solid #666;border-radius:6px;font-size:13px;line-height:1.6}#sn-tool-done{margin-left:auto}.sn-stage-caption{position:absolute;inset:22px 24px auto;display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.13em;color:#a0a9b8;pointer-events:none}.sn-stage-help{position:absolute;bottom:20px;left:24px;right:16px;font-size:10px;line-height:1.9;color:#a0a9b8;pointer-events:none}.sn-panel{padding:24px;border-left:1px solid #d8e2df}.sn-reset{margin-top:18px}#sn-reset-confirm{margin-top:12px;font-size:12px;line-height:1.7}#sn-reset-confirm p{margin-bottom:10px}#sn-reset-accept{color:#9b2c2c}.sn-panel .sn-settings{margin:0;padding:0;border:0}.sn-panel .sn-settings legend{padding:0;font-size:13px;color:var(--sn-ink);margin-bottom:16px}.sn-panel .sn-settings .sn-actions{flex-direction:column;align-items:stretch;gap:4px}.sn-panel .sn-setting-toggle{padding:10px 0}.sn-panel select,.sn-panel textarea{width:100%;background:#fff;border:1px solid #c8d5d0;border-radius:8px;padding:10px;font-size:13px}.sn-panel textarea{resize:vertical;min-height:110px}.sn-panel input[type=range]{width:100%;accent-color:#367b67}.sn-panel output{float:right;font-variant-numeric:tabular-nums;font-weight:400}.sn-hint,.sn-range-labels{color:#65766f;font-size:10px;line-height:1.8;margin-top:8px}.sn-range-labels{display:flex;justify-content:space-between;margin-top:0}.sn-panel button{width:100%;margin-top:20px}.sn-panel .sn-danger{color:#92554b;background:transparent;margin-top:14px}.sn-status{border-top:1px solid #d8e2df;padding-top:16px;margin-top:22px;font-size:12px;line-height:1.8}.sn-panel fieldset:disabled{opacity:.45}.sn-panel fieldset:disabled button{cursor:default}#sn-open-space:disabled{color:#806224;border-color:#d5bc84;background:#fbf4e3;cursor:default}.sn-workspace button:disabled{cursor:default;opacity:.6}.sn-workspace [inert]{opacity:.65}.sn-spacebar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 24px;border-bottom:1px solid #d8e2df}.sn-spacebar p{flex:1 1 180px;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sn-spacebar label{font-size:11px}.sn-spacebar select{max-width:100%;width:200px;padding:8px;border:1px solid #c8d5d0;border-radius:8px;background:#fff;font-size:12px}.sn-node-actions{position:absolute;inset:0;z-index:3;pointer-events:none}.sn-node-actions[hidden]{display:none}.sn-node-actions button{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #fff9;border-radius:50%;background:#080808;color:#fff;pointer-events:auto}.sn-node-actions button:hover{background:#fff;color:#000}.sn-node-actions button:disabled{opacity:.3;cursor:default}.sn-node-actions button[hidden]{display:none}#sn-attributes{display:flex;gap:4px}#sn-attributes[hidden]{display:none}#sn-attributes button{border-radius:6px}#sn-attributes button[aria-pressed=true]{background:#fff;color:#000}.sn-workspace{background:var(--sn-panel, #f7f9f8)}#sn-stage{background:var(--sn-background, #090b10)}.sn-node-actions button,.sn-tools{background:var(--sn-disc, #000);color:var(--sn-accent, #fff);border-color:var(--sn-line, #949eac)}.sn-tools button{color:var(--sn-accent, #fff)}.sn-node-actions button:hover,#sn-attributes button[aria-pressed=true]{background:var(--sn-accent, #fff);color:var(--sn-disc, #000)}.sn-stage-caption,.sn-stage-help{color:var(--sn-line, #949eac)}#sn-tool-text{background:var(--sn-disc, #000);color:var(--sn-accent, #fff);border-color:var(--sn-line, #949eac)}.sn-demo-controls{position:absolute;top:48px;left:24px;right:24px;z-index:4;display:flex;align-items:center;flex-wrap:wrap;gap:12px;pointer-events:none}.sn-demo-controls button{pointer-events:auto;background:var(--sn-disc);color:var(--sn-accent);border-color:var(--sn-line)}#sn-demo-caption{font-size:11px;color:var(--sn-accent);text-shadow:0 1px 4px var(--sn-background)}.sn-showcase{border:0;border-radius:0;background:#06151e}.sn-showcase .sn-toolbar,.sn-showcase .sn-spacebar,.sn-showcase .sn-panel,.sn-showcase .sn-demo-controls,.sn-showcase .sn-stage-caption,.sn-showcase .sn-stage-help,.sn-showcase .sn-node-actions,.sn-showcase .sn-tools{display:none!important}.sn-showcase .sn-layout{display:block}.sn-showcase #sn-stage{height:var(--sn-stage-height);min-height:18rem}.sn-showcase #sn-stage canvas{touch-action:none}.sn-showcase:fullscreen #sn-stage,.sn-showcase.toy3d-pseudo-fs #sn-stage{height:100dvh}#sn-settings-toggle{display:none}.sn-stage-help summary{display:none;cursor:pointer}.sn-workspace:not(.sn-showcase):is(:fullscreen,.toy3d-pseudo-fs){position:fixed;inset:0;width:100%;height:100dvh;z-index:100;border:0;border-radius:0;display:flex;flex-direction:column}.sn-workspace:not(.sn-showcase):is(:fullscreen,.toy3d-pseudo-fs) .sn-toolbar{display:none}.sn-workspace:not(.sn-showcase):is(:fullscreen,.toy3d-pseudo-fs) .sn-layout{flex:1;min-height:0}.sn-workspace:not(.sn-showcase):is(:fullscreen,.toy3d-pseudo-fs) #sn-stage{height:100%}.sn-workspace:not(.sn-showcase):is(:fullscreen,.toy3d-pseudo-fs) .sn-panel{overflow-y:auto;min-height:0}.sn-showcase.toy3d-pseudo-fs{position:fixed;inset:0;width:100%;height:100dvh;z-index:100}@media(max-width:760px){.sn-layout{grid-template-columns:1fr}.sn-panel{border-left:0;border-top:1px solid #d8e2df}.sn-toolbar{padding:16px}.sn-workspace:not(.sn-showcase) #sn-stage{height:clamp(400px,65dvh,600px)}.sn-stage-caption{inset:12px 12px auto;font-size:9px}.sn-demo-controls{top:36px;left:12px;right:12px;gap:6px}.sn-demo-controls button{min-height:44px;padding:8px 10px}.sn-stage-help{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));font-size:11px}.sn-stage-help summary{display:list-item;pointer-events:auto;width:fit-content;padding:10px 12px;background:var(--sn-background);border:1px solid var(--sn-line);border-radius:6px}.sn-stage-help[open] .sn-help-content{padding:8px;background:var(--sn-background)}.sn-panel{padding:18px}.sn-panel select,#sn-tool-text{font-size:16px}.sn-node-actions button{width:44px;height:44px}.sn-workspace:not(.sn-showcase):is(:fullscreen,.toy3d-pseudo-fs) .sn-spacebar{padding:10px 12px}.sn-workspace:not(.sn-showcase):is(:fullscreen,.toy3d-pseudo-fs) .sn-panel{display:none;position:absolute;z-index:5;top:132px;bottom:0;right:0;width:min(320px,100%);background:var(--sn-panel);padding-bottom:max(18px,env(safe-area-inset-bottom))}.sn-workspace.sn-settings-open:is(:fullscreen,.toy3d-pseudo-fs) .sn-panel{display:block}.sn-workspace:is(:fullscreen,.toy3d-pseudo-fs) #sn-settings-toggle{display:block}}.sn-viewer-controls{position:absolute;left:12px;bottom:12px;right:220px;z-index:21;display:flex;align-items:center;flex-wrap:wrap;gap:8px;pointer-events:none}.sn-viewer-controls span{padding:6px 8px;border-radius:6px;background:#020617b3;color:#e2e8f0;font-size:10px}.sn-workspace[data-sn-home=true] .sn-viewer-controls span{display:none}.sn-viewer-controls button{pointer-events:auto;min-height:44px;background:#020617e6;color:#fff}.sn-viewer-controls button[hidden]{display:none}@media(max-width:760px){.sn-viewer-controls{right:12px;bottom:48px}.sn-viewer-controls span{display:none}}#sn-delete-confirm{position:absolute;color:var(--sn-accent, #fff);font-size:12px;line-height:1.5;white-space:nowrap;pointer-events:none;text-shadow:0 1px 4px var(--sn-background, #000)}