.dp-visualizer{--dp-bg: #090d19;--dp-panel: #0d1424;--dp-cell: #111b2e;--dp-border: rgba(140, 170, 220, .13);--dp-text: #e7efff;--dp-muted: #8392ad;--dp-cyan: #54dcff;--dp-violet: #aa8bff;--dp-green: #61e6ae;position:relative;overflow:hidden;padding:clamp(1rem,2.5vw,1.75rem);color:var(--dp-text);border:1px solid rgba(129,160,216,.16);border-radius:20px;background:radial-gradient(ellipse at 85% -5%,rgba(84,220,255,.1),transparent 36%),radial-gradient(ellipse at 2% 100%,rgba(126,91,255,.1),transparent 38%),var(--dp-bg);box-shadow:0 20px 70px #00000040,inset 0 1px #ffffff09;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dp-visualizer__header,.dp-visualizer__legend,.dp-visualizer__legend span{display:flex;align-items:center}.dp-visualizer__header{justify-content:space-between;gap:1rem}.dp-visualizer__eyebrow{margin:0 0 .35rem;color:var(--dp-cyan);font-size:.62rem;font-weight:800;letter-spacing:.18em}.dp-visualizer__title{margin:0;font-size:clamp(1rem,2vw,1.3rem);font-weight:650;letter-spacing:-.025em}.dp-visualizer__status{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .65rem;color:#b9c6db;border:1px solid rgba(160,180,220,.14);border-radius:999px;background:#ffffff09;font-size:.68rem;font-weight:650;text-transform:capitalize;white-space:nowrap}.dp-visualizer__status-dot{width:.42rem;height:.42rem;border-radius:50%;background:var(--dp-cyan);box-shadow:0 0 10px currentColor}.dp-visualizer__status--completed .dp-visualizer__status-dot,.dp-visualizer__status--found .dp-visualizer__status-dot{background:var(--dp-green)}.dp-visualizer__status--not-found .dp-visualizer__status-dot{background:#ff8a9d}.dp-visualizer__description{max-width:72ch;margin:.65rem 0 1.1rem;color:#9caac1;font-size:.82rem;line-height:1.55}.dp-visualizer__scroll{overflow:auto;max-width:100%;padding:1rem .15rem .75rem;scrollbar-color:#364767 transparent;scrollbar-width:thin}.dp-visualizer__canvas{position:relative;width:-moz-max-content;width:max-content;min-width:100%;isolation:isolate}.dp-table-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(5.5rem,1.25fr) repeat(var(--dp-columns),minmax(3.4rem,1fr));grid-template-rows:2rem repeat(var(--dp-rows),minmax(3.25rem,auto));gap:.45rem;width:-moz-max-content;width:max-content;min-width:100%}.dp-table-grid__corner,.dp-table-grid__column-label,.dp-table-grid__row-label{display:flex;align-items:center;color:var(--dp-muted);font-size:.68rem;font-weight:650}.dp-table-grid__corner,.dp-table-grid__column-label{justify-content:center}.dp-table-grid__corner{color:#667792;font-size:.58rem;letter-spacing:.14em}.dp-table-grid__column-label{padding:0 .3rem;border-bottom:1px solid rgba(128,157,205,.11)}.dp-table-grid__row-label{overflow:hidden;max-width:9rem;padding-right:.35rem;text-overflow:ellipsis;white-space:nowrap}.dp-cell{position:relative;display:grid;min-width:3.4rem;min-height:3.25rem;place-items:center;overflow:hidden;border:1px solid var(--dp-border);border-radius:10px;background:linear-gradient(145deg,#18253ce0,#0d1525f5);color:#c4d1e8;box-shadow:inset 0 1px #ffffff09,0 5px 14px #0000001f;font-variant-numeric:tabular-nums;font-size:.91rem;font-weight:650;will-change:transform}.dp-cell__value{position:relative;z-index:1;padding:.25rem;text-align:center}.dp-cell--empty{visibility:hidden}.dp-cell--active{z-index:3;border-color:#54dcffcc;background:linear-gradient(145deg,#155b74c7,#112742fa);color:#e3fbff;box-shadow:0 0 0 1px #54dcff24,0 0 24px #54dcff40,inset 0 0 18px #54dcff1a}.dp-cell__pulse{position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%;border-radius:50%;background:radial-gradient(circle,rgba(84,220,255,.15),transparent 65%);animation:dp-cell-pulse 2.2s ease-in-out infinite}.dp-cell--candidate{border-color:#ffc76680;color:#ffe0a0;box-shadow:0 0 17px #ffbe5921}.dp-cell--visited,.dp-cell--excluded{border-color:#889ec24d;color:#9eabc1}.dp-cell--match,.dp-cell--selected,.dp-cell--completed{border-color:#61e6aead;background:linear-gradient(145deg,#14594bc7,#0e282cfa);color:#cbffe9;box-shadow:0 0 22px #61e6ae33,inset 0 0 18px #61e6ae17}.dp-cell--dependency:not(.dp-cell--active):not(.dp-cell--result){border-color:#aa8bff78;box-shadow:0 0 16px #aa8bff1f,inset 0 0 12px #aa8bff0a}.dp-arrows{position:absolute;z-index:4;inset:0 auto auto 0;overflow:visible;pointer-events:none}.dp-arrow path{fill:none;stroke:var(--dp-violet);stroke-width:1.6;stroke-dasharray:5 5;filter:drop-shadow(0 0 4px rgba(170,139,255,.65));animation:dp-arrow-flow 1.4s linear infinite}.dp-arrow--path path{stroke:var(--dp-green);filter:drop-shadow(0 0 4px rgba(97,230,174,.6))}.dp-arrow--comparison path{stroke:#ffc66e;filter:drop-shadow(0 0 4px rgba(255,198,110,.55))}.dp-arrow__head{fill:var(--dp-violet);stroke:none}.dp-arrow--path .dp-arrow__head{fill:var(--dp-green)}.dp-arrow--comparison .dp-arrow__head{fill:#ffc66e}.dp-arrow__label{fill:#d5c9ff;stroke:var(--dp-bg);stroke-width:4px;paint-order:stroke;font-size:.61rem;font-weight:700;letter-spacing:.01em}.dp-arrow--path .dp-arrow__label{fill:#baf8dd}.dp-arrow--comparison .dp-arrow__label{fill:#ffe2aa}.dp-visualizer__legend{gap:1.1rem;margin-top:.8rem;padding-top:.8rem;border-top:1px solid rgba(128,157,205,.1)}.dp-visualizer__legend span{gap:.4rem;color:var(--dp-muted);font-size:.66rem}.dp-legend-dot{display:inline-block;width:.48rem;height:.48rem;border-radius:50%}.dp-legend-dot--active{background:var(--dp-cyan);box-shadow:0 0 8px var(--dp-cyan)}.dp-legend-dot--dependency{background:var(--dp-violet);box-shadow:0 0 8px var(--dp-violet)}.dp-legend-dot--result{background:var(--dp-green);box-shadow:0 0 8px var(--dp-green)}.dp-visualizer__empty{padding:2rem 1rem;color:var(--dp-muted);text-align:center}@keyframes dp-cell-pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:.9;transform:scale(1.08)}}@keyframes dp-arrow-flow{to{stroke-dashoffset:-20}}@media(max-width:560px){.dp-visualizer{border-radius:14px}.dp-visualizer__header{align-items:flex-start}.dp-visualizer__status{font-size:.6rem}.dp-table-grid{gap:.32rem;grid-template-columns:minmax(4.5rem,1.15fr) repeat(var(--dp-columns),minmax(2.8rem,1fr))}.dp-cell{min-width:2.8rem;min-height:2.8rem;border-radius:8px;font-size:.82rem}.dp-table-grid__row-label{max-width:6rem;font-size:.61rem}.dp-visualizer__legend{flex-wrap:wrap;gap:.6rem 1rem}}@media(prefers-reduced-motion:reduce){.dp-cell__pulse,.dp-arrow path{animation:none}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.static{position:static}.fixed{position:fixed}.block{display:block}.table{display:table}.\!grid{display:grid!important}.grid{display:grid}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.gap-1{gap:.25rem}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.\[start\:end\]{start:end}:root{font-family:DM Sans,sans-serif;color:#e4e9ee;background:#090c10;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;font-weight:400;--bg:#090c10;--panel:#101419;--panel-hi:#141a1f;--border:#20272d;--muted:#78838a;--soft:#a1abb0;--mint:#83ebc2;--mint-bright:#57e4b2;--mono:"DM Mono",monospace;--display:"Manrope",sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 70% -30%,rgba(79,153,125,.08),transparent 45%),var(--bg)}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #67d8ad;outline-offset:2px}::-moz-selection{background:#316f59;color:#fff}::selection{background:#316f59;color:#fff}.app-shell{min-height:100vh}.topbar{height:58px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1b2227;background:#0b0f12ed;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:9px;color:#f0f3f3;text-decoration:none;font-family:var(--display);font-weight:800;font-size:18px;letter-spacing:-.8px}.brand-mark{width:25px;height:25px;border-radius:7px;background:#152a23;color:var(--mint);display:grid;place-items:center}.brand-light{font-weight:500;color:#aab2b5}.brand-version{font:500 9px var(--mono);letter-spacing:1.3px;color:#7e898c;border-left:1px solid #323b3e;padding-left:10px;margin-left:2px}.topbar-center{font:9px var(--mono);letter-spacing:.8px;color:#b3c0be;display:flex;gap:9px;align-items:center}.live-dot,.edit-dot,.view-indicator i,.run-state i,.footer-pulse{width:6px;height:6px;border-radius:50%;background:var(--mint-bright);display:inline-block;box-shadow:0 0 9px #55e6b29c}.topbar-divider{color:#414a4c}.subtle{color:#748084}.topbar-actions{display:flex;align-items:center;gap:16px}.quiet-link{border:0;background:none;color:#9da7a9;font-size:11px;display:flex;align-items:center;gap:7px}.quiet-link:hover{color:#e2e9e7}.avatar{border:1px solid #39423f;color:var(--mint);background:#17211e;width:25px;height:25px;border-radius:50%;font:11px var(--mono)}.workspace{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:calc(100vh - 58px)}.sidebar{background:#0c1013;border-right:1px solid #1e262b;display:flex;flex-direction:column;min-height:calc(100vh - 58px);padding:20px 11px 12px}.side-heading{display:flex;justify-content:space-between;align-items:center;padding:0 9px 14px;color:#7b878b;font:9px var(--mono);letter-spacing:1px}.tiny-icon,.dots-button{width:26px;height:25px;border:1px solid transparent;color:#778286;background:transparent;border-radius:6px;display:grid;place-items:center}.tiny-icon:hover,.dots-button:hover{background:#1a2225;border-color:#293338;color:#dce8e1}.search-box{height:32px;border:1px solid #272f33;background:#111619;border-radius:6px;margin:0 4px 17px;display:flex;align-items:center;padding:0 8px;gap:7px;color:#7a8589}.search-box input{background:transparent;border:0;outline:0;min-width:0;color:#dce4e3;font-size:10px;flex:1}.search-box input::-moz-placeholder{color:#667276}.search-box input::placeholder{color:#667276}.search-box kbd,.shortcut-hint kbd,.run-button kbd{font:8px var(--mono);color:#718084;border:1px solid #303a3e;border-radius:3px;padding:2px 4px}.algorithm-list{overflow:auto;scrollbar-width:thin;scrollbar-color:#293337 transparent}.algorithm-item{position:relative;border:0;background:transparent;width:100%;height:47px;display:flex;align-items:center;gap:10px;text-align:left;padding:0 9px;border-radius:6px;color:#939da0}.algorithm-item:hover{background:#141a1d}.algorithm-item.selected{background:#14211c;color:#e5efeb}.algorithm-icon{width:25px;height:25px;border-radius:6px;display:grid;place-items:center;flex:none;border:1px solid #293236;background:#151b1e;color:#93a39f;font:14px var(--mono)}.selected .algorithm-icon{color:var(--mint);background:#1a3028;border-color:#315746}.algorithm-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.algorithm-copy strong{font-weight:500;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.algorithm-copy small{font:7px var(--mono);letter-spacing:.35px;color:#718084;text-transform:uppercase}.selected-pip{margin-left:auto;width:4px;height:4px;border-radius:50%;background:var(--mint)}.sidebar-group-label{margin:21px 9px 7px;display:flex;justify-content:space-between;color:#687478;font:8px var(--mono);letter-spacing:.8px}.sidebar-group-label span{border:1px solid #273034;border-radius:8px;padding:1px 5px}.muted-item{height:41px;color:#818b8e}.mini-icon{font-size:11px;width:23px;height:23px;color:#79868a}.soon-dot{width:4px;height:4px;border-radius:50%;background:#52605f;margin-left:auto}.browse-all{display:flex;width:100%;padding:12px 10px;align-items:center;justify-content:space-between;background:transparent;border:0;color:#93a19c;font-size:10px}.browse-all:hover{color:var(--mint)}.sidebar-bottom{margin-top:auto}.progress-card{position:relative;display:grid;grid-template-columns:29px 1fr auto;align-items:center;gap:7px;background:#121a17;border:1px solid #26342e;padding:10px 9px 15px;border-radius:7px;margin:10px 1px 13px}.progress-icon{height:25px;width:25px;display:grid;place-items:center;border-radius:6px;background:#20352b;color:var(--mint)}.progress-card div:nth-child(2){display:grid;gap:3px}.progress-card strong{font-size:9px;font-weight:500}.progress-card span{font-size:8px;color:#83918a}.progress-card .streak{color:#a9eccd;font:9px var(--mono)}.streak-bar{position:absolute;height:2px;bottom:6px;left:9px;right:9px;background:#293a32;border-radius:3px}.streak-bar i{display:block;width:50%;height:100%;background:var(--mint);border-radius:3px}.sidebar-help{width:100%;background:transparent;border:0;display:flex;align-items:center;gap:8px;padding:8px;color:#768286;font-size:9px;text-align:left}.sidebar-help kbd{margin-left:auto;font:9px var(--mono);color:#697478}.main-stage{max-width:1640px;width:100%;padding:29px clamp(20px,3.1vw,48px) 15px;margin:0 auto}.page-intro{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.breadcrumbs{font:8px var(--mono);letter-spacing:.8px;color:#7c898b;margin-bottom:11px}.breadcrumbs span{color:#44504f;padding:0 6px}.breadcrumbs b{font-weight:400;color:#9ce5c5}.title-row{display:flex;align-items:center;gap:12px}.title-row h1{font:700 25px var(--display);letter-spacing:-.9px;margin:0;color:#edf1ef}.tag-pill{font:8px var(--mono);color:#a0cbb7;letter-spacing:.5px;display:flex;gap:6px;align-items:center;border:1px solid #2d453a;background:#14221b;padding:5px 8px;border-radius:20px}.tag-pill span{width:5px;height:5px;border-radius:50%;background:#70dcac}.intro-description{font-size:10px;color:#828d8e;margin:7px 0 0}.share-button{display:flex;gap:7px;align-items:center;border:1px solid #30393b;background:#121719;color:#adb6b6;border-radius:5px;padding:7px 9px;font-size:9px}.share-button:hover{border-color:#496655;color:#dcf4e7}.studio-grid{display:grid;grid-template-columns:minmax(300px,.77fr) minmax(460px,1.23fr);gap:12px;align-items:stretch}.panel{background:linear-gradient(145deg,#12171bf7,#0e1215fa);border:1px solid #252d31;border-radius:8px;min-width:0;box-shadow:0 7px 24px #00000012}.code-panel,.visual-panel{min-height:550px;display:flex;flex-direction:column}.panel-topline{height:42px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #222a2e;flex:none}.panel-title{display:flex;gap:9px;align-items:center;font:9px var(--mono);letter-spacing:.65px;color:#b7c1c0}.panel-index{font:8px var(--mono);color:#667276}.file-chip{margin-left:8px;background:#1b2326;border:1px solid #2c373a;border-radius:4px;padding:4px 6px;display:flex;align-items:center;gap:5px;font:8px var(--mono);letter-spacing:0;color:#98a5a5}.typescript-icon{font:bold 7px var(--mono);color:#80bbee}.editor-wrap{padding:0 0 13px;flex:1}.editor-meta{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#778387;font:8px var(--mono);border-bottom:1px solid #1d2528}.editor-meta .subtle{margin-left:5px}.code-lines{padding:13px 0 6px}.code-line{position:relative;display:flex;align-items:center;min-height:30px;padding:0 12px 0 0;font:10px var(--mono);color:#b6c1bf;white-space:pre;transition:transform .22s ease}.code-line.active-line{transform:scale(1.012);transform-origin:left center;color:#e3f5eb}.line-no{width:39px;flex:none;text-align:center;color:#566367;font:9px var(--mono)}.laser{position:absolute;left:0;top:4px;bottom:4px;width:2px;background:transparent;border-radius:2px}.active-line .laser{background:#78e9bb;box-shadow:0 0 8px #66e7b6,0 0 17px #48d7a181}.syntax-keyword{color:#c99ddd}.syntax-variable{color:#82dabc}.syntax-number{color:#e9ba79}.complexity-strip{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:8px;border-top:1px solid #222a2e;border-bottom:1px solid #222a2e;padding:11px 13px}.complexity-strip>div{display:grid;grid-template-columns:20px auto;grid-template-rows:auto auto;-moz-column-gap:6px;column-gap:6px;align-items:center}.complexity-icon{grid-row:span 2;color:#85d7b4;width:18px;height:18px;border:1px solid #30463b;display:grid;place-items:center;border-radius:4px}.space-icon{color:#8da8c6;border-color:#303c4a}.complexity-strip small{font:7px var(--mono);letter-spacing:.4px;color:#798588}.complexity-strip strong{font:11px var(--mono);color:#d0dad5;margin-top:4px}.complexity-strip>button{border:0;background:transparent;color:#82918a;font-size:8px;display:flex;align-items:center;gap:5px;white-space:nowrap}.complexity-strip>button:hover{color:var(--mint)}.input-section{padding:13px;display:flex;flex-direction:column;gap:9px}.input-heading{font:8px var(--mono);letter-spacing:.7px;color:#a9b3b1;display:flex;justify-content:space-between}.input-heading>span:last-child{color:#75817f;font-size:7px;display:flex;align-items:center;gap:6px}.edit-dot{width:5px;height:5px}.input-section textarea{resize:vertical;min-height:58px;max-height:120px;background:#0c1012;border:1px solid #283135;border-radius:5px;padding:9px;color:#9fdbba;font:9px/1.6 var(--mono);outline:0}.input-section textarea:focus{border-color:#476f5b}.input-footer{display:flex;align-items:center;justify-content:space-between;color:#677477;font-size:8px}.input-footer .error-text{color:#ff9c8e}.run-button{display:flex;align-items:center;gap:6px;background:#a1efc9;color:#14231b;border:0;border-radius:4px;font:600 9px DM Sans;padding:7px 9px;box-shadow:0 3px 14px #63d89a25}.run-button:hover{background:#c0f7dc;transform:translateY(-1px)}.run-button kbd{color:#486856;border-color:#72c699;background:#b3f2d2}.view-controls{display:flex;align-items:center;gap:5px}.view-indicator{font:8px var(--mono);letter-spacing:.7px;color:#9bcdb5;display:flex;align-items:center;gap:6px;padding-right:7px}.view-indicator i{width:5px;height:5px}.visual-panel>.dp-visualizer{border:0;border-radius:0;background:transparent;box-shadow:none;padding:13px 15px 7px;flex:1;min-height:0;--dp-bg:transparent;--dp-border:rgba(123,148,138,.16);--dp-text:#e2e9e5;--dp-muted:#75817d;--dp-cell:#151d1a}.visual-panel .dp-visualizer__header,.visual-panel .dp-visualizer__description{display:none}.visual-panel .dp-visualizer__scroll{padding:8px 0;max-height:340px}.visual-panel .dp-table-grid{gap:5px;grid-template-columns:minmax(64px,1.25fr) repeat(var(--dp-columns),minmax(35px,1fr));grid-template-rows:23px repeat(var(--dp-rows),minmax(37px,auto))}.visual-panel .dp-table-grid__column-label,.visual-panel .dp-table-grid__row-label{font:8px var(--mono);color:#7b8982}.visual-panel .dp-table-grid__column-label{border-color:#29332e}.visual-panel .dp-table-grid__corner{font:7px var(--mono);color:#6d7b73}.visual-panel .dp-cell{min-width:34px;min-height:37px;border-radius:5px;background:linear-gradient(145deg,#19221e,#141a18);border-color:#2b3630;color:#aebdb4;box-shadow:none;font:10px var(--mono)}.visual-panel .dp-cell--active{background:#17392c;border-color:#57ce9c;color:#caffdf;box-shadow:0 0 13px #50d7a22d,inset 0 0 10px #54d7a21c}.visual-panel .dp-cell--selected,.visual-panel .dp-cell--completed,.visual-panel .dp-cell--match{background:#1e422e;border-color:#6bd59b;color:#ddffe8;box-shadow:0 0 13px #60d6962c}.visual-panel .dp-cell--dependency:not(.dp-cell--active):not(.dp-cell--result){border-color:#657e69;box-shadow:0 0 10px #72d29b17}.visual-panel .dp-arrow path{stroke:#84dcb1;stroke-width:1.2;filter:drop-shadow(0 0 3px #72d6a3)}.visual-panel .dp-arrow--path path{stroke:#f0c479;filter:drop-shadow(0 0 3px #e5bf6a)}.visual-panel .dp-arrow__head{fill:#84dcb1}.visual-panel .dp-arrow--path .dp-arrow__head{fill:#f0c479}.visual-panel .dp-arrow__label{font:7px var(--mono);fill:#bce9ce}.visual-panel .dp-arrow--path .dp-arrow__label{fill:#f1d393}.visual-panel .dp-visualizer__legend{margin-top:2px;padding-top:8px;border-color:#252f2a}.visual-panel .dp-visualizer__legend span{font:8px var(--mono);color:#829088}.visual-panel .dp-legend-dot{width:5px;height:5px}.array-visualization{padding:22px 20px 14px;min-height:278px;display:flex;flex-direction:column;gap:24px;flex:1}.array-module-label{display:flex;justify-content:space-between;color:#95a29b;font:8px var(--mono);letter-spacing:.5px;margin-bottom:10px}.array-module-label span{color:#74817a;font-size:7px}.array-cells{display:flex;flex-wrap:wrap;gap:7px}.array-cell{width:51px;height:58px;position:relative;display:grid;place-items:center;border:1px solid #303c34;border-radius:6px;background:#171f1b;color:#d1dfd6}.array-cell small{position:absolute;top:4px;left:6px;color:#718078;font:7px var(--mono)}.array-cell strong{font:14px var(--mono)}.array-cell.state-active{background:#173a2b;border-color:#5cd69c;box-shadow:0 0 15px #62d9a428;color:#caffe0}.array-cell.state-match{background:#21472f;border-color:#79e59e;color:#e1ffe8;box-shadow:0 0 17px #65dc8d38}.map-module{min-height:65px}.map-entries{display:flex;flex-wrap:wrap;gap:7px}.map-entry{display:flex;align-items:center;gap:8px;background:#17201c;border:1px solid #2c3931;border-radius:5px;padding:7px 9px;color:#9eb1a4;font:9px var(--mono)}.map-entry svg{color:#6d9b7d}.map-entry b{color:#d5e8dc;font-weight:400}.map-empty{display:flex;gap:8px;color:#626f69;font:9px var(--mono);padding:8px 0}.map-empty span{color:#a18c62}.array-target{position:absolute;right:20px;top:88px;display:grid;gap:4px;border:1px solid #314238;background:#15231b;padding:8px 12px;border-radius:6px}.array-target span{font:7px var(--mono);letter-spacing:.8px;color:#84958a}.array-target strong{font:16px var(--mono);color:#a3e8bf}.visual-empty{height:220px;display:grid;place-content:center;justify-items:center;gap:10px;color:#65736a;font-size:10px}.trace-insight{margin:0 13px 3px;border:1px solid #2b3830;background:#131c17;border-radius:6px;display:flex;align-items:flex-start;gap:9px;padding:10px;min-height:53px}.insight-icon{color:#e3c479;padding-top:2px}.trace-insight>div:nth-child(2){flex:1;min-width:0}.insight-label{font:9px var(--mono);color:#c1dbc9}.trace-insight p{font-size:9px;color:#819087;margin:4px 0 0;line-height:1.45}.trace-insight>button{border:0;background:none;color:#65756b}.timeline{padding:10px 13px 12px;border-top:1px solid #222a2e;margin-top:auto}.timeline-label{display:flex;justify-content:space-between;color:#76837e;font:8px var(--mono);letter-spacing:.55px;margin-bottom:11px}.timeline-label span:last-child{color:#d0ddd4}.timeline-label i{font-style:normal;color:#697771;padding:0 3px}.range-wrap{height:11px;position:relative;display:flex;align-items:center;margin-bottom:9px}.range-track{height:3px;border-radius:4px;background:#2a332f;position:absolute;width:100%}.range-progress{height:100%;background:linear-gradient(90deg,#4dba89,#95ecc1);border-radius:4px;position:relative}.range-scrubber{position:absolute;top:50%;height:9px;width:9px;border:2px solid #a4f0c5;background:#1d3c2d;box-shadow:0 0 8px #80e7af65;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.range-wrap input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;cursor:pointer;margin:0}.playback-row{display:flex;align-items:center;gap:10px}.transport{display:flex;align-items:center;gap:3px}.icon-button{border:1px solid transparent;background:transparent;color:#86928c;width:25px;height:24px;display:grid;place-items:center;border-radius:4px}.icon-button:hover{background:#202a24;color:#d6ecdd}.play-button{width:29px;height:27px;display:grid;place-items:center;border:1px solid #68bd8e;background:#91e7b7;color:#14251b;border-radius:5px;box-shadow:0 0 12px #5cc98e27}.play-button:hover{background:#b0f2cb}.speed-select{height:23px;position:relative;margin-left:auto;display:flex;align-items:center;gap:5px;padding:0 7px;border:1px solid #2b3530;border-radius:4px;color:#a6b4a9;font:8px var(--mono)}.speed-select select{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;cursor:pointer}.speed-select option{background:#131917}.shortcut-hint{font-size:8px;color:#717e78;display:flex;align-items:center;gap:5px}.shortcut-hint kbd{font-size:7px;padding:2px 4px}.lower-grid{display:grid;grid-template-columns:minmax(400px,1.3fr) minmax(260px,.7fr);gap:12px;margin-top:12px}.notes-panel,.stats-panel{min-height:116px}.tab-row{height:37px;padding:0 12px;border-bottom:1px solid #222a2e;display:flex;align-items:center;gap:16px}.tab-row button{height:100%;border:0;background:transparent;color:#76837d;display:flex;align-items:center;gap:6px;font:8px var(--mono);letter-spacing:.4px;position:relative}.tab-row button.active{color:#b7e4cc}.tab-row button.active:after{content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0;background:#70dba7}.tab-row button span{font:7px var(--mono);border-radius:8px;padding:2px 5px;background:#202923;color:#9ab2a1}.notes-spacer{flex:1}.learning-content{display:flex;align-items:flex-start;gap:10px;padding:13px 14px}.learning-number{font:16px var(--display);color:#456955}.learning-content>div:nth-child(2){flex:1}.learning-content h3{font:600 10px var(--display);margin:1px 0 5px;color:#d7e4dc}.learning-content p{font-size:9px;line-height:1.5;color:#86928a;margin:0}.learning-chip{display:flex;align-items:center;gap:4px;border:1px solid #394c3f;background:#1c2a20;color:#a2d5b5;padding:4px 6px;border-radius:3px;white-space:nowrap;font:7px var(--mono)}.variable-chips{padding:13px;display:flex;gap:7px;flex-wrap:wrap}.variable-chip{display:flex;gap:7px;border:1px solid #2b3930;background:#151e19;border-radius:4px;padding:5px 7px;font:8px var(--mono)}.variable-chip i{font-style:normal;color:#86bb9b}.variable-chip b{font-weight:400;color:#d6e3d8}.muted-copy{color:#7d8881;font-size:9px}.stats-heading{height:37px;border-bottom:1px solid #222a2e;padding:0 12px;display:flex;align-items:center;justify-content:space-between;color:#929d97;font:8px var(--mono);letter-spacing:.5px}.run-state{display:flex;align-items:center;gap:6px;color:#93b69e;font-size:7px}.run-state i{width:5px;height:5px}.stats-values{display:grid;grid-template-columns:1fr 1fr 1fr;padding:16px 12px;gap:6px}.stats-values>div{display:grid;gap:7px;min-width:0}.stats-values small{font:7px var(--mono);color:#738079;letter-spacing:.35px;white-space:nowrap}.stats-values strong{font:13px var(--mono);color:#d3dfd7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-values em{font:8px var(--mono);color:#74817a;font-style:normal}.stats-values .result-value{color:#9fe5b8;font-size:11px}.app-footer{display:flex;align-items:center;justify-content:space-between;padding:18px 2px 4px;color:#58645f;font:7px var(--mono);letter-spacing:.4px}.app-footer>span:first-child{display:flex;align-items:center;gap:7px}.footer-pulse{width:5px;height:5px}.app-footer b{font-weight:400;color:#819086}.heart{color:#d88178}.app-footer a{display:flex;align-items:center;gap:4px;text-decoration:none;color:#82958a}.app-footer a:hover{color:var(--mint)}@media(max-width:1100px){.workspace{grid-template-columns:204px minmax(0,1fr)}.studio-grid{grid-template-columns:minmax(275px,.86fr) minmax(380px,1.14fr)}.main-stage{padding-left:22px;padding-right:22px}.complexity-strip{grid-template-columns:1fr 1fr}.complexity-strip>button{display:none}.topbar-center{font-size:8px}.visual-panel .dp-table-grid{grid-template-columns:minmax(55px,1.1fr) repeat(var(--dp-columns),minmax(30px,1fr))}.visual-panel .dp-cell{min-width:29px}}@media(max-width:800px){.topbar{padding:0 15px}.topbar-center{display:none}.workspace{grid-template-columns:1fr}.sidebar{display:none}.main-stage{padding:22px 16px}.studio-grid{grid-template-columns:1fr}.code-panel{min-height:0}.visual-panel{min-height:520px}.lower-grid{grid-template-columns:1fr}.notes-panel{min-height:115px}.stats-panel{min-height:110px}.array-target{top:75px}.app-footer{gap:12px;flex-wrap:wrap}.app-footer>span:nth-child(2){display:none}}@media(max-width:480px){.main-stage{padding:18px 11px}.page-intro{gap:10px}.title-row{flex-wrap:wrap;gap:7px}.title-row h1{font-size:22px}.intro-description{max-width:260px;line-height:1.5}.share-button{font-size:0;padding:8px;gap:4px}.share-button svg{width:14px}.panel-topline{padding:0 10px}.visual-panel .dp-visualizer{padding:11px 9px 7px}.visual-panel .dp-table-grid{gap:3px;grid-template-columns:minmax(47px,1.1fr) repeat(var(--dp-columns),minmax(26px,1fr))}.visual-panel .dp-cell{min-width:25px;min-height:33px;font-size:9px}.visual-panel .dp-table-grid__row-label{font-size:7px}.trace-insight{margin-left:9px;margin-right:9px}.timeline{padding-left:9px;padding-right:9px}.shortcut-hint,.learning-chip{display:none}.lower-grid{grid-template-columns:minmax(0,1fr)}.stats-values{padding:13px 10px}.stats-values small{font-size:6px}.complexity-strip{padding:10px}.topbar-actions .quiet-link{font-size:0;gap:0}.topbar-actions .quiet-link svg{width:16px;height:16px}.topbar-actions{gap:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.code-actions{display:flex;align-items:center;gap:5px}.variant-switch{display:flex;align-items:center;gap:2px;padding:2px;border:1px solid #29332e;background:#0c1110;border-radius:5px}.variant-switch button{border:0;background:transparent;border-radius:3px;padding:4px 7px;color:#77827b;font:7px var(--mono);white-space:nowrap;transition:color .2s,background .2s,box-shadow .2s}.variant-switch button:hover{color:#bdcfc3}.variant-switch button.active{background:#1b3327;color:#baf0ce;box-shadow:inset 0 0 0 1px #3d604b,0 0 11px #5ae0a018}.variant-caption{height:20px;padding:4px 14px 0;color:#76837c;font:7px var(--mono);letter-spacing:.2px;overflow:hidden}.variant-caption span{display:block}.library-note{margin:2px 9px 7px;color:#6f7c76;font-size:9px;line-height:1.55}.algorithm-description{margin-top:12px;padding:14px 16px 15px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 4% 0%,#1830275c,transparent 48%),linear-gradient(120deg,#111815,#111619);border-color:#2a3930}.algorithm-description:after{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(180deg,transparent,#61d5a4,transparent);opacity:.8}.description-heading{display:flex;align-items:center;gap:9px;margin-bottom:13px}.description-icon{width:27px;height:27px;display:grid;place-items:center;border:1px solid #36503e;background:#1b2b20;color:#a0e2b9;border-radius:6px}.description-heading>div{display:grid;gap:3px}.description-heading small{font:7px var(--mono);letter-spacing:.9px;color:#83bd99}.description-heading h2{font:600 12px var(--display);margin:0;color:#e0e9e2}.guide-variant{margin-left:auto;border:1px solid #304337;border-radius:4px;padding:4px 6px;font:7px var(--mono);color:#9ab9a1;letter-spacing:.4px}.description-columns{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:18px;padding-left:36px}.description-columns>div{position:relative}.description-columns>div+div:before{content:"";position:absolute;left:-10px;top:2px;bottom:2px;width:1px;background:#29342d}.description-columns>div>span{font:7px var(--mono);letter-spacing:.65px;color:#809087}.description-columns p{font-size:9px;line-height:1.55;color:#a4b0a8;margin:6px 0 0}.sort-stage{height:223px;position:relative;display:flex;align-items:flex-end;gap:clamp(4px,1vw,11px);padding:12px 8px 1px;overflow:hidden;border-bottom:1px solid #39443c;background:radial-gradient(ellipse at 50% 100%,#20433036,transparent 68%)}.sort-gridlines{position:absolute;top:12px;right:0;bottom:18px;left:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.sort-gridlines i{border-top:1px dashed #35413866;width:100%}.sort-bar-wrap{position:relative;z-index:1;flex:1;height:100%;min-width:8px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;transform-origin:bottom}.sort-bar{position:relative;width:min(100%,38px);height:40%;min-height:30px;display:flex;justify-content:center;border:1px solid #438365;border-bottom:2px solid #70dda4;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#397c5a,#234a36 72%,#1a3428);box-shadow:inset 0 1px #a9f3c82a,0 -3px 17px #61dba326;will-change:height,transform;transition:background .25s,border-color .25s,box-shadow .25s}.sort-bar span{position:absolute;top:6px;color:#d4ffe3;font:9px var(--mono);text-shadow:0 0 9px #a4ffd0a1}.sort-bar-wrap small{height:16px;padding-top:4px;color:#68786d;font:7px var(--mono)}.sort-bar-wrap.state-active .sort-bar{z-index:2;background:linear-gradient(180deg,#e6c16f,#9d713c 75%,#664d32);border-color:#f4d18a;border-bottom-color:#ffe6a9;box-shadow:0 0 23px #f3c76a64,inset 0 1px #fff4cb75}.sort-bar-wrap.state-completed .sort-bar{background:linear-gradient(180deg,#63df9a,#328757 75%,#20553c);border-color:#7cecae;border-bottom-color:#b9ffd0;box-shadow:0 0 17px #69eea145}.sort-particle{position:absolute;z-index:4;width:5px;height:5px;border-radius:50%;background:#afffd0;box-shadow:0 0 10px #77ffc3,0 0 18px #55e8a9;pointer-events:none}.state-excluded .sort-bar{opacity:.33;filter:saturate(.4)}.global-language{height:27px;position:relative;display:flex;align-items:center;gap:6px;border:1px solid #2d3933;background:#121916;color:#96bca4;border-radius:5px;padding:0 7px;font:8px var(--mono);letter-spacing:.45px}.global-language svg{color:#80d8aa}.global-language select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0;background:transparent;color:#d3e3d8;font:9px DM Sans,sans-serif;padding:0 12px 0 1px;cursor:pointer}.global-language option{background:#121916;color:#e6eee8}.global-language>svg:last-child{position:absolute;right:6px;pointer-events:none}.language-icon{font:bold 7px var(--mono);padding:2px 3px;border-radius:2px;background:#193027;color:#91ddb3}.language-icon--java{background:#1c2936;color:#9fc5ed}.code-lines{max-height:380px;overflow:auto;scrollbar-width:thin;scrollbar-color:#35443a transparent;padding:8px 0 10px}.code-lines .code-line{min-height:20px;font-size:9px;line-height:1.45;align-items:flex-start;padding-top:2px;padding-bottom:2px}.code-lines .line-no{position:sticky;left:0;background:#111619;z-index:2;padding-right:8px}.code-lines--java .code-line{font-size:8.3px}.syntax-string{color:#ddbd86}.syntax-builtin{color:#82c5d5}.syntax-type{color:#89b7e3}@media(max-width:800px){.description-columns{grid-template-columns:1fr;gap:10px}.description-columns>div+div:before{left:0;right:0;top:-5px;bottom:auto;width:auto;height:1px}.description-columns>div+div{padding-top:5px}.description-columns{padding-left:0}.description-heading{margin-bottom:10px}.sort-stage{height:205px}}@media(max-width:520px){.panel-title{gap:6px;font-size:8px}.file-chip{margin-left:1px}.code-actions{gap:1px}.variant-switch button{padding:4px 5px;font-size:6px}.dots-button{width:20px}.description-columns p{font-size:8px}.guide-variant{font-size:6px}.sort-stage{height:175px;gap:3px;padding-left:3px;padding-right:3px}.sort-bar span{font-size:8px}}.code-panel{min-height:610px}.code-panel .editor-meta{height:30px}.editor-toolbar{height:31px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid #202a25;background:#101613}.editor-toolbar-label{font:7px var(--mono);letter-spacing:.55px;color:#718078}.font-controls{display:flex;align-items:center;height:21px;border:1px solid #303c35;border-radius:4px;background:#0c110e;overflow:hidden}.font-controls button{height:20px;width:23px;border:0;background:transparent;color:#a0b3a6;display:grid;place-items:center}.font-controls button:hover:not(:disabled){background:#203329;color:#b8f4d1}.font-controls button:disabled{opacity:.35;cursor:not-allowed}.font-controls output{min-width:35px;text-align:center;border-left:1px solid #26312a;border-right:1px solid #26312a;color:#b7d2c0;font:8px var(--mono)}.font-controls .font-reset{border-left:1px solid #26312a;width:25px;color:#728179}.font-shortcut{margin-left:auto;color:#64716a;font:7px var(--mono)}.code-panel .code-lines{max-height:470px;padding:8px 0 13px}.code-panel .code-line,.code-panel .code-lines--java .code-line{font-size:var(--code-font-size,13px);line-height:1.58;min-height:calc(var(--code-font-size,13px) * 1.75);padding-top:2px;padding-bottom:2px;white-space:pre;letter-spacing:-.18px}.code-panel .line-no{width:43px;font-size:calc(var(--code-font-size,13px) * .68);line-height:1.9}.code-panel .editor-wrap{flex:0 0 auto;min-height:0;padding:0}.code-panel .input-section{margin-top:auto}.code-panel .code-lines::-webkit-scrollbar{width:8px;height:8px}.code-panel .code-lines::-webkit-scrollbar-thumb{border:2px solid #111714;border-radius:8px;background:#35443a}.code-panel .code-lines::-webkit-scrollbar-corner{background:transparent}@media(max-width:800px){.code-panel{min-height:0}.code-panel .code-lines{max-height:440px}}@media(max-width:520px){.editor-toolbar{padding:0 9px}.editor-toolbar-label{font-size:6px}.font-shortcut{display:none}.code-panel .code-line,.code-panel .code-lines--java .code-line{font-size:max(11px,var(--code-font-size,13px))}.code-panel .line-no{width:34px}}.studio-grid{--splitter-width:12px;grid-template-columns:minmax(0,var(--code-pane,43%)) var(--splitter-width) minmax(0,1fr);gap:0;align-items:stretch}.studio-grid>.panel{min-width:0}.studio-grid>.code-panel{margin-right:10px}.studio-grid>.visual-panel{margin-left:10px}.studio-splitter{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;min-width:12px;cursor:col-resize;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:0}.studio-splitter:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:#28312d;transition:width .2s,background .2s,box-shadow .2s}.splitter-grip{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:10px;height:34px;border:1px solid #34443a;border-radius:7px;background:#141b17;box-shadow:0 3px 12px #0007;transition:transform .2s,border-color .2s,background .2s}.splitter-grip i{width:2px;height:2px;background:#85b899;border-radius:50%}.studio-splitter:hover:before,.studio-splitter:focus-visible:before,.is-resizing .studio-splitter:before{width:2px;background:#70d7a5;box-shadow:0 0 12px #63daa06b}.studio-splitter:hover .splitter-grip,.studio-splitter:focus-visible .splitter-grip,.is-resizing .splitter-grip{transform:scale(1.08);border-color:#62bd8e;background:#1b3025}.studio-grid.is-resizing,.studio-grid.is-resizing *{cursor:col-resize!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.studio-grid.is-resizing .panel{pointer-events:none}.studio-splitter:focus-visible{outline:0}.studio-splitter:focus-visible .splitter-grip{box-shadow:0 0 0 2px #78e1ae,0 3px 12px #0007}@media(max-width:800px){.studio-grid{grid-template-columns:minmax(0,1fr);gap:12px}.studio-grid>.code-panel,.studio-grid>.visual-panel{margin:0}.studio-splitter{display:none}}.algorithm-description{padding:19px 21px 21px}.description-heading{gap:12px;margin-bottom:18px}.description-icon{width:34px;height:34px}.description-icon svg{width:18px;height:18px}.description-heading>div{gap:4px}.description-heading small{font-size:9px;letter-spacing:1px}.description-heading h2{font-size:16px;letter-spacing:-.25px}.guide-variant{font-size:9px;padding:5px 8px}.description-columns{gap:22px;padding-left:46px}.description-columns>div+div:before{left:-12px}.description-columns>div>span{font-size:9px;letter-spacing:.75px}.description-columns p{font-size:12px;line-height:1.7;color:#b0bcb4;margin-top:8px;max-width:60ch}@media(max-width:800px){.algorithm-description{padding:17px 18px 19px}.description-heading{margin-bottom:15px}.description-columns{gap:12px}}@media(max-width:520px){.algorithm-description{padding:15px 14px 16px}.description-heading h2{font-size:14px}.description-heading small,.description-columns>div>span{font-size:8px}.description-columns p{font-size:11px;line-height:1.65}.guide-variant{font-size:7px;padding:4px 6px}}.array-visualization:not(.array-visualization--sort){position:relative;padding-top:42px}.array-target{position:absolute;top:14px;left:50%;right:auto;transform:translate(-50%);display:flex;grid-auto-flow:column;align-items:center;gap:10px;padding:6px 12px}.array-target strong{font-size:14px}.array-visualization:not(.array-visualization--sort) .array-module:first-child .array-cells{padding-left:0}.array-target span{font-size:9px;font-weight:600;letter-spacing:1px}.array-target strong{font-size:18px;font-weight:700;line-height:1.1}:root{--fs-micro:11px;--fs-small:12px;--fs-body:13.5px}html{font-size:16px}body{font-size:var(--fs-body);line-height:1.5}.brand{font-size:21px}.brand-version{font-size:11px}.topbar{height:64px}.topbar-center{font-size:11px;letter-spacing:.7px}.quiet-link{font-size:13px}.avatar{width:30px;height:30px;font-size:13px}.global-language{height:34px;font-size:11px;padding:0 10px}.global-language select{font-size:13px}.workspace{grid-template-columns:270px minmax(0,1fr);min-height:calc(100vh - 64px)}.sidebar{min-height:calc(100vh - 64px);padding:22px 13px 14px}.side-heading{font-size:11px}.search-box{height:38px}.search-box input{font-size:13px}.search-box kbd,.shortcut-hint kbd,.run-button kbd{font-size:10px;padding:2px 5px}.algorithm-item{height:56px}.algorithm-icon{width:30px;height:30px;font-size:15px}.algorithm-copy strong{font-size:13.5px}.algorithm-copy small{font-size:10px;letter-spacing:.4px}.sidebar-group-label{font-size:10px}.library-note{font-size:12px}.browse-all,.progress-card strong{font-size:12.5px}.progress-card span{font-size:11px}.progress-card .streak,.sidebar-help{font-size:12px}.sidebar-help kbd,.breadcrumbs{font-size:11px}.title-row h1{font-size:32px}.tag-pill{font-size:10.5px;padding:6px 10px}.intro-description{font-size:14px;color:#9aa6a3}.share-button{font-size:12.5px;padding:9px 13px}.panel-topline{height:50px}.panel-title{font-size:11.5px}.panel-index{font-size:11px}.file-chip{font-size:11px;padding:5px 8px}.language-icon,.typescript-icon{font-size:10px}.dots-button,.tiny-icon{width:32px;height:30px}.variant-switch button{font-size:11px;padding:6px 10px}.variant-caption{height:26px;font-size:11px;padding-top:7px}.editor-meta{font-size:11px;height:34px}.editor-toolbar{height:38px}.editor-toolbar-label{font-size:10.5px}.font-controls{height:26px}.font-controls button{height:25px;width:28px}.font-controls output{font-size:11.5px;min-width:44px}.font-shortcut{font-size:10.5px}.complexity-strip small{font-size:10px}.complexity-strip strong{font-size:14px}.complexity-strip>button{font-size:12px}.complexity-icon{width:24px;height:24px}.input-heading{font-size:11px}.input-heading>span:last-child{font-size:10.5px}.input-section textarea{font-size:12.5px;min-height:70px;padding:11px}.input-footer{font-size:12px}.run-button{font-size:12.5px;padding:9px 13px}.view-indicator{font-size:11px}.trace-insight{padding:13px;min-height:66px}.insight-label{font-size:13.5px;font-weight:600}.trace-insight p{font-size:13px;line-height:1.55;color:#a3b2a9}.timeline-label{font-size:11px}.playback-row{gap:12px}.icon-button{width:32px;height:30px}.play-button{width:38px;height:34px}.speed-select{height:30px;font-size:12px;padding:0 10px}.shortcut-hint{font-size:11.5px}.visual-panel .dp-table-grid__column-label,.visual-panel .dp-table-grid__row-label{font-size:11px}.visual-panel .dp-table-grid__corner{font-size:10px}.visual-panel .dp-cell{font-size:13px;min-width:40px;min-height:42px}.visual-panel .dp-arrow__label{font-size:10px}.visual-panel .dp-visualizer__legend span{font-size:11px}.visual-panel .dp-table-grid{grid-template-columns:minmax(78px,1.25fr) repeat(var(--dp-columns),minmax(42px,1fr));grid-template-rows:28px repeat(var(--dp-rows),minmax(42px,auto))}.array-module-label{font-size:11px}.array-module-label span{font-size:10px}.array-cell{width:60px;height:66px}.array-cell small{font-size:10px}.array-cell strong{font-size:18px}.map-entry{font-size:12.5px;padding:8px 11px}.map-empty,.sort-bar span{font-size:12px}.sort-bar-wrap small{font-size:10.5px;height:20px}.array-target span,.algorithm-description .description-heading small{font-size:11px}.description-heading h2{font-size:19px}.guide-variant{font-size:10.5px}.description-columns>div>span{font-size:11px}.description-columns p{font-size:14px;line-height:1.75}.tab-row{height:44px}.tab-row button{font-size:11px}.tab-row button span{font-size:10px}.learning-content{padding:16px 18px}.learning-number{font-size:22px}.learning-content h3{font-size:14px}.learning-content p{font-size:13.5px;line-height:1.65}.learning-chip{font-size:10px}.variable-chip{font-size:12px;padding:7px 10px}.muted-copy{font-size:13px}.stats-heading{height:44px;font-size:11px}.run-state,.stats-values small{font-size:10.5px}.stats-values strong{font-size:17px}.stats-values em{font-size:11.5px}.stats-values .result-value{font-size:15px}.app-footer{font-size:10.5px;padding-top:22px}.code-panel .editor-wrap{padding:0}@media(max-width:1100px){.workspace{grid-template-columns:232px minmax(0,1fr)}.topbar-center{font-size:10.5px}.title-row h1{font-size:28px}}@media(max-width:800px){.workspace{grid-template-columns:1fr}.description-columns p{font-size:13.5px}.title-row h1{font-size:26px}}@media(max-width:520px){.variant-switch button{font-size:10.5px;padding:6px 8px}.panel-title{font-size:11px}.editor-toolbar-label{font-size:10px}.description-columns p{font-size:13px}.description-heading h2{font-size:16px}.description-heading small,.description-columns>div>span{font-size:10.5px}.guide-variant{font-size:10px}.stats-values small{font-size:9.5px}.stats-values strong{font-size:15px}.intro-description{font-size:13px;max-width:none}.visual-panel .dp-cell{min-width:32px;font-size:12px}}.brand-accent{color:var(--mint)}.library-group .sidebar-group-label{width:calc(100% - 18px);margin:18px 9px 2px;padding:0 0 6px;border:0;border-bottom:1px solid #1b2328;background:transparent;color:#8fa59a;display:flex;align-items:center;gap:7px;text-align:left;font:10.5px var(--mono);letter-spacing:1px}.library-group:first-child .sidebar-group-label{margin-top:8px}.library-group .sidebar-group-label>span:first-child{flex:1}.library-group-count{min-width:20px;height:20px;border:1px solid #293631;border-radius:999px;display:grid;place-items:center;color:#8fa59a;font-size:10px;letter-spacing:0}.library-group-chevron{color:#718078;transition:transform .18s ease}.library-group.is-collapsed .library-group-chevron{transform:rotate(-90deg)}.library-group-content{overflow:hidden}.library-family-label{margin:11px 9px 3px;color:#5d6b64;font:9.5px var(--mono);letter-spacing:.5px;text-transform:uppercase}.library-group .algorithm-item{height:46px}.library-group .algorithm-copy small{font-family:var(--mono);color:#66736c}.sort-bar-wrap.state-candidate .sort-bar{background:linear-gradient(180deg,#7db8f0,#37669a 75%,#27405f);border-color:#a9d3fb;box-shadow:0 0 16px #6fb1f23a}.sort-bar-wrap.state-selected .sort-bar{z-index:2;background:linear-gradient(180deg,#ff9d8f,#a2463b 75%,#6a2d27);border-color:#ffc6bd;box-shadow:0 0 20px #ff8f8054}.sort-bar-wrap.state-visited .sort-bar{background:linear-gradient(180deg,#4fb8a0,#2b7463 75%,#1d4a42);border-color:#7bd9c2;box-shadow:0 0 12px #5fd9bd30}.sort-bar-wrap.state-match .sort-bar{background:linear-gradient(180deg,#7cf0b8,#2b9560 75%,#1f6b45);border-color:#d4ffe9;box-shadow:0 0 22px #7cf0b870}.array-cell.state-candidate{background:#14283a;border-color:#6fb1f2;color:#d6ecff}.array-cell.state-selected{background:#3a1d1a;border-color:#ff8f80;color:#ffd7d1}.array-cell.state-visited,.array-cell.state-completed{background:#15302a;border-color:#2f6b57;color:#bff2dc}.array-cell.state-excluded{opacity:.35}.program-output{margin:12px 13px 0;border:1px solid #26352d;border-radius:9px;overflow:hidden;background:#0a100d;box-shadow:inset 0 1px #ffffff05}.program-output-heading{height:31px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1f2a24;background:#111814;color:#899990;font:10px var(--mono);letter-spacing:1px}.program-output-heading span:last-child{color:#5e796a;font-size:9px}.program-output-command{padding:10px 12px 3px;color:#728078;font:12px var(--mono)}.program-output-command i{color:var(--mint-bright);font-style:normal;margin-right:7px}.program-output-value{min-height:31px;margin:0;padding:3px 12px 11px;color:#9aefc6;font:600 15px var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:800px){.program-output{margin:10px 9px 0}.program-output-value{font-size:13px}}.library-group .algorithm-copy{min-width:0}.library-group .algorithm-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:none;letter-spacing:0;font-size:10.5px}