@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root{color-scheme:dark;--bg:#101312;--surface:#181c1a;--surface-raised:#202622;--line:#343e36;--text:#f1f4ee;--muted:#a9b5ab;--green:#c1f878;--purple:#c2b3f8;--mono:'IBM Plex Mono',Consolas,monospace;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:5px}button{border-radius:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.12;font-weight:550}code,pre{font-family:var(--mono)}button{background:none;border:0}main,footer,.site-header{max-width:1440px;margin:auto;padding-left:5.2%;padding-right:5.2%}.site-header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:23px;font-weight:650;letter-spacing:-1px}.brand-note{font:12px var(--mono);color:var(--muted);letter-spacing:.5px;margin-left:13px}.site-header nav{display:flex;gap:30px;font-size:14px}.source-link{font-size:14px;border:1px solid var(--line);padding:9px 16px}.source-link span{margin-left:13px}.intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:70px;padding:57px 0 52px}.eyebrow{font:12px/1.6 var(--mono);letter-spacing:1.5px;color:var(--muted);margin-bottom:20px}.tiny-block{display:inline-block;background:var(--green);width:7px;height:7px;margin-right:8px}.intro h1{font-size:clamp(42px,4.6vw,68px);line-height:1.03;letter-spacing:-2.8px}.accent{color:var(--green)}.intro-aside{max-width:420px;justify-self:end}.intro-aside>p{color:var(--muted);font-size:17px;line-height:1.65}.specs{display:flex;gap:36px;margin-top:28px}.specs span{color:var(--muted);font-size:12px;white-space:nowrap}.specs strong{display:block;color:var(--text);font:23px/1.5 var(--mono);letter-spacing:-1px}.section-bar{display:flex;align-items:center;justify-content:space-between;padding:22px 0;gap:20px}.section-bar>div{display:flex;align-items:center;gap:16px}.section-bar h2{font-size:23px;letter-spacing:-.6px}.section-number{font:14px var(--mono);color:var(--green);white-space:nowrap}.section-bar>a{font-size:14px;white-space:nowrap}.lab-label{font:12px var(--mono);letter-spacing:1px;color:var(--muted);white-space:nowrap}.explorer{border-top:1px solid var(--line)}.lab-toolbar{background:var(--surface);border:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px}.mode-control{display:flex;gap:6px}.mode-control button{font-size:14px;color:var(--muted);padding:8px 14px}.mode-control button.active{background:var(--green);color:#182111;font-weight:600}.text-button{color:var(--muted);font-size:14px;padding:8px}.text-button:hover{color:var(--text)}.lab-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-top:0;background:var(--surface)}.operations-pane,.storage-pane{padding:25px 27px;min-width:0}.operations-pane{border-right:1px solid var(--line)}.pane-label{font:12px/1.5 var(--mono);color:var(--muted);letter-spacing:1px;display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}.pane-label span:last-child{letter-spacing:0}.operations-pane h3{font-size:25px;letter-spacing:-.7px;margin-bottom:11px}.operations-pane p{color:var(--muted);font-size:15px;line-height:1.6;min-height:72px}.step-controls{display:flex;align-items:center;gap:14px;margin:23px 0}.square-button{height:38px;width:38px;flex-shrink:0;border:1px solid var(--line)}.primary-button{font-size:13px;line-height:1.4;padding:10px 13px;background:var(--green);color:#182111;margin-left:auto;white-space:nowrap;font-weight:600}.primary-button span{padding-left:7px}.step-dots{display:flex;flex-wrap:wrap;gap:6px}.step-dots button{width:7px;height:7px;padding:0;background:#647466;border-radius:50%;position:relative}.step-dots button:after{content:'';position:absolute;inset:-5px}.step-dots button.active{background:var(--green)}.terminal{background:#0d100e;border:1px solid #354137;margin:20px 0 21px}.terminal-top{display:flex;justify-content:space-between;gap:12px;font:12px var(--mono);padding:11px 14px;border-bottom:1px solid #2a312c;color:var(--muted)}#console-output{margin:0;padding:17px 15px;min-height:151px;max-height:240px;overflow:auto;color:var(--green);font:12px/1.85 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}.terminal.error #console-output{color:#ffb9a9}#command-form{display:flex;border-top:1px solid var(--line);align-items:center;padding:9px 14px;gap:10px}#command-form[hidden]{display:none}#command-input{background:transparent;min-width:0;width:100%;border:0;color:var(--text);font:13px/1.8 var(--mono)}#command-input::placeholder{color:#a2afa5}#command-form button{font-size:23px;color:var(--green)}.suggestions{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.suggestions button{border:1px solid var(--line);font:12px var(--mono);padding:8px;color:var(--green)}.tree-header{display:flex;justify-content:space-between;color:var(--muted);font:12px var(--mono);margin-bottom:10px;gap:12px}.file-tree{min-height:90px;max-height:228px;overflow:auto}.tree-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:8px 10px;font:13px/1.4 var(--mono);text-align:left;color:var(--muted);border-left:2px solid transparent}.tree-row .tree-name{min-width:0;overflow-wrap:anywhere}.tree-row .tree-size{font-size:12px;white-space:nowrap;flex-shrink:0}.tree-row.selected{background:#283322;border-left-color:var(--green);color:var(--text)}.tree-row:hover{background:var(--surface-raised)}.tree-symbol{display:inline-block;margin-right:9px;color:var(--purple)}.tree-row.file .tree-symbol{color:var(--green)}.region-map{display:grid;grid-template-columns:.7fr 1.2fr 1.2fr 2.4fr;gap:4px}.region{padding:13px 5px;text-align:left;border-top:3px solid currentColor;min-width:0}.region span{display:block;font:12px var(--mono)}.region small{font:12px var(--mono);opacity:.8}.region.super{background:#303039;color:#e0dafa}.region.bitmap{background:#343027;color:#f0cd87}.region.fat{background:#2e2a3c;color:var(--purple)}.region.data{background:#273a23;color:var(--green)}.region.selected{outline:1px solid currentColor;outline-offset:2px}.region-detail{min-height:71px;font-size:12px;color:var(--muted);line-height:1.55;margin:13px 0 17px}.region-detail strong{color:var(--text);font-weight:500}.block-map-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font:12px var(--mono);color:var(--muted)}#block-range{margin-left:10px;color:var(--text)}.block-nav{display:flex;gap:8px}.block-nav button{border:1px solid var(--line);padding:3px 10px;font-size:15px}.block-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.block{min-width:0;min-height:37px;font:12px var(--mono);border:1px solid #3c473e;color:#acb8ae;background:#1d241f;position:relative}.block.directory{background:#c2b3f8;color:#201c2b;border-color:#c2b3f8}.block.file{background:var(--green);color:#1e2a16;border-color:var(--green)}.block.selected{outline:2px solid var(--text);outline-offset:2px}.block:hover{transform:translateY(-2px)}.legend{display:flex;gap:18px;flex-wrap:wrap;margin:14px 0 21px;color:var(--muted);font-size:12px}.legend>span{display:flex;align-items:center;gap:6px}.key{display:inline-block;width:8px;height:8px}.directory-key{background:var(--purple)}.file-key{background:var(--green)}.free-key{border:1px solid #809284}.storage-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin-bottom:22px;gap:16px}.storage-stats strong{font:23px/1.2 var(--mono);display:block}.storage-stats span{font-size:12px;color:var(--muted)}.inspector h4{font:16px var(--mono);overflow-wrap:anywhere;margin-top:-8px}#entry-details{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;font:12px/1.6 var(--mono);margin:15px 0}#entry-details dt{color:var(--muted)}#entry-details dd{margin:0;text-align:right;overflow-wrap:anywhere}.chain-label{font:12px var(--mono);color:var(--muted);letter-spacing:1px;margin:17px 0 9px}.fat-chain{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font:12px var(--mono)}.chain-block{border:1px solid var(--line);padding:4px 8px;color:var(--green)}.chain-end{color:var(--muted)}.model-note{font-size:12px;color:var(--muted);padding:15px 0;max-width:900px}.architecture{margin-top:78px;border-top:1px solid var(--line)}.architecture-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:30px 0 35px}.architecture-intro h3{font-size:39px;letter-spacing:-1.4px}.architecture-intro p{color:var(--muted);max-width:450px}.architecture-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.layer{display:flex;width:100%;align-items:center;gap:21px;text-align:left;padding:20px 17px;border-top:1px solid var(--line)}.layer:last-child{border-bottom:1px solid var(--line)}.layer.active{background:#24301f;border-left:2px solid var(--green);padding-left:15px}.layer-index{font:12px var(--mono);color:var(--green)}.layer strong{display:block;font-size:18px;font-weight:500;margin-bottom:3px}.layer div>span{font-size:13px;color:var(--muted)}.layer-arrow{margin-left:auto;font-size:22px;color:var(--muted)}.layer.active .layer-arrow{color:var(--green)}.layer-detail{padding:24px 0}.layer-detail .eyebrow{color:var(--green);margin-bottom:16px;display:block}.layer-detail h3{font-size:25px;letter-spacing:-.5px;margin-bottom:15px}.layer-detail p{font-size:15px;line-height:1.7;color:var(--muted)}.layer-detail pre{background:#181e19;padding:18px;border-left:2px solid var(--line);font-size:12px;line-height:1.9;color:var(--green);white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0 16px}.layer-detail a{font-size:14px}.entry-anatomy{display:grid;grid-template-columns:.85fr 1.3fr;gap:60px;margin:48px 0 0;padding:35px 0;border-top:1px solid var(--line)}.entry-anatomy .eyebrow{margin-bottom:12px}.entry-anatomy h3{font-size:23px;margin-bottom:13px}.entry-anatomy p:not(.eyebrow){font-size:14px;color:var(--muted)}.byte-strip{display:flex;gap:3px;margin:12px 0 14px}.byte-strip>span{background:#252d25;border-top:2px solid #68816b;flex:1;padding:16px 9px;font:12px/1.6 var(--mono);min-width:0;overflow-wrap:anywhere}.byte-strip>span.field-name{flex:2.7;color:var(--green);background:#293722;border-color:var(--green)}.byte-strip small{display:block;margin-top:8px;color:var(--muted);font-size:12px}.entry-anatomy p.footnote{font-size:12px}.api-section{margin-top:70px;border-top:1px solid var(--line)}.api-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:30px 0 37px}.api-number{font:12px var(--mono);color:var(--green)}.api-grid h3{font-size:23px;letter-spacing:-.6px;margin:15px 0}.api-grid code{display:block;color:var(--purple);font-size:12px;line-height:1.8;min-height:48px;overflow-wrap:anywhere}.api-grid p{color:var(--muted);font-size:14px;margin-top:18px;line-height:1.75}.boundaries{border-top:1px solid var(--line);padding:28px 0;display:grid;grid-template-columns:1fr 1.4fr;gap:15px 55px}.boundaries h3{font-size:24px;max-width:280px;line-height:1.3}.boundaries p{font-size:14px;color:var(--muted)}.boundaries a{grid-column:2;font-size:14px;color:var(--green)}.resources{margin:72px 0 62px;background:var(--green);color:#1b2715;padding:36px;display:grid;grid-template-columns:1.2fr 1fr;gap:50px}.resources .eyebrow{color:#425d31;margin-bottom:17px}.resources h2{font-size:34px;letter-spacing:-1px;max-width:400px}.resources p:not(.eyebrow){font-size:12px;color:#425d31;margin-top:23px}.resource-links{align-self:center}.resource-links a{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #739b4b;padding:14px 0;gap:16px;font-size:14px}.resource-links a:hover{color:#3e5e28}.resource-links a span{font:12px var(--mono);white-space:nowrap}footer{border-top:1px solid var(--line);padding-top:24px;padding-bottom:32px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{font-size:19px}footer>span,footer>a:last-child{font-size:12px;color:var(--muted)}.skip-link{position:fixed;left:15px;top:-80px;z-index:5;padding:10px;background:var(--green);color:#101312}.skip-link:focus{top:10px}.noscript{padding:20px;border:1px solid var(--green)}[hidden]{display:none!important}
@media(min-width:1600px){main,footer,.site-header{padding-left:60px;padding-right:60px}}
@media(max-width:1100px){.brand-note{display:none}.intro{gap:40px}.specs{gap:25px}.operations-pane,.storage-pane{padding:22px 20px}.step-controls{gap:10px}.step-dots{gap:5px}.primary-button{font-size:12px;padding:10px}.block{font-size:12px}.architecture-grid{gap:32px}.api-grid{grid-template-columns:repeat(2,1fr);gap:35px}.api-grid code{min-height:0}.byte-strip>span{padding:12px 6px}.entry-anatomy{gap:30px}.lab-label{font-size:12px}}
@media(max-width:820px){main,footer,.site-header{padding-left:5%;padding-right:5%}.intro{padding:40px 0;gap:30px}.intro h1{font-size:48px}.intro-aside>p{font-size:15px}.specs{gap:20px}.specs strong{font-size:20px}.site-header nav{gap:17px}.lab-grid{grid-template-columns:1fr}.operations-pane{border-right:0;border-bottom:1px solid var(--line)}.operations-pane p{min-height:0}.storage-pane{padding:25px}.block{min-height:42px;font-size:12px}.region-detail{min-height:40px}.region span{font-size:14px}.region small{font-size:12px}.tree-row{padding:10px}.block-grid{gap:8px}.inspector{display:block}.section-bar h2{font-size:21px}.architecture-intro,.entry-anatomy{gap:30px;grid-template-columns:1fr}.architecture-intro h3{font-size:34px}.architecture-intro p{max-width:100%}.architecture-grid{grid-template-columns:1fr;gap:10px}.layer-detail{padding:22px 12px}.resources{grid-template-columns:1fr;gap:20px}.resources h2{max-width:100%}.boundaries{gap:20px;grid-template-columns:1fr}.boundaries h3{max-width:none}.boundaries a{grid-column:1}.architecture,.api-section{margin-top:50px}.section-bar>a{font-size:12px}.entry-anatomy{margin-top:15px}.byte-strip>span{font-size:12px}}
@media(max-width:580px){.site-header{height:auto;min-height:78px;flex-wrap:wrap;padding-top:18px;padding-bottom:16px;gap:16px}.site-header nav{order:3;width:100%;justify-content:space-between;font-size:14px}.brand{font-size:23px}.source-link{padding:6px 11px}.intro{grid-template-columns:1fr;gap:26px;padding-top:34px}.intro h1{font-size:51px;letter-spacing:-2px}.eyebrow{font-size:12px;letter-spacing:1px}.intro-aside{justify-self:start;max-width:none}.intro-aside>p{font-size:16px}.specs{margin-top:21px;gap:37px}.specs strong{font-size:23px}.section-bar{flex-wrap:wrap;gap:12px}.section-bar h2{font-size:20px}.section-bar>div{gap:10px}.lab-label{display:none}.lab-toolbar{padding:10px 8px;gap:5px;flex-wrap:wrap}.mode-control{gap:2px}.mode-control button{font-size:12px;padding:9px 10px}.text-button{font-size:12px;padding:7px}.operations-pane,.storage-pane{padding:20px 15px}.operations-pane h3{font-size:23px}.operations-pane p{font-size:14px}.step-dots{gap:6px}.primary-button{font-size:12px}.primary-button span{padding-left:4px}.step-controls{gap:10px}.square-button{width:32px}.block-grid{gap:5px}.block{font-size:12px;min-height:34px}.region span{font-size:12px}.region small{font-size:9px}.region-detail{font-size:12px;min-height:58px}.storage-stats strong{font-size:24px}.model-note{font-size:12px}.api-grid{grid-template-columns:1fr;gap:26px}.api-grid article{border-bottom:1px solid var(--line);padding-bottom:23px}.api-grid h3{font-size:25px}.api-grid code{font-size:12px}.api-grid p{font-size:15px;margin-top:12px}.resources{padding:26px 22px;margin-top:42px;margin-bottom:35px}.resources h2{font-size:29px}.resource-links a{font-size:13px}.resource-links a span{font-size:12px}.byte-strip>span{font-size:12px;padding:12px 4px}.layer strong{font-size:17px}.architecture-intro{margin:20px 0 28px}.architecture-intro h3{font-size:32px}footer{flex-wrap:wrap}footer>span{order:3;width:100%}.tree-header{font-size:12px}.terminal-top{font-size:12px}.pane-label{font-size:12px}}
@media(max-width:580px){.block-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.block{min-height:38px}.region small{font-size:12px;overflow-wrap:anywhere}.step-controls{flex-wrap:wrap}.primary-button{min-height:40px}.byte-strip{flex-wrap:wrap}.byte-strip>span{flex:1 1 55px}.byte-strip>span.field-name{flex:2 1 110px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.block:hover{transform:none}}
