:root{color-scheme:dark;--bg: #050914;--panel: rgba(9, 17, 31, .86);--panel-2: rgba(12, 22, 40, .94);--panel-3: rgba(17, 29, 49, .96);--text: #f7f9ff;--muted: #b8c2d6;--line: rgba(148, 163, 184, .22);--accent: #7c5cff;--accent-2: #22d3ee;--shadow: 0 24px 80px rgba(0, 0, 0, .32);--radius: 8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:linear-gradient(180deg,#050914eb,#040810fa),linear-gradient(90deg,rgba(124,92,255,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(34,211,238,.055) 1px,transparent 1px),var(--bg);background-size:auto,72px 72px,72px 72px,auto;color:var(--text)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(135deg,#0a1527f5,#03070fc7 48%,#070e1cf5),linear-gradient(180deg,rgba(124,92,255,.1),transparent 34%)}button,input{font:inherit}button{border:1px solid var(--line);background:#0a1220d1;color:var(--text);border-radius:7px;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease,opacity .15s ease}button:hover:not(:disabled){transform:translateY(-1px);border-color:#94a3b885;background:#111d31eb}button:disabled{cursor:not-allowed;opacity:.55}input{width:100%;min-height:40px;border:1px solid var(--line);border-radius:7px;padding:9px 11px;background:#070d19;color:var(--text);outline:none}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c5cff29}a{color:#a996ff}h1,h2,h3,p{margin:0}code{color:#d8e2ff;font-family:Consolas,Monaco,monospace}.lab-app{width:100%;min-width:0}.lab-main-content{padding:24px}.topbar{margin-bottom:16px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:#040914d1}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:13px;font-weight:800}h1{font-size:clamp(34px,4vw,58px);line-height:.98;overflow-wrap:anywhere;word-break:break-word}.type-title-name,.type-title-generic{display:inline}.hero-copy{margin-top:10px;max-width:920px;color:var(--muted);font-size:16px;line-height:1.45;overflow-wrap:anywhere}.controls{display:grid;gap:10px;align-items:end;margin-bottom:14px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.dictionary-controls{grid-template-columns:minmax(170px,1fr) minmax(170px,1fr) auto auto auto}.concurrent-controls{grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) 130px auto auto auto}.controls label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.primary-action{min-height:40px;min-width:90px;padding:0 16px;background:linear-gradient(135deg,var(--accent),#4f46e5);border-color:#7c5cffc7;color:#fff;box-shadow:0 0 28px #7c5cff3d;font-weight:900}.secondary-action{min-height:40px;padding:0 13px;color:var(--muted);font-weight:800}.workbench{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(0,1.6fr);gap:14px;align-items:start}.narrator,.surface,.notes{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.narrator{position:sticky;top:12px;overflow:hidden}.step-head{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;padding:16px 18px;border-bottom:1px solid var(--line);background:var(--panel-2)}.step-index{width:56px;height:56px;display:grid;place-items:center;border:1px solid rgba(124,92,255,.55);border-radius:8px;background:#7c5cff24;color:var(--accent);font-family:Consolas,Monaco,monospace;font-size:24px;font-weight:900}.step-title{font-size:23px;line-height:1.1}.step-detail{margin-top:7px;color:#c6d4df;line-height:1.45}.code-box{margin:14px 18px;min-height:86px;border:1px solid var(--line);border-radius:8px;background:#070d19;color:#f3f7fb;padding:14px;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:700 15px/1.45 Consolas,Monaco,monospace}.step-controls{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line);background:#0409149e}.step-controls button{min-height:36px;padding:0 12px;font-weight:800}.timeline-status{min-width:76px;text-align:center;color:var(--muted);font:800 13px Consolas,Monaco,monospace}.event-log{display:grid;gap:8px;max-height:260px;overflow:auto;padding:0 18px 18px}.event{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--panel-3)}.event.active{border-color:#7c5cffb8;background:#7c5cff1f}.event-index{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#0b1117;color:var(--accent-2);font-family:Consolas,Monaco,monospace;font-weight:900}.event-title{font-weight:900}.event-text{margin-top:3px;color:var(--muted);font-size:13px;line-height:1.35}.surface{overflow:hidden}.surface-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start;padding:16px 18px;border-bottom:1px solid var(--line);background:var(--panel-2)}.surface-title h2{font-size:26px;line-height:1.1}.surface-title p{margin-top:6px;color:var(--muted);line-height:1.4}.metrics{display:flex;flex-wrap:wrap;gap:8px;justify-content:end}.metric{min-width:92px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:#111922;text-align:center}.metric span{display:block;color:var(--muted);font-size:12px}.metric strong{display:block;margin-top:4px;font-family:Consolas,Monaco,monospace;font-size:20px}.surface-body{display:grid;gap:18px;padding:18px}.section-title{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:10px;margin-bottom:9px;color:#dce8ef;font-size:13px;font-weight:900;line-height:1.3;overflow-wrap:anywhere}.section-title>span:last-child{color:var(--muted);font-weight:700;overflow-wrap:anywhere}.hint-label{position:relative;display:inline-flex;width:fit-content;max-width:100%;align-items:center;cursor:help;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:#94a3b894;text-underline-offset:3px}.hint-label:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:0;z-index:50;width:max-content;max-width:min(380px,72vw);padding:8px 10px;border:1px solid rgba(148,163,184,.34);border-radius:7px;background:#050914;color:#e8edf7;box-shadow:0 18px 46px #0000006b;font:700 12px/1.35 Consolas,Monaco,monospace;white-space:normal;overflow-wrap:anywhere;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .14s ease,transform .14s ease}.hint-label:hover:after,.hint-label:focus-visible:after{opacity:1;transform:translateY(0)}.section-title>span:last-child .hint-label:after,.field:nth-child(4n) .hint-label:after{right:0;left:auto}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.field{min-height:72px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#111922}.field-name{color:var(--muted);font:800 12px/1.25 Inter,ui-sans-serif,system-ui,sans-serif;overflow-wrap:anywhere}.field-value{margin-top:7px;color:var(--text);font:900 clamp(16px,1.35vw,20px)/1.22 Consolas,Monaco,monospace;overflow-wrap:anywhere}.locks{display:grid;grid-template-columns:repeat(var(--lock-cols),minmax(110px,1fr));gap:8px}.lock{border:1px solid var(--line);border-radius:8px;background:#111922;padding:10px;font-family:Consolas,Monaco,monospace}.lock.held,.bucket.active,.entry-row.active,.node.active,.node-card.active,.focus{border-color:#f0bd62f2!important;box-shadow:0 0 0 3px #f0bd622e}.lock-name{color:var(--accent-2);font-weight:900}.lock-state{margin-top:5px;color:var(--muted);font-size:12px}.bucket-grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(84px,1fr));gap:8px}.bucket{min-height:126px;border:1px solid var(--line);border-radius:8px;background:#111922;overflow:hidden}.dictionary-bucket{min-height:112px}.bucket-head{display:flex;justify-content:space-between;gap:6px;padding:8px 9px;border-bottom:1px solid var(--line);color:var(--muted);font:800 12px Consolas,Monaco,monospace}.bucket-int-value{display:grid;min-height:42px;place-items:center;border-bottom:1px solid var(--line);color:var(--text);font:900 24px/1 Consolas,Monaco,monospace}.bucket-index-chain{display:grid;gap:3px;padding:0 9px 7px;font-family:Consolas,Monaco,monospace;overflow-wrap:anywhere}.bucket-index-chain span{color:#8ea0b2;font-size:12px;font-weight:800}.bucket-index-chain strong{color:var(--text);font-size:13px}.chain{display:grid;gap:7px;padding:8px}.node,.node-card{border:1px solid #486073;border-radius:7px;background:#18232d;padding:7px;font-family:Consolas,Monaco,monospace}.node.active{background:#43c6ac1f}.node-id{color:var(--accent-2);font-weight:900;font-size:12px}.node-key{margin-top:4px;color:var(--text);font-weight:900}.node-value{color:var(--muted);font-size:12px}.empty{color:#738394;font:800 13px Consolas,Monaco,monospace}.entries-table,.nodes-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#111922;font-family:Consolas,Monaco,monospace}.entries-table th,.entries-table td,.nodes-table th,.nodes-table td{border-bottom:1px solid var(--line);padding:9px 10px;text-align:left;vertical-align:top;overflow-wrap:anywhere}.entries-table th,.nodes-table th{color:var(--muted);background:#17212b;font-size:12px}.entries-table tr:last-child td,.nodes-table tr:last-child td{border-bottom:0}.entries-table .free,.entry-row.free{color:#718292}.entries-table th:nth-child(1),.entries-table td:nth-child(1){width:72px}.entries-table th:nth-child(2),.entries-table td:nth-child(2){width:170px}.entries-table th:nth-child(3),.entries-table td:nth-child(3){width:76px}.resize-lane,.grow-lane{display:none;border:1px solid rgba(127,179,255,.45);border-radius:8px;background:#7fb3ff17;padding:12px}.resize-lane.visible,.grow-lane.visible{display:block}.resize-pairs{display:grid;gap:10px}.resize-pair-title{color:var(--muted);font:900 12px/1.25 Consolas,Monaco,monospace}.resize-pair-title:not(:first-child){margin-top:2px}.resize-map,.grow-map{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;font-family:Consolas,Monaco,monospace}.mini-array{display:grid;grid-template-columns:repeat(var(--mini-cols),minmax(28px,1fr));gap:5px}.mini-cell{min-height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:#0e151c;color:var(--muted);font-size:12px}.mini-cell.active{border-color:var(--accent-2);color:var(--text)}.arrow{color:var(--accent-2);font-size:24px;font-weight:900}.notes{margin-top:14px;padding:16px 18px}.notes h2{font-size:18px;margin-bottom:10px}.notes h2:not(:first-child){margin-top:16px}.notes ol,.notes ul{margin:0;padding-left:20px;color:var(--muted);line-height:1.45}.toast{position:fixed;right:18px;bottom:18px;max-width:min(440px,calc(100vw - 36px));border:1px solid var(--line);border-radius:8px;background:#111922;color:var(--text);box-shadow:var(--shadow);padding:12px 14px;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .17s ease,transform .17s ease;line-height:1.4}.toast.visible{opacity:1;transform:translateY(0)}@media(max-width:1180px){.workbench,.surface-head{grid-template-columns:1fr}.narrator{position:static}.metrics{justify-content:start}}@media(max-width:760px){.lab-main-content{padding:14px 16px 30px}h1{font-size:34px;line-height:1.04}.topbar{padding:16px}.controls,.field-grid,.resize-map,.grow-map{grid-template-columns:1fr}.bucket-grid,.locks{grid-template-columns:repeat(2,minmax(0,1fr))!important}.section-title{display:grid;grid-template-columns:1fr}.field-value{font-size:16px}.section-title>span:last-child .hint-label:after,.field:nth-child(4n) .hint-label:after{right:auto;left:0}.type-title-name,.type-title-generic{display:block}.type-title-name{font-size:clamp(28px,8vw,34px)}.type-title-generic{margin-top:2px;font-size:clamp(24px,7vw,30px)}}