:root{color-scheme:dark;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Outfit", "Inter", system-ui, sans-serif;--font-mono: "Fira Code", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--fs-xs: 11px;--fs-sm: 12px;--fs-md: 13px;--fs-base: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 26px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--r-xs: 6px;--r-sm: 8px;--r-md: 10px;--r-lg: 14px;--r-xl: 18px;--r-pill: 999px;--panel-radius: var(--r-xl);--control-h-sm: 28px;--control-h: 34px;--z-float: 3;--z-sticky: 10;--z-overlay: 100;--z-popover: 1000;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .25);--shadow: 0 20px 60px rgba(0, 0, 0, .4);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .36);--surface-0: #0a0b10;--surface-1: #11131c;--surface-2: rgba(255, 255, 255, .035);--surface-3: rgba(255, 255, 255, .07);--surface-panel: #161a22;--surface-sunken: rgba(0, 0, 0, .28);--bg: var(--surface-0);--bg-soft: var(--surface-1);--panel: var(--surface-panel);--panel-strong: var(--surface-0);--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--text: #f5f6fa;--text-muted: #949bb4;--muted: var(--text-muted);--accent: #bb66ff;--accent-strong: #a34dff;--accent-soft: rgba(187, 102, 255, .16);--accent-contrast: #14081f;--accent-cool: #39f3ff;--accent-cool-soft: rgba(57, 243, 255, .14);--danger: #ff5e7e;--danger-soft: rgba(255, 94, 126, .16);--success: #00f29b;--success-soft: rgba(0, 242, 155, .16);--warning: #ffd000;--warning-soft: rgba(255, 208, 0, .14);--graph-grid: rgba(255, 255, 255, .045);--graph-halo: rgba(12, 16, 20, .85);--graph-edge: rgba(255, 255, 255, .18);--graph-edge-muted: rgba(255, 255, 255, .07);--scrim: rgba(10, 11, 16, .72);--graph-shadow: rgba(0, 0, 0, .22);--shell-gap: var(--sp-3);--collapsed-rail: 48px;font-family:var(--font-sans)}[data-theme=light]{color-scheme:light;--shadow-sm: 0 4px 12px rgba(10, 11, 16, .06);--shadow: 0 20px 60px rgba(10, 11, 16, .08);--shadow-lg: 0 24px 60px rgba(10, 11, 16, .12);--surface-0: #f3f4fa;--surface-1: #ffffff;--surface-2: rgba(10, 11, 16, .03);--surface-3: rgba(10, 11, 16, .06);--surface-panel: #ffffff;--surface-sunken: rgba(10, 11, 16, .04);--panel-strong: #eaecf5;--line: rgba(10, 11, 16, .09);--line-strong: rgba(10, 11, 16, .18);--text: #1c1d24;--text-muted: #5c6079;--accent: #9b30ff;--accent-strong: #7d14e0;--accent-soft: rgba(155, 48, 255, .12);--accent-contrast: #ffffff;--accent-cool: #067a99;--accent-cool-soft: rgba(6, 122, 153, .12);--danger: #d1244a;--danger-soft: rgba(209, 36, 74, .12);--success: #00875a;--success-soft: rgba(0, 135, 90, .12);--warning: #9a6100;--warning-soft: rgba(154, 97, 0, .12);--graph-grid: rgba(10, 11, 16, .06);--graph-halo: rgba(255, 255, 255, .88);--graph-edge: rgba(10, 11, 16, .18);--graph-edge-muted: rgba(10, 11, 16, .07);--scrim: rgba(255, 255, 255, .78);--graph-shadow: rgba(10, 11, 16, .12)}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-base);-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select,textarea{font:inherit;font-family:var(--font-sans)}#app{height:100dvh}.app-shell{height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.app-nav{display:flex;justify-content:space-between;gap:var(--sp-3);align-items:center;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--line);background:var(--surface-1)}.brand-block{display:flex;align-items:baseline;gap:var(--sp-3);min-width:0}.brand-mark{margin:0;font-family:var(--font-display);font-size:var(--fs-2xl);line-height:1;font-weight:800;letter-spacing:-.01em;color:var(--text);white-space:nowrap}.brand-lockup{display:flex;align-items:baseline;min-width:0}.section-kicker{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:var(--fs-xs);font-weight:600;color:var(--accent-cool)}.app-nav h1,.section-heading h2,.inline-heading h3,.inspector-card h3,.matrix-card h3,.sensor-card h3{margin:0;font-family:var(--font-sans);font-weight:600}.subtitle,.muted{color:var(--text-muted)}.app-nav h1{font-size:var(--fs-md);line-height:1.2;font-weight:400;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-heading h2{font-size:var(--fs-lg);line-height:1.15}.topbar-actions{display:flex;align-items:center;gap:var(--sp-1);flex-wrap:wrap}.ghost-link,.speed-pill,button,select,input,textarea{border-radius:var(--r-md)}.ghost-link,button{border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);padding:0 var(--sp-3);min-height:var(--control-h);display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1);font-size:var(--fs-sm);font-weight:500;text-decoration:none;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.ghost-link{border-radius:var(--r-pill);white-space:nowrap}button:hover:not(:disabled),.ghost-link:hover,.speed-pill:hover:not(:disabled){border-color:var(--accent);background:var(--surface-3)}button:focus-visible,.ghost-link:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);font-weight:600}button.primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}button.ghost,.speed-pill{background:var(--surface-2)}button.danger{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}button.danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger)}button:disabled{opacity:.45;cursor:not-allowed}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--shell-gap);align-items:stretch;padding:var(--shell-gap);min-height:0;overflow:hidden}.playground{display:flex;flex-direction:row;gap:var(--shell-gap);min-width:0;min-height:0;height:100%;align-items:stretch}.panel-editor{flex:6 1 0%;min-width:320px;transition:flex .45s cubic-bezier(.25,1,.5,1),width .45s cubic-bezier(.25,1,.5,1),max-width .45s cubic-bezier(.25,1,.5,1),min-width .45s cubic-bezier(.25,1,.5,1)}.panel-visualization{flex:4 1 0%;min-width:320px;transition:flex .45s cubic-bezier(.25,1,.5,1),width .45s cubic-bezier(.25,1,.5,1),max-width .45s cubic-bezier(.25,1,.5,1),min-width .45s cubic-bezier(.25,1,.5,1)}.panel{background:var(--surface-panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--panel-radius);overflow:hidden;min-height:0;height:100%}.panel-section{padding:var(--sp-3);border-top:1px solid var(--line);min-height:0}.panel-section:first-child{border-top:0}.panel-section-tight{padding-bottom:var(--sp-3)}.panel-editor,.panel-visualization{display:flex;flex-direction:column;gap:0;min-height:0}.viz-top-section{background:var(--surface-2);display:grid;gap:10px;flex:0 0 auto}.panel-section-fill,.panel-visualization .panel-section-tight,.editor-pane{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.editor-pane{gap:var(--sp-3)}.editor-pane-meta{display:grid;gap:10px;align-content:start;flex:0 0 auto}.editor-pane-body{min-height:0;flex:1 1 auto}.section-heading,.inline-heading,.toolbar-row,.editor-tabbar,.status-strip,.viz-toolbar,.viz-heading-row{display:flex;justify-content:space-between;gap:var(--sp-3);align-items:center;flex-wrap:wrap}.compact-section-heading{gap:6px;align-items:baseline}.compact-section-heading .section-kicker{margin-right:4px}.compact-toolbar-row,.compact-viz-heading-row{gap:var(--sp-2)}.compact-toolbar-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}.examples-session-container{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:flex-end}.session-btn-group{display:flex;gap:var(--sp-1)}.session-btn-group button{height:var(--control-h);padding:0 var(--sp-3);font-size:var(--fs-sm);font-weight:500;gap:var(--sp-1)}#example-select{height:var(--control-h);box-sizing:border-box;padding:0 var(--sp-3);font-size:var(--fs-md);font-weight:500;font-family:inherit;cursor:pointer;background:var(--surface-2);border:1px solid var(--line-strong);color:var(--text);border-radius:var(--r-md);transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease;width:100%}#example-select:hover{background:var(--surface-3);border-color:var(--accent)}#example-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}#example-select option{background:var(--surface-1);color:var(--text);padding:var(--sp-2)}[data-theme=light] #example-select{background:var(--surface-2);border-color:var(--line-strong);color:var(--text)}[data-theme=light] #example-select:hover{background:var(--surface-3);border-color:var(--accent)}[data-theme=light] #example-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.interaction-toggle{justify-content:flex-end}.viz-toolbar-strip{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.95fr);gap:6px;align-items:stretch}.viz-control-group{display:grid;gap:var(--sp-1);align-content:start;min-width:0;padding:7px 8px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2)}.viz-control-group-run{flex:1.2 1 230px}.viz-control-group-speed{flex:.8 1 150px}.viz-control-group-graph{grid-column:1 / -1}.viz-control-group-graph .viz-inline-actions{min-height:100%}.viz-inline-actions{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.viz-inline-actions-run button{min-width:0;padding:5px 9px;font-size:var(--fs-sm)}.graph-inline-actions{justify-content:flex-start}.control-card-title{margin:0;font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.control-card-summary{margin:0;font-size:var(--fs-xs);color:var(--muted)}.speed-cluster{justify-content:flex-start}.interaction-toggle{display:inline-flex;gap:var(--sp-1);padding:3px;border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--surface-2)}.mode-chip{padding:5px 9px;border-radius:var(--r-pill);font-size:var(--fs-sm)}.mode-chip.is-active{background:var(--accent-soft);border-color:var(--accent-cool)}.selection-panel-toggle.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.config-stack,.inspector-stack{display:grid;gap:var(--sp-4)}.config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;gap:6px;min-width:0}.field span{font-size:var(--fs-sm);letter-spacing:.03em;color:var(--muted)}.compact-field{min-width:210px;flex:1 1 260px}.mode-field{flex:0 0 auto;min-width:0;width:fit-content}.editor-tabbar{justify-content:space-between;margin-top:0;width:100%}.editor-tab{min-width:92px;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md)}.editor-tab.is-active{background:var(--accent-soft);border-color:var(--accent-cool)}.grow-field{flex:1 1 220px}input,select,textarea{width:100%;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);padding:var(--sp-2) var(--sp-3)}input[type=checkbox],input[type=radio]{width:auto;min-width:0;flex:0 0 auto;padding:0;border:0;accent-color:var(--accent);cursor:pointer}select option{background:var(--surface-1);color:var(--text)}select optgroup{background:var(--bg);color:var(--accent);font-weight:600}textarea{resize:vertical;font-family:var(--font-mono);line-height:1.5}.editor-surface{min-height:0;height:100%}.editor-surface .cm-editor{height:100%;border:1px solid var(--line-strong);border-radius:var(--r-lg);overflow:hidden;background:var(--bg-soft);font-family:var(--font-mono);font-size:var(--fs-md);line-height:1.5}.editor-surface .cm-editor.cm-focused{border-color:var(--accent);outline:none}.editor-surface .cm-gutters{background:var(--surface-2);border-right:1px solid var(--line)}.editor-surface .cm-cursor,.editor-surface .cm-content{caret-color:var(--accent)}.mode-toggle{display:flex;gap:var(--sp-2);align-items:center;border:1px solid var(--line-strong);border-radius:var(--r-md);padding:0 12px;margin:0;min-height:var(--control-h);height:var(--control-h)}.mode-toggle-compact{min-height:var(--control-h-sm);height:var(--control-h-sm);border-radius:var(--r-sm);padding:0 var(--sp-2);gap:var(--sp-1)}.mode-toggle-compact label,.mode-toggle-compact span{font-size:var(--fs-xs);cursor:pointer}.mode-toggle-compact input[type=radio]{width:12px;height:12px;padding:0;cursor:pointer;accent-color:var(--accent)}.scala-version-field{display:flex;align-items:center;gap:var(--sp-2);margin-top:0}.scala-version-field>span{font-size:var(--fs-xs)}.tab-buttons{display:flex;gap:var(--sp-1);min-width:0}.inspector-action-row{display:flex;gap:var(--sp-2)}.settings-switch-label{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);font-size:var(--fs-md);color:var(--text-muted);cursor:pointer}.settings-switch-label input[type=checkbox]{width:14px;height:14px;padding:0;cursor:pointer;accent-color:var(--accent)}.viz-runtime-feedback:empty{display:none}.mode-toggle label,.speed-cluster{display:flex;gap:var(--sp-2);align-items:center}.speed-cluster{flex-wrap:wrap}.compact-speed-cluster{display:flex;flex-wrap:wrap;gap:5px}.settings-tray{display:grid;gap:var(--sp-2);padding:var(--sp-2);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);max-height:min(24vh,230px);overflow:auto}.settings-group{display:grid;gap:6px;min-width:0;padding:var(--sp-2);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2)}.settings-group-title{margin:0;font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.speed-pill.is-active{border-color:var(--accent-cool);background:var(--accent-soft)}.speed-pill{padding:5px 10px;font-size:var(--fs-sm)}.status-strip{color:var(--text-muted);font-size:var(--fs-sm);gap:var(--sp-2)}.status-strip-inline{justify-content:flex-end;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:4px var(--sp-2);border-radius:var(--r-pill);border:1px solid transparent;font-size:var(--fs-xs);font-weight:600;line-height:1.4;white-space:nowrap}.badge-neutral{background:var(--surface-3);border-color:var(--line-strong);color:var(--text-muted)}.badge-progress{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.badge-success{background:var(--success-soft);border-color:var(--success);color:var(--success)}.pulse-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.72)}}.perf-pill{padding:4px var(--sp-2);border-radius:var(--r-pill);border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text-muted);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.inline-error,.inspector-card pre{border-radius:var(--r-md)}.inline-error{margin:0}.inline-error{color:var(--danger)}.graph-pane{gap:10px;flex:1 0 auto}.graph-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;flex:1 1 auto;min-height:0}.graph-main,.selection-slot{min-height:0}.graph-main{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:var(--sp-2);position:relative;overflow:hidden}.graph-stage,.graph-canvas{border-radius:var(--r-lg);border:1px solid var(--line);background-color:var(--surface-sunken);background-image:linear-gradient(90deg,var(--graph-grid) 1px,transparent 1px),linear-gradient(0deg,var(--graph-grid) 1px,transparent 1px);background-size:32px 32px,32px 32px}.graph-stage{min-height:0;height:100%;overflow:hidden;position:relative;isolation:isolate;touch-action:none}.graph-stage.is-pan-mode{cursor:grab}.graph-stage.is-pan-mode.is-dragging{cursor:grabbing}.graph-stage.is-selection-mode{cursor:crosshair}.graph-svg,.graph-canvas{width:100%;height:100%;display:block;touch-action:none}.graph-workspace-container{width:100%;height:100%;position:relative}.graph-stage-wrapper{width:100%;height:100%;min-height:0}.graph-edge{stroke:var(--graph-edge);stroke-width:1.8;stroke-linecap:round}.graph-edge.is-neighborhood{stroke:var(--accent-cool);stroke-width:2.4}.graph-edge.is-muted{stroke:var(--graph-edge-muted);stroke-width:1.2}.graph-node{cursor:pointer;transition:.16s ease}.graph-stage.is-pan-mode .graph-node{cursor:grab}.graph-node circle{stroke:var(--graph-halo);stroke-width:3;filter:drop-shadow(0 6px 12px var(--graph-shadow))}.graph-node text{fill:var(--text);text-anchor:middle;dominant-baseline:hanging;pointer-events:none}.graph-node-label{paint-order:stroke;stroke:var(--graph-halo);stroke-width:3px;stroke-linejoin:round}.graph-node-overlay{pointer-events:none}.graph-node-overlay-text{paint-order:stroke;stroke:var(--graph-halo);stroke-width:2px;stroke-linejoin:round;dominant-baseline:middle}.graph-node-overlay-ring,.graph-node-overlay-dot{filter:drop-shadow(0 4px 8px var(--graph-shadow))}.graph-matrix-overlay{pointer-events:none}.graph-matrix-cell{stroke:var(--graph-halo);stroke-width:.8}.graph-boolean-badge{pointer-events:none}.graph-node.is-selected circle{stroke:var(--accent);stroke-width:3.4;filter:drop-shadow(0 0 16px var(--accent-soft))}.graph-svg.is-dense .graph-node{transition:none}.graph-svg.is-dense .graph-node circle,.graph-svg.is-dense .graph-node.is-selected circle,.graph-svg.is-dense .graph-node-overlay-ring,.graph-svg.is-dense .graph-node-overlay-dot{filter:none}.graph-svg.is-dense .graph-node circle{stroke-width:1.5}.graph-svg.is-dense .graph-node-label,.graph-svg.is-dense .graph-node-overlay-text{paint-order:normal;stroke:none}.graph-svg.is-dense .graph-matrix-cell{stroke:none}.selection-box{fill:var(--accent-soft);stroke:var(--accent-cool);stroke-width:2;stroke-dasharray:10 6;pointer-events:none}.selection-box.is-hidden{display:none}.mobile-view-switch{display:none;align-self:start;justify-self:stretch;gap:var(--sp-1);padding:3px;border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--surface-2)}.mobile-view-switch .mode-chip{flex:1 1 0;justify-content:center}.selection-list{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-3)}.selection-slot{position:absolute;top:16px;bottom:16px;right:16px;width:min(380px,calc(100% - 32px));z-index:var(--z-float);pointer-events:none;opacity:0;transform:translate3d(0,12px,0);transition:opacity .18s ease,transform .18s ease}.selection-slot.is-open{opacity:1;transform:translateZ(0)}.selection-slot:empty{display:none}.selection-tray{display:grid;gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--line-strong);border-radius:var(--r-xl);background:var(--surface-panel);box-shadow:var(--shadow-lg);pointer-events:auto;max-height:100%;overflow:auto}.selection-tray-header{display:flex;align-items:start;justify-content:space-between;gap:var(--sp-3);position:sticky;top:-12px;margin:-12px -12px 0;padding:var(--sp-3);background:var(--panel);z-index:var(--z-sticky);border-bottom:1px solid var(--line);border-radius:var(--r-xl) var(--r-xl) 0 0}.selection-tray-actions{display:grid;justify-items:end;gap:var(--sp-2)}.selection-tray-header h3{margin:0;font-family:var(--font-sans);font-weight:600}.selection-close{min-width:0}.selection-chip{border-radius:var(--r-pill);padding:var(--sp-2) var(--sp-3)}.selection-chip.is-active{background:var(--accent-soft);border-color:var(--accent-cool)}.inspector-card,.matrix-card,.sensor-card{display:grid;gap:10px;padding:var(--sp-3);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-2)}.inspector-card-export{gap:var(--sp-3);background:var(--accent-soft);border-color:var(--accent)}.selection-node-header{display:flex;justify-content:space-between;gap:var(--sp-3);align-items:start}.export-callout{display:grid;gap:6px;padding:var(--sp-3);border-radius:var(--r-lg);background:var(--surface-sunken);border:1px solid var(--line)}.export-callout-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--accent-cool)}.export-summary{margin:0;font-size:18px;line-height:1.35;color:var(--text);word-break:break-word}.export-preview{margin:0;padding:14px;border-radius:var(--r-lg);background:var(--surface-sunken);border:1px solid var(--line);overflow:auto;max-height:220px}.sensor-list,.sensor-editor{display:grid;gap:10px}.sensor-row,.sensor-editor{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end}.matrix-cell{aspect-ratio:1;border-radius:var(--r-sm);border:1px solid var(--line-strong)}.empty-graph{min-height:0;display:grid;place-items:center;color:var(--muted)}.is-hidden{display:none}.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1)}.icon-btn svg{flex-shrink:0}.sensor-mixed-hint{color:var(--text-muted);font-size:var(--fs-xs)}.gen-field-fill{flex:1 1 auto;min-height:0}.playground.is-editor-collapsed .panel-editor{flex:0 0 var(--collapsed-rail);width:var(--collapsed-rail);max-width:var(--collapsed-rail);min-width:0}.playground.is-editor-collapsed .panel-visualization{flex:1 1 0%;min-width:0}.playground.is-visualization-collapsed .panel-visualization{flex:0 0 var(--collapsed-rail);width:var(--collapsed-rail);max-width:var(--collapsed-rail);min-width:0}.playground.is-visualization-collapsed .panel-editor{flex:1 1 0%;min-width:0}.panel-editor,.panel-visualization{position:relative;overflow:hidden;display:flex;flex-direction:column}.collapsed-panel-trigger{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;border:none;display:flex;flex-direction:column;align-items:center;gap:var(--sp-6);padding:16px 0;cursor:pointer;-webkit-user-select:none;user-select:none;opacity:0;pointer-events:none;transition:opacity .25s ease;box-sizing:border-box}.panel.is-collapsed .collapsed-panel-trigger{opacity:1;pointer-events:auto}.panel-content{display:flex;flex-direction:column;height:100%;width:100%;min-width:340px;opacity:1;visibility:visible;transition:opacity .15s ease,transform .35s cubic-bezier(.25,1,.5,1);transform:scale(1)}.panel.is-collapsed .panel-content{opacity:0;visibility:hidden;pointer-events:none;transform:scale(.96);transition:opacity .1s ease,transform .35s cubic-bezier(.25,1,.5,1),visibility 0s .35s}.collapsed-panel-trigger .expand-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--control-h);height:var(--control-h);min-height:0;padding:0;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease}.panel.is-collapsed:hover .collapsed-panel-trigger .expand-btn{transform:scale(1.1);background:var(--surface-3);border-color:var(--accent);color:var(--accent)}.collapsed-title{writing-mode:vertical-rl;transform:rotate(180deg);text-transform:uppercase;color:var(--text-muted);font-size:var(--fs-md);font-weight:700;letter-spacing:.15em;-webkit-user-select:none;user-select:none;transition:color .2s ease}.panel.is-collapsed:hover .collapsed-panel-trigger .collapsed-title{color:var(--text)}.panel.is-collapsed{cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.panel.is-collapsed:hover{background:var(--surface-3);border-color:var(--accent)}.collapse-panel-btn{padding:var(--sp-1);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text-muted);cursor:pointer;transition:color .15s,border-color .15s,background .15s,transform .15s}.collapse-panel-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--surface-3)}.collapse-panel-btn svg{width:16px;height:16px}@media(max-width:1500px){.panel-editor,.panel-visualization{min-width:300px}}@media(max-width:1220px){.panel-editor,.panel-visualization{min-width:260px}.selection-slot{top:var(--sp-3);bottom:var(--sp-3);right:var(--sp-3);width:min(340px,calc(100% - var(--sp-6)))}}@media(max-width:1100px),(max-height:760px){.brand-lockup{display:none}.panel-editor{flex:4.9 1 0%}.panel-visualization{flex:5.1 1 0%}.compact-viz-heading-row{align-items:flex-start}.status-strip-inline{justify-content:flex-start}.viz-toolbar-strip{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr)}.control-card-summary{display:none}}@media(max-width:860px){.mobile-view-switch{display:inline-flex}.workspace-grid{grid-template-rows:auto minmax(0,1fr);gap:var(--sp-2)}.playground{flex-direction:column;height:100%;min-height:0}.panel-editor,.panel-visualization{flex:1 1 auto;width:100%;min-width:0;height:100%;transition:none}.playground[data-mobile-view=code] .panel-visualization,.playground[data-mobile-view=simulation] .panel-editor{display:none}.panel-content{min-width:0}.editor-surface,.editor-surface .cm-editor{height:100%;min-height:0}.collapse-panel-btn,.collapsed-panel-trigger{display:none}.app-nav{padding:var(--sp-2) var(--sp-3)}.brand-mark{font-size:var(--fs-xl)}.topbar-actions{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.topbar-actions::-webkit-scrollbar{display:none}}@media(max-width:720px){.workspace-grid,.panel-section{padding:var(--sp-2)}.toolbar-row,.viz-heading-row,.status-strip{width:100%;justify-content:flex-start}.compact-toolbar-row{display:grid;grid-template-columns:1fr}.viz-toolbar-strip{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.viz-control-group{padding:var(--sp-2) var(--sp-2)}.viz-inline-actions-run button,.compact-speed-cluster .speed-pill{flex:1 1 auto}.compact-field{min-width:0;flex-basis:100%}.compact-speed-cluster,.config-grid,.compact-grid,.sensor-row,.sensor-editor{grid-template-columns:1fr}.interaction-toggle{width:100%;justify-content:stretch}.mode-chip{flex:1 1 0}.session-btn-group{flex-wrap:wrap}.selection-slot{top:auto;right:var(--sp-2);bottom:var(--sp-2);left:var(--sp-2);width:auto}.selection-tray{padding:var(--sp-3);max-height:min(52vh,420px)}.selection-tray-header{align-items:start;flex-direction:column}.selection-tray-actions,.selection-node-header{width:100%;justify-items:start}}@media(max-height:620px)and (min-width:861px){.viz-top-section{gap:var(--sp-2);padding-bottom:var(--sp-2)}.graph-pane{padding-top:var(--sp-2);min-height:240px}.viz-control-group-speed .control-card-title,.viz-control-group-graph .control-card-title{display:none}.viz-control-group{padding:var(--sp-2)}}@media(pointer:coarse){button,.ghost-link,.speed-pill,.mode-chip,.editor-tab,.selection-chip{min-height:40px}.collapse-panel-btn{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.panel-visualization.viz-unloaded .graph-pane,.panel-visualization.viz-unloaded .viz-control-group-speed,.panel-visualization.viz-unloaded .viz-control-group-graph{opacity:.3;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .2s ease}.viz-startup-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:var(--z-sticky);pointer-events:none}.viz-startup-overlay p{font-size:1rem;color:var(--muted);background:var(--surface-sunken);padding:var(--sp-3) var(--sp-6);border-radius:var(--r-md);text-align:center;margin:0}[data-theme=light] .viz-startup-overlay p{background:var(--surface-3);color:var(--muted)}.cm-tooltip-autocomplete{background:var(--panel)!important;backdrop-filter:blur(14px) saturate(180%)!important;-webkit-backdrop-filter:blur(14px) saturate(180%)!important;border:1px solid var(--line-strong)!important;border-radius:var(--r-md)!important;box-shadow:var(--shadow)!important;padding:6px!important;font-family:inherit!important;font-size:var(--fs-md)!important;max-height:260px!important;z-index:var(--z-popover)!important}[data-theme=light] .cm-tooltip-autocomplete{box-shadow:var(--shadow)!important}.cm-tooltip-autocomplete ul{list-style:none!important;margin:0!important;padding:0!important;max-height:250px!important;overflow-y:auto!important}.cm-tooltip-autocomplete ul li{border-radius:var(--r-sm)!important;padding:6px 10px!important;color:var(--text)!important;display:flex!important;align-items:center!important;cursor:pointer!important;transition:all .12s ease!important;margin-bottom:2px!important}.cm-tooltip-autocomplete ul li:last-child{margin-bottom:0!important}.cm-tooltip-autocomplete ul li[aria-selected=true]{background-color:var(--accent-soft)!important;color:var(--text)!important;outline:none!important;box-shadow:inset 0 0 0 1px var(--accent)!important}.cm-tooltip-autocomplete ul li .cm-completionIcon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;border-radius:var(--r-xs)!important;margin-right:10px!important;font-size:var(--fs-xs)!important;font-weight:700!important;text-transform:uppercase!important;flex-shrink:0!important;border:none!important;background:transparent!important}.cm-tooltip-autocomplete ul li .cm-completionIcon:after{content:"v"}.cm-tooltip-autocomplete ul li .cm-completionIcon-function:after{content:"f"!important}.cm-tooltip-autocomplete ul li .cm-completionIcon-function{background:var(--accent-soft)!important;color:var(--accent-cool)!important}.cm-tooltip-autocomplete ul li .cm-completionIcon-keyword:after{content:"k"!important}.cm-tooltip-autocomplete ul li .cm-completionIcon-keyword{background:var(--accent-soft)!important;color:var(--accent)!important}.cm-tooltip-autocomplete ul li .cm-completionIcon-class:after{content:"c"!important}.cm-tooltip-autocomplete ul li .cm-completionIcon-class{background:var(--success-soft)!important;color:var(--success)!important}.cm-tooltip-autocomplete ul li .cm-completionIcon-text:after{content:"s"!important}.cm-tooltip-autocomplete ul li .cm-completionIcon-text{background:var(--accent-soft)!important;color:var(--accent)!important}.cm-tooltip-autocomplete ul li .cm-completionIcon-variable:after{content:"v"!important}.cm-tooltip-autocomplete ul li .cm-completionIcon-variable{background:var(--warning-soft)!important;color:var(--warning)!important}.cm-tooltip-autocomplete ul li .cm-completionLabel{font-weight:500!important;font-family:var(--font-mono)!important}.cm-tooltip-autocomplete ul li .cm-completionDetail{font-size:var(--fs-xs)!important;color:var(--muted)!important;margin-left:8px!important;font-style:normal!important}.editor-surface .cm-editor{display:flex!important;flex-direction:column!important;height:100%!important}.editor-surface .cm-scroller{flex-grow:1!important;flex-shrink:1!important;min-height:0!important}.editor-surface .cm-panels{background:var(--bg-soft)!important;color:var(--text)!important;z-index:var(--z-sticky)!important}.editor-surface .cm-panels-bottom{border-top:1px solid var(--line-strong)!important}.editor-surface .cm-panels-top{border-bottom:1px solid var(--line-strong)!important}.editor-surface .cm-panel.cm-search{background:var(--bg-soft);color:var(--text);padding:10px 14px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;font-family:inherit}.editor-surface .cm-panel.cm-search .cm-textfield{background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--text);padding:6px 12px;font-size:var(--fs-md);outline:none;font-family:var(--font-mono);transition:border-color .2s,box-shadow .2s,background-color .2s;min-width:140px;flex:1 1 auto}.editor-surface .cm-panel.cm-search .cm-textfield:focus{border-color:var(--accent);background:var(--bg-soft);box-shadow:0 0 0 3px var(--accent-soft)}.editor-surface .cm-panel.cm-search .cm-textfield::placeholder{color:var(--muted);opacity:.7}.editor-surface .cm-panel.cm-search button,.editor-surface .cm-panel.cm-search .cm-button{background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--text);padding:6px 12px;font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;flex:0 0 auto}.editor-surface .cm-panel.cm-search button:hover,.editor-surface .cm-panel.cm-search .cm-button:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);box-shadow:0 2px 8px var(--accent-soft)}.editor-surface .cm-panel.cm-search button:active,.editor-surface .cm-panel.cm-search .cm-button:active{transform:translateY(1px)}.editor-surface .cm-panel.cm-search label{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 6px;border-radius:var(--r-xs);transition:background-color .2s,color .2s}.editor-surface .cm-panel.cm-search label:hover{background:var(--surface-2);color:var(--text)}.editor-surface .cm-panel.cm-search label input[type=checkbox]{accent-color:var(--accent);margin:0;cursor:pointer;width:14px;height:14px}.editor-surface .cm-panel.cm-search button[name=close]{margin-left:auto;background:transparent;border:none;color:var(--muted);font-size:18px;padding:4px 8px;border-radius:var(--r-xs);display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 auto;transition:all .2s ease}.editor-surface .cm-panel.cm-search button[name=close]:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger);box-shadow:none}[data-theme=light] .editor-surface .cm-panel.cm-search label:hover,[data-theme=light] .editor-surface .cm-panel.cm-search button,[data-theme=light] .editor-surface .cm-panel.cm-search .cm-button{background:var(--surface-2)}[data-theme=light] .editor-surface .cm-panel.cm-search button:hover,[data-theme=light] .editor-surface .cm-panel.cm-search .cm-button:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.spin-icon{animation:spin 1s linear infinite;transform-origin:center;display:inline-block}.compiling-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--scrim);backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);z-index:var(--z-overlay);border-radius:var(--r-lg);animation:compileFadeIn .22s cubic-bezier(.16,1,.3,1) forwards;border:1px solid var(--line-strong)}[data-theme=light] .compiling-overlay{background:var(--scrim);border:1px solid var(--line)}.compiling-loader-container{display:flex;flex-direction:column;align-items:center;gap:var(--sp-5);text-align:center}.compiling-spinner{width:50px;height:50px;border:3.5px solid var(--line-strong);border-top:3.5px solid var(--accent-cool);border-right:3.5px solid var(--accent-cool);border-radius:50%;animation:spin .85s cubic-bezier(.5,.15,.5,.85) infinite;box-shadow:0 0 20px var(--accent-cool-soft)}[data-theme=light] .compiling-spinner{box-shadow:0 0 15px var(--accent-cool-soft)}.compiling-text-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1)}.compiling-title{font-size:1.15rem;font-weight:600;color:var(--text);margin:0;letter-spacing:-.01em}.compiling-subtitle{font-size:.85rem;color:var(--muted);margin:0;animation:compileTextPulse 1.8s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes compileFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes compileTextPulse{0%,to{opacity:.55}50%{opacity:1}}.embed-shell{display:flex;flex-direction:column;height:100dvh;width:100%;margin:0;padding:0;background-color:var(--bg);color:var(--text);overflow:hidden;font-family:var(--font-sans)}.embed-shell ::-webkit-scrollbar{width:6px;height:6px}.embed-shell ::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:var(--r-xs)}.embed-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2) var(--sp-3);background:var(--bg-soft);border-bottom:1px solid var(--line);flex-shrink:0;gap:10px}.embed-logo-block{display:flex;align-items:center;gap:10px}.embed-brand{font-family:var(--font-display);font-weight:800;font-size:15px;color:var(--accent);letter-spacing:-.5px}.embed-status .badge{padding:2px var(--sp-2);font-size:10px}.embed-actions{display:flex;align-items:center;gap:var(--sp-2)}.embed-btn{display:inline-flex;align-items:center;gap:5px;background:var(--panel-strong);color:var(--text);border:1px solid var(--line-strong);padding:5px 10px;font-size:var(--fs-sm);font-weight:500;border-radius:var(--r-sm);cursor:pointer;transition:all .2s ease}.embed-btn:hover:not(:disabled){background:var(--line-strong);border-color:var(--accent)}.embed-btn:disabled{opacity:.4;cursor:not-allowed}.embed-btn.primary{background:var(--accent);color:var(--text);border-color:var(--accent)}.embed-btn.primary:hover:not(:disabled){opacity:.9}.embed-divider{width:1px;height:18px;background:var(--line)}.embed-speed-group{display:inline-flex;background:var(--panel-strong);border:1px solid var(--line);padding:2px;border-radius:var(--r-sm)}.embed-speed-pill{border:none;background:transparent;color:var(--muted);font-size:10px;font-weight:600;padding:3px 8px;border-radius:var(--r-sm);cursor:pointer;transition:all .15s ease}.embed-speed-pill.is-active{background:var(--bg);color:var(--accent-cool);box-shadow:var(--shadow-sm)}.embed-content{display:grid;flex-grow:1;width:100%;height:100%;min-height:0;overflow:hidden}.layout-split-h .embed-content{grid-template-columns:1fr 1fr}.layout-split-v .embed-content{grid-template-rows:1fr 1fr}.layout-sim-only .embed-content,.layout-code-only .embed-content{grid-template-columns:1fr}.embed-pane-editor{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;height:100%;position:relative}.layout-split-v .embed-pane-editor{border-right:none;border-bottom:1px solid var(--line)}.embed-pane-editor .editor-surface{flex-grow:1;height:100%;min-height:0;background:var(--panel-strong)}.embed-pane-viz{position:relative;min-height:0;height:100%;background:var(--bg);overflow:hidden}.embed-viz-controls{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:6px;z-index:var(--z-sticky)}.embed-icon-btn{width:var(--control-h-sm);height:var(--control-h-sm);min-height:0;padding:0;flex:0 0 auto;background:var(--surface-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s ease}.embed-icon-btn:hover{background:var(--panel-strong);border-color:var(--accent)}.embed-icon-btn.is-active{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.embed-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);color:var(--text);z-index:var(--z-overlay);font-size:var(--fs-md);animation:compileFadeIn .25s ease-out forwards}.embed-spinner{width:24px;height:24px;border:2.5px solid var(--line-strong);border-top-color:var(--accent-cool);border-radius:50%;animation:spin .8s linear infinite}.embed-error-banner{position:absolute;bottom:12px;left:12px;right:12px;background:var(--danger-soft);border:1px solid var(--danger);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;color:var(--danger);font-size:var(--fs-xs);font-weight:500;z-index:var(--z-sticky)}@media(max-width:600px){.layout-split-h .embed-content{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.embed-toolbar{flex-wrap:wrap;row-gap:var(--sp-2)}.embed-actions{flex-wrap:wrap}}.generator-page-mode{overflow:auto!important}.gen-shell{min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--font-sans);display:flex;flex-direction:column;padding:var(--sp-6);box-sizing:border-box}.gen-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:var(--sp-6)}.gen-brand-container{display:flex;flex-direction:column}.gen-kicker{text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--accent-cool);margin-bottom:var(--sp-1)}.gen-title{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:800;letter-spacing:-.01em;margin:0;color:var(--text)}.gen-btn{background:var(--surface-3);border:1px solid var(--line-strong);color:var(--text);padding:var(--sp-2) var(--sp-4);font-size:var(--fs-md);font-weight:500;border-radius:var(--r-sm);cursor:pointer;transition:all .2s ease}.gen-btn:hover{background:var(--surface-3);border-color:var(--accent)}.gen-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--sp-6);flex-grow:1}.gen-panel{background:var(--surface-panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-5);display:flex;flex-direction:column;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.gen-panel-header{margin-bottom:var(--sp-5)}.gen-panel-header h2{font-size:18px;font-weight:700;margin:0 0 6px;color:var(--text)}.gen-panel-subtitle{font-size:var(--fs-sm);color:var(--text-muted);margin:0}.gen-form{display:flex;flex-direction:column;gap:var(--sp-4)}.gen-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.gen-field{display:flex;flex-direction:column;gap:6px}.gen-field span{font-size:var(--fs-xs);font-weight:600;color:var(--text-muted)}.gen-field select,.gen-textarea{background:var(--surface-1);border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--text);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-md);outline:none;transition:border-color .2s}.gen-field select:focus,.gen-textarea:focus{border-color:var(--accent)}.gen-checkbox-card{border:1px solid var(--line);background:var(--surface-sunken);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4)}.gen-checkbox-card h3{font-size:var(--fs-sm);margin:0 0 10px;color:var(--text)}.gen-checkboxes{display:flex;flex-direction:column;gap:10px}.gen-checkbox-row{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.gen-checkbox-row input[type=checkbox]{margin-top:3px;accent-color:var(--accent)}.gen-checkbox-label strong{font-size:var(--fs-sm);color:var(--text);display:block}.gen-checkbox-label p{font-size:10px;color:var(--text-muted);margin:2px 0 0}.gen-field-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.gen-btn-link{background:none;border:none;color:var(--accent-cool);font-size:10px;font-weight:600;cursor:pointer}.gen-btn-link:hover{text-decoration:underline}.gen-textarea{height:120px;font-family:var(--font-mono);resize:vertical}.gen-iframe-wrapper{flex-grow:1;min-height:240px;background:var(--surface-1);border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line-strong);margin-bottom:var(--sp-4);box-shadow:inset 0 12px 32px var(--surface-sunken)}.gen-snippet-box{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-3)}.gen-snippet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-2)}.gen-snippet-header h3{font-size:var(--fs-sm);color:var(--text-muted);margin:0}.gen-btn-copy{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:var(--text);border:none;padding:6px 12px;font-size:var(--fs-xs);font-weight:600;border-radius:var(--r-sm);cursor:pointer;transition:all .2s}.gen-btn-copy:hover{opacity:.9}.gen-btn-copy.copied{background:var(--success)}.gen-snippet-code{margin:0;background:var(--surface-sunken);padding:10px;border-radius:var(--r-sm);overflow-x:auto;border:1px dashed var(--line-strong)}.gen-snippet-code code{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--accent);white-space:pre-wrap;word-break:break-all}@media(max-width:900px){.gen-grid{grid-template-columns:1fr}}@media(max-width:600px){.gen-shell{padding:var(--sp-3)}.gen-row{grid-template-columns:1fr}.gen-header{flex-direction:column;align-items:flex-start;gap:var(--sp-3)}}.embed-shell.editor-collapsed .embed-pane-editor{display:none}.embed-shell.editor-collapsed .embed-content{grid-template-columns:1fr;grid-template-rows:1fr}#session-share.copied{background:var(--success-soft);color:var(--success);border-color:var(--success)}.cm-metals-hover{padding:8px 10px;max-width:460px;max-height:260px;overflow:auto;white-space:pre-wrap;font-family:var(--font-mono);font-size:var(--fs-sm);line-height:1.5;color:var(--text)}.cm-tooltip:has(.cm-metals-hover){background:var(--panel)!important;border:1px solid var(--line-strong)!important;border-radius:var(--r-md)!important;box-shadow:var(--shadow)!important;z-index:var(--z-popover)!important}