:root{--bg-primary: #0a0a1a;--bg-secondary: #111128;--bg-surface: #1a1a3e;--bg-surface-hover: #22224a;--bg-elevated: rgba(30, 30, 70, .6);--text-primary: #e8e8f0;--text-secondary: #9090b0;--text-muted: #606080;--accent-indigo: #6366f1;--accent-purple: #a855f7;--accent-cyan: #22d3ee;--accent-green: #22c55e;--accent-yellow: #eab308;--accent-red: #ef4444;--accent-orange: #f97316;--accent-pink: #ec4899;--gradient-primary: linear-gradient(135deg, #6366f1, #a855f7);--gradient-accent: linear-gradient(135deg, #22d3ee, #6366f1);--gradient-warm: linear-gradient(135deg, #f97316, #ec4899);--gradient-success: linear-gradient(135deg, #22c55e, #22d3ee);--glass-bg: rgba(20, 20, 50, .7);--glass-border: rgba(100, 100, 200, .15);--glass-blur: 16px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow-indigo: 0 0 20px rgba(99, 102, 241, .3);--shadow-glow-cyan: 0 0 20px rgba(34, 211, 238, .3);--shadow-glow-green: 0 0 20px rgba(34, 197, 94, .3);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .7rem;--text-sm: .8rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6464c840;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#6464c866}.app{display:flex;flex-direction:column;height:100vh;background:var(--bg-primary)}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-xl);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);z-index:100;height:52px;flex-shrink:0}.header__logo{display:flex;align-items:center;gap:var(--space-sm);font-weight:700;font-size:var(--text-lg);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-user-select:none;user-select:none}.header__logo-icon{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;-webkit-text-fill-color:white}.header__actions{display:flex;align-items:center;gap:var(--space-sm)}.main{flex:1;display:flex;overflow:hidden;position:relative}.split-pane{display:flex;width:100%;height:100%}.pane{display:flex;flex-direction:column;overflow:hidden}.pane--editor{width:45%;min-width:350px;border-right:1px solid var(--glass-border)}.pane--viz{flex:1;min-width:0}.pane__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-lg);background:#0f0f28cc;border-bottom:1px solid var(--glass-border);height:40px;flex-shrink:0}.pane__title{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:var(--space-xs)}.pane__title-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-green);animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.pane__body{flex:1;overflow:auto;position:relative}.resize-handle{width:4px;cursor:col-resize;background:transparent;transition:background var(--transition-fast);position:relative;z-index:10;flex-shrink:0}.resize-handle:hover,.resize-handle--active{background:var(--accent-indigo)}.resize-handle:after{content:"";position:absolute;top:0;bottom:0;left:-4px;right:-4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border:none;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);outline:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow-indigo)}.btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 30px #6366f166}.btn--run{background:var(--gradient-success);color:#fff;box-shadow:var(--shadow-glow-green)}.btn--run:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 30px #22c55e66}.btn--ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--glass-border)}.btn--ghost:hover:not(:disabled){background:var(--bg-surface);color:var(--text-primary);border-color:#6464c84d}.btn--icon{width:32px;height:32px;padding:0;border-radius:var(--radius-sm)}.btn--icon-lg{width:40px;height:40px;padding:0;border-radius:50%}.playback{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-md) var(--space-xl);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--glass-border);flex-shrink:0;height:60px}.playback__group{display:flex;align-items:center;gap:var(--space-sm)}.playback__step-info{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);min-width:100px;text-align:center}.playback__speed{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);color:var(--text-muted)}.playback__speed-slider{width:80px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-surface);border-radius:var(--radius-full);outline:none;cursor:pointer}.playback__speed-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent-indigo);cursor:pointer;box-shadow:var(--shadow-glow-indigo)}.progress{flex:1;max-width:300px;height:4px;background:var(--bg-surface);border-radius:var(--radius-full);overflow:hidden;cursor:pointer;position:relative}.progress__fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--transition-fast)}.step-description{padding:var(--space-md) var(--space-lg);background:#6366f114;border-bottom:1px solid rgba(99,102,241,.15);font-size:var(--text-sm);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-sm);min-height:42px}.step-description__text{font-family:var(--font-mono);font-size:var(--text-xs)}.viz-area{display:flex;flex-direction:column;height:100%}.viz-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:var(--space-xl) var(--space-xl) var(--space-3xl);gap:var(--space-xl);overflow:auto}.ds-card{width:100%;max-width:700px;background:#0f0f2880;border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden}.ds-card__header{display:flex;align-items:center;gap:var(--space-sm);padding:8px 16px;background:#6366f10f;border-bottom:1px solid var(--glass-border)}.ds-card__icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;font-family:var(--font-mono);color:#fff;flex-shrink:0}.ds-card__icon--array{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.ds-card__icon--map{background:linear-gradient(135deg,#f59e0b,#ef4444)}.ds-card__icon--set{background:linear-gradient(135deg,#14b8a6,#06b6d4)}.ds-card__icon--var{background:linear-gradient(135deg,#22c55e,#10b981)}.ds-card__label{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--text-primary)}.ds-card__badge{margin-left:auto;font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--text-muted);padding:2px 8px;background:#6464c814;border-radius:var(--radius-full);border:1px solid rgba(100,100,200,.12);text-transform:uppercase;letter-spacing:.04em}.ds-card__body{padding:var(--space-lg)}.ds-empty{text-align:center;color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-lg);font-style:italic}.arr-container{display:flex;align-items:flex-end;justify-content:center;gap:6px;width:100%;min-height:100px;padding-top:28px}.arr-cell{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.arr-pointer-group{position:absolute;top:-26px;display:flex;flex-direction:column;align-items:center;gap:2px;z-index:2}.arr-pointer{display:inline-flex;align-items:center;gap:2px;padding:1px 6px;border-radius:4px;font-size:9px;font-weight:700;font-family:var(--font-mono);white-space:nowrap;border:1px solid;letter-spacing:.02em}.arr-bar{width:44px;min-height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.arr-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:0;transition:opacity .3s}.arr-bar--default{background:linear-gradient(180deg,#6366f166,#4f52c999);border:1.5px solid rgba(99,102,241,.3)}.arr-bar--active{background:linear-gradient(180deg,#818cf899,#6366f1cc);border:1.5px solid rgba(129,140,248,.6);box-shadow:0 0 16px #6366f166,inset 0 0 12px #818cf826}.arr-bar--swapping{background:linear-gradient(180deg,#f8717199,#ef4444cc);border:1.5px solid rgba(248,113,113,.6);box-shadow:0 0 20px #ef444480,inset 0 0 10px #f8717126}.arr-bar--left{background:linear-gradient(180deg,#4ade8080,#22c55eb3);border:1.5px solid rgba(74,222,128,.5);box-shadow:0 0 14px #22c55e4d}.arr-bar--right{background:linear-gradient(180deg,#f8717180,#ef4444b3);border:1.5px solid rgba(248,113,113,.5);box-shadow:0 0 14px #ef44444d}.arr-bar--mid{background:linear-gradient(180deg,#fbbf2480,#eab308b3);border:1.5px solid rgba(251,191,36,.5);box-shadow:0 0 14px #eab3084d}.arr-bar--highlight{background:linear-gradient(180deg,#22d3ee80,#06b6d4b3);border:1.5px solid rgba(34,211,238,.5);box-shadow:0 0 14px #22d3ee4d}.arr-bar__val{font-family:var(--font-mono);font-weight:700;font-size:13px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.4);z-index:1}.arr-idx{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);margin-top:1px}.map-grid{display:flex;flex-direction:column;gap:4px}.map-entry{display:flex;align-items:center;gap:0;border-radius:8px;overflow:hidden;border:1px solid rgba(100,100,200,.12);background:#14143266}.map-entry__key{padding:8px 14px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:#67e8f9;background:#22d3ee0f;min-width:80px;border-right:1px solid rgba(100,100,200,.1)}.map-entry__arrow{padding:0 10px;color:var(--text-muted);display:flex;align-items:center;opacity:.5}.map-entry__value{padding:8px 14px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:#fbbf24;flex:1}.set-container{display:flex;flex-wrap:wrap;gap:6px}.set-item{padding:6px 14px;border-radius:var(--radius-full);background:linear-gradient(135deg,#14b8a626,#06b6d426);border:1px solid rgba(20,184,166,.3);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:#5eead4}.var-table{display:flex;flex-direction:column}.var-row{display:flex;align-items:center;padding:6px 16px;border-bottom:1px solid rgba(100,100,200,.06);transition:background .3s}.var-row:last-child{border-bottom:none}.var-row--changed{background:#6366f114}.var-row__name{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:#67e8f9;min-width:70px}.var-row__eq{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);margin:0 8px;opacity:.5}.var-row__val{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;flex:1}.val--num{color:#f78c6c}.val--str{color:#c3e88d}.val--bool{color:#c792ea}.val--null{color:var(--text-muted);font-style:italic}.val--obj{color:#89ddff}.console-output{width:100%;max-width:700px}.console-output .ds-card__body{padding:0}.console-output__body{background:#0000004d;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-md);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-green);max-height:140px;overflow-y:auto;line-height:1.8}.console-output__line-prefix{color:#4ade80;-webkit-user-select:none;user-select:none;opacity:.6}.step-description{padding:10px var(--space-lg);background:#6366f10f;border-bottom:1px solid rgba(99,102,241,.12);font-size:var(--text-sm);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-sm);min-height:40px;flex-shrink:0}.step-description__icon{color:var(--accent-cyan);flex-shrink:0}.step-description__text{font-family:var(--font-mono);font-size:11px;line-height:1.4}.array-viz{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);width:100%}.array-viz__label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);font-family:var(--font-mono);align-self:flex-start}.array-viz__container{display:flex;align-items:flex-end;justify-content:center;gap:var(--space-xs);width:100%;min-height:120px;padding:var(--space-lg) 0}.array-viz__item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);position:relative}.array-viz__bar{width:48px;min-height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:var(--text-base);color:#fff;transition:all var(--transition-base);position:relative;border:2px solid transparent}.array-viz__bar--default{background:linear-gradient(135deg,#3b3b8f,#4a4aaf);border-color:#6366f14d}.array-viz__bar--comparing{background:linear-gradient(135deg,#b45309,#d97706);border-color:var(--accent-yellow);box-shadow:0 0 16px #eab30866;transform:scale(1.08)}.array-viz__bar--swapping{background:linear-gradient(135deg,#b91c1c,#ef4444);border-color:var(--accent-red);box-shadow:0 0 16px #ef444466;transform:scale(1.12)}.array-viz__bar--sorted{background:linear-gradient(135deg,#15803d,#22c55e);border-color:var(--accent-green);box-shadow:0 0 12px #22c55e4d}.array-viz__bar--active{background:linear-gradient(135deg,#6366f1,#a855f7);border-color:var(--accent-purple);box-shadow:0 0 16px #a855f766;transform:scale(1.08)}.array-viz__bar--highlight{background:linear-gradient(135deg,#0e7490,#22d3ee);border-color:var(--accent-cyan);box-shadow:0 0 16px #22d3ee66}.array-viz__index{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.array-viz__pointer{position:absolute;bottom:-28px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;padding:1px 6px;border-radius:var(--radius-sm);white-space:nowrap}.array-viz__pointer--i{background:#6366f133;color:var(--accent-indigo);border:1px solid rgba(99,102,241,.4)}.array-viz__pointer--j{background:#a855f733;color:var(--accent-purple);border:1px solid rgba(168,85,247,.4)}.array-viz__pointer--left{background:#22c55e33;color:var(--accent-green);border:1px solid rgba(34,197,94,.4)}.array-viz__pointer--right{background:#ef444433;color:var(--accent-red);border:1px solid rgba(239,68,68,.4)}.array-viz__pointer--mid{background:#eab30833;color:var(--accent-yellow);border:1px solid rgba(234,179,8,.4)}.array-viz__pointer--k,.array-viz__pointer--insertPos{background:#22d3ee33;color:var(--accent-cyan);border:1px solid rgba(34,211,238,.4)}.var-inspector{width:100%;max-width:600px}.var-inspector__title{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-sm);font-family:var(--font-mono)}.var-inspector__grid{display:grid;grid-template-columns:auto 1fr;gap:1px;background:var(--glass-border);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--glass-border)}.var-inspector__key{padding:var(--space-xs) var(--space-md);background:#6366f114;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--accent-cyan)}.var-inspector__value{padding:var(--space-xs) var(--space-md);background:var(--bg-secondary);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-primary);transition:background var(--transition-fast)}.var-inspector__value--changed{background:#6366f126;animation:flash-change .6s ease}@keyframes flash-change{0%{background:#6366f166}to{background:#6366f126}}.stack-viz{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.stack-viz__label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);font-family:var(--font-mono)}.stack-viz__container{display:flex;flex-direction:column-reverse;align-items:center;gap:2px;min-height:80px;border:2px solid var(--glass-border);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);padding:var(--space-sm);padding-top:0;min-width:80px}.stack-viz__item{width:60px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-family:var(--font-mono);font-weight:700;font-size:var(--text-base);color:#fff;background:linear-gradient(135deg,#3b3b8f,#4a4aaf);border:1px solid rgba(99,102,241,.3)}.stack-viz__item--top{background:linear-gradient(135deg,#6366f1,#a855f7);border-color:var(--accent-purple);box-shadow:0 0 12px #a855f74d}.stack-viz__top-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-purple);font-weight:600}.hashmap-viz{width:100%;max-width:400px}.hashmap-viz__title{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);font-family:var(--font-mono);margin-bottom:var(--space-sm)}.hashmap-viz__entries{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.hashmap-viz__entry{display:flex;align-items:center;gap:2px;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--glass-border);font-family:var(--font-mono);font-size:var(--text-xs)}.hashmap-viz__entry-key{color:var(--accent-cyan);font-weight:600}.hashmap-viz__entry-arrow{color:var(--text-muted)}.hashmap-viz__entry-value{color:var(--accent-yellow)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-3xl);text-align:center;height:100%}.empty-state__icon{width:64px;height:64px;border-radius:var(--radius-xl);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;opacity:.6}.empty-state__title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary)}.empty-state__desc{font-size:var(--text-sm);color:var(--text-muted);max-width:280px;line-height:1.6}.template-selector{position:relative}.template-selector__menu{position:absolute;top:calc(100% + 4px);right:0;width:280px;max-height:400px;overflow-y:auto;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:200;padding:var(--space-xs)}.template-selector__item{display:flex;flex-direction:column;gap:2px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);border:none;background:transparent;text-align:left;width:100%;font-family:var(--font-sans)}.template-selector__item:hover{background:var(--bg-surface)}.template-selector__item-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.template-selector__item-desc{font-size:var(--text-xs);color:var(--text-muted)}.template-selector__badge{display:inline-block;padding:1px 6px;border-radius:var(--radius-full);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-left:var(--space-xs)}.template-selector__badge--easy{background:#22c55e26;color:var(--accent-green)}.template-selector__badge--medium{background:#eab30826;color:var(--accent-yellow)}.lang-selector{display:flex;background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-sm);overflow:hidden}.lang-selector__btn{padding:4px 10px;border:none;background:transparent;color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.lang-selector__btn:hover{color:var(--text-primary);background:#6464c81a}.lang-selector__btn--active{background:var(--accent-indigo);color:#fff;box-shadow:0 0 8px #6366f14d}.lang-selector__btn--active:hover{background:var(--accent-indigo);color:#fff}.console-output{width:100%;max-width:600px}.console-output__title{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);font-family:var(--font-mono);margin-bottom:var(--space-sm)}.console-output__body{background:#0000004d;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-md);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-green);max-height:120px;overflow-y:auto;line-height:1.8}.console-output__line{display:flex;align-items:baseline;gap:var(--space-sm)}.console-output__line-prefix{color:var(--text-muted);-webkit-user-select:none;user-select:none}.error-display{padding:var(--space-md) var(--space-lg);background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);color:var(--accent-red);font-family:var(--font-mono);font-size:var(--text-sm);display:flex;align-items:flex-start;gap:var(--space-sm);max-width:600px;width:100%}.tooltip-wrapper{position:relative;display:inline-flex}.tooltip-wrapper:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:4px 8px;background:var(--bg-surface);color:var(--text-primary);font-size:var(--text-xs);white-space:nowrap;border-radius:var(--radius-sm);border:1px solid var(--glass-border);opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.tooltip-wrapper:hover:after{opacity:1}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 8px #6366f133}50%{box-shadow:0 0 20px #6366f180}}.editor-highlight-line{background:#6366f133!important;border-left:3px solid var(--accent-indigo)!important}.editor-highlight-line-gutter{background:#6366f126!important}.input-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000}.input-modal__card{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-xl);width:400px;max-width:90vw;box-shadow:var(--shadow-lg)}.input-modal__title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-md)}.input-modal__input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-sm);outline:none;transition:border-color var(--transition-fast)}.input-modal__input:focus{border-color:var(--accent-indigo)}.input-modal__actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg)}@media(max-width:768px){.split-pane{flex-direction:column}.pane--editor{width:100%;min-width:0;height:40vh;border-right:none;border-bottom:1px solid var(--glass-border)}.pane--viz{height:60vh}.resize-handle{display:none}.playback{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);height:50px}.progress{max-width:120px}}