.svt-viewport{position:relative;overflow:auto;outline:none;color:var(--svt-foreground, hsl(215 20% 65%));background:var(--svt-background, hsl(222 47% 11%));border:1px solid var(--svt-border, hsl(217 33% 18%));border-radius:.5rem}.svt-viewport:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--svt-focus-ring, hsl(217 91% 60%)) 50%,transparent)}.svt-spacer{position:relative}.svt-row{position:absolute;inset-inline:0;top:0;display:flex;align-items:center;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none}.svt-row-radius-none{border-radius:0}.svt-row-radius-medium{border-radius:.375rem}.svt-row-radius-full{border-radius:999px}.svt-row:hover{background:var(--svt-hover-background, hsl(217 33% 18% / .7))}.svt-row-selected{color:var(--svt-selected-foreground, hsl(213 94% 68%));background:var(--svt-selected-background, hsl(217 91% 60% / .18))}.svt-row-active{box-shadow:inset 0 0 0 1px var(--svt-focus-ring, hsl(217 91% 60% / .65))}.svt-row-disabled{cursor:not-allowed;opacity:.5}.svt-drop-before{box-shadow:inset 0 2px var(--svt-accent, hsl(217 91% 60%))}.svt-drop-after{box-shadow:inset 0 -2px var(--svt-accent, hsl(217 91% 60%))}.svt-drop-inside{background:var(--svt-drop-background, hsl(217 91% 60% / .25))}.svt-grip{flex:none;color:var(--svt-muted, hsl(215 16% 47%));cursor:grab}.svt-toggle{display:grid;width:1.25rem;height:1.25rem;place-items:center;flex:none;padding:0;color:inherit;background:transparent;border:0;cursor:pointer}.svt-toggle-hidden{visibility:hidden}.svt-toggle svg{transition:transform .15s ease}.svt-loader{animation:svt-spin .8s linear infinite}@keyframes svt-spin{to{transform:rotate(360deg)}}.svt-chevron-expanded{transform:rotate(90deg)}.svt-icon{flex:none;margin-inline:.25rem .5rem}.svt-checkbox{order:-1;display:grid;width:1rem;height:1rem;place-items:center;flex:none;margin-right:.5rem;border:1px solid var(--svt-muted, hsl(215 16% 47%));border-radius:.2rem}.svt-checkbox-checked{color:#fff;background:var(--svt-accent, hsl(217 91% 60%));border-color:transparent}.svt-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem}:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#d7deea;background:#080b11}*{box-sizing:border-box}html{min-width:0;background:#080b11}body{margin:0;min-width:0;overflow-x:hidden}button{font:inherit}.app-shell{--accent: #2563eb;--accent-soft: #1d4ed82e;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,360px);min-height:100vh}.theme-purple{--accent: #7c3aed;--accent-soft: #7c3aed2e}.theme-orange{--accent: #ea580c;--accent-soft: #ea580c2e}.stage{display:grid;min-width:0;place-items:center;padding:clamp(24px,4vw,48px);background-color:#0b0f16;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:24px 24px}.tree-card{min-width:0;width:min(100%,560px);padding:12px;border:1px solid #263042;border-radius:16px;background:#111722;box-shadow:0 28px 90px #0008}.tree-card header{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 16px}.tree-card header div{display:flex;flex-direction:column;gap:3px}.tree-card header span{color:#718096;font-size:12px}.svt-viewport{border-radius:10px;background:#0d131d}.segments button.active,.switch.on{background:var(--accent)}.svt-label{display:flex;align-items:center;gap:10px;min-width:0;width:100%;padding-right:10px}.svt-label>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.svt-label small{flex:none;margin-left:auto;padding:2px 6px;color:#718096;border-radius:5px;background:#182131;font-size:9px;text-transform:uppercase}.node-action{flex:none;margin-left:2px;padding:3px 6px;color:#8290a5;border:0;border-radius:5px;background:#1a2433;font-size:10px;cursor:pointer}.node-action:hover{color:#fff;background:#29374b}aside{display:flex;flex-direction:column;gap:24px;max-height:100vh;padding:36px 28px;overflow-y:auto;border-left:1px solid #202938;background:#0d1118}.eyebrow{margin:0 0 8px;color:#60a5fa;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1{margin:0;font-size:24px}aside p:not(.eyebrow){color:#7f8da3;font-size:13px;line-height:1.5}.settings-group{display:flex;flex-direction:column;gap:14px;padding-top:20px;border-top:1px solid #202938}.settings-group>header{display:flex;flex-direction:column;gap:3px}.settings-group>header strong{color:#d7deea;font-size:13px}.settings-group>header span{color:#66758a;font-size:11px;line-height:1.4}.control,.setting{display:flex;align-items:center;justify-content:space-between;color:#b8c1cf;font-size:13px}.control.disabled{opacity:.4}.switch{position:relative;width:38px;height:22px;padding:0;border:0;border-radius:999px;background:#263142;cursor:pointer}.switch i{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}.switch.on i{transform:translate(16px)}.vertical{align-items:stretch;flex-direction:column;gap:8px}.visual-setting{display:flex;flex-direction:column;gap:9px;color:#7791b8;font-size:13px}.visual-options{display:flex;gap:10px}.visual-options button{display:grid;width:42px;height:40px;place-items:center;padding:0;color:#718096;border:1px solid transparent;border-radius:11px;background:#111a2c;cursor:pointer}.visual-options button:hover{color:#aebbd0;background:#172238}.visual-options button.selected{color:#c8d5e8;border-color:color-mix(in srgb,var(--accent),white 20%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent),transparent 30%)}.color-options button{width:56px;height:34px;border-radius:999px}.swatch{width:31px;height:9px;border-radius:999px}.swatch-blue{background:#2563eb}.swatch-purple{background:#7c5cf5}.swatch-orange{background:#ff681f}.corner{width:19px;height:19px;border-top:2px solid currentColor;border-left:2px solid currentColor}.corner-none{border-radius:0}.corner-medium{border-top-left-radius:5px}.corner-full{border-top-left-radius:15px}.density-options button{width:42px}.library-options{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:3px;border-radius:9px;background:#111927}.library-options button{min-width:0;padding:7px 4px;color:#718096;border:1px solid transparent;border-radius:6px;background:transparent;font-size:9px;cursor:pointer}.library-options button.selected{color:#fff;border-color:color-mix(in srgb,var(--accent),white 15%);background:var(--accent)}.segments{display:flex;padding:3px;border-radius:8px;background:#111927}.segments button{flex:1;padding:6px 7px;color:#718096;border:0;border-radius:6px;background:transparent;font-size:10px;cursor:pointer;text-transform:capitalize}.segments button.active{color:#fff}.range{display:flex;flex-direction:column;gap:8px;color:#b8c1cf;font-size:13px}.range span{display:flex;justify-content:space-between}.range output{color:#718096;font-size:11px}.range input{width:100%;accent-color:var(--accent)}.stats{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:auto;padding:16px;border:1px solid #202938;border-radius:10px;color:#718096;font-size:12px}.stats strong{color:#d7deea}@media(max-width:1024px){.app-shell{grid-template-columns:minmax(0,1fr)}.stage{min-height:min(720px,72vh);padding:32px 24px}aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;padding:32px 24px 48px;overflow:visible;border-top:1px solid #202938;border-left:0}aside>div:first-child,.stats{grid-column:1 / -1}.stats{margin-top:0}}@media(max-width:640px){.stage{min-height:auto;padding:14px 10px 20px;place-items:start center}.tree-card{padding:8px;border-radius:12px;box-shadow:0 18px 50px #0007}.tree-card header{padding:8px 6px 12px}.tree-card header strong{font-size:14px}.tree-card header span{font-size:11px}aside{display:flex;padding:28px 16px 40px;gap:22px}h1{font-size:22px}.settings-group{padding-top:18px}.control,.setting,.visual-setting,.range{font-size:14px}.switch{width:44px;height:26px}.switch i{top:3px;left:3px;width:20px;height:20px}.switch.on i{transform:translate(18px)}.visual-options{flex-wrap:wrap}.visual-options button{min-width:44px;min-height:42px}.library-options button{min-height:38px;font-size:10px}.svt-label{gap:6px;padding-right:6px}.svt-label small{padding-inline:4px;font-size:8px}.node-action{padding-inline:5px}}@media(max-width:380px){.stage,.tree-card{padding-inline:6px}.library-options{grid-template-columns:1fr}.library-options button{min-height:34px}}