:root{color-scheme:dark;--bg:#0b1316;--panel:#101d21;--panel2:#15272b;--panel3:#1a3034;--line:#294044;--line-soft:#1c3034;--ink:#e7eeea;--muted:#91a5a5;--faint:#637878;--gold:#d0ae6d;--gold-light:#eed49a;--cyan:#71d0e6;--green:#7ad9a5;--red:#fa8580;--orange:#eeb66d;--sans:'Segoe UI Variable','Segoe UI',Arial,sans-serif;--display:'Segoe UI Variable Display','Segoe UI',Arial,sans-serif;--mono:'Cascadia Code',Consolas,monospace;font-family:var(--sans);background:var(--bg);color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 70% -18%,rgba(41,93,99,.24),transparent 46%),radial-gradient(ellipse at 4% 70%,rgba(145,105,48,.06),transparent 38%),var(--bg)}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.brand-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;color:#1c2118;background:var(--gold);font-weight:900}
.topbar{position:fixed;z-index:20;inset:0 0 auto 0;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 34px 0 30px;border-bottom:1px solid rgba(86,116,116,.24);background:rgba(10,19,22,.88);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:38px;height:38px}.brand>span{display:flex;flex-direction:column;gap:3px}.brand b{font:800 13px var(--display);letter-spacing:.14em;color:var(--gold-light)}.brand small{font-size:9px;color:var(--muted);letter-spacing:.24em}.top-actions{display:flex;align-items:center;gap:24px}.top-link{font-size:11px;color:var(--muted);transition:color .2s}.top-link:hover,.site-footer a:hover{color:var(--gold-light)}.release-link{color:var(--gold-light);font-weight:700}.language-switch{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:#122126;color:var(--ink);font-size:10px;font-weight:700;letter-spacing:.07em}.language-switch span{color:var(--muted)}.mobile-menu{display:none;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:8px 10px}
.sidebar{position:fixed;z-index:15;top:70px;bottom:0;left:0;width:252px;display:flex;flex-direction:column;padding:28px 17px 22px;border-right:1px solid rgba(86,116,116,.2);background:rgba(12,23,26,.88)}.sidebar-label{padding:0 14px 16px;color:var(--faint);font-size:9px;font-weight:700;letter-spacing:.2em}.sidebar nav{display:grid;flex:1;min-height:0;align-content:start;gap:17px;overflow-y:auto}.nav-group{display:grid;gap:3px}.nav-group-title{padding:0 12px 5px;color:var(--faint);font-size:9px;font-weight:800;letter-spacing:.16em}.nav-item{position:relative;display:flex;align-items:center;width:100%;min-height:35px;padding:0 12px;border:1px solid transparent;border-radius:7px;color:#8fa2a1;background:transparent;text-align:left;font-size:11px;cursor:pointer;transition:.2s}.nav-item.nav-child{min-height:31px;padding-left:24px;font-size:10px}.nav-item:hover{color:var(--ink);background:#ffffff06}.nav-item.active{color:var(--gold-light);border-color:rgba(208,174,109,.22);background:linear-gradient(95deg,rgba(208,174,109,.13),rgba(208,174,109,.025))}.nav-glow{position:absolute;left:-18px;top:7px;width:2px;height:20px;border-radius:2px;background:var(--gold);box-shadow:0 0 14px var(--gold)}.sidebar-bottom{display:flex;flex-direction:column;gap:16px;margin-top:auto;padding:16px 12px 0;border-top:1px solid var(--line-soft)}.sidebar-mark{display:flex;align-items:center;gap:9px;color:#d3ddda;font:9px var(--mono);letter-spacing:.06em}.sidebar-mark small{color:var(--faint);font-size:8px}.sidebar-bottom>a{color:var(--muted);font-size:10px}
.main-content{min-height:100vh;margin-left:252px;padding:70px 0 0}.content-wrap{max-width:1350px;margin:0 auto;padding:0 clamp(34px,5vw,78px)}.view{display:none;min-height:calc(100vh - 70px);padding:58px 0 30px;animation:appear .32s ease}.view.active{display:block}@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--gold);font-size:9px;font-weight:800;letter-spacing:.2em}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);letter-spacing:-.045em}h1{margin:17px 0 17px;font-size:clamp(43px,6vw,76px);line-height:1.01;font-weight:700}h1 em{color:var(--gold-light);font-style:normal}h2{font-size:clamp(25px,3.2vw,39px);line-height:1.1;font-weight:650}h3{font:600 16px var(--display)}p{color:#aebdbc;font-size:13px;line-height:1.75}.lead{max-width:640px;color:#b3c2bf;font-size:15px;line-height:1.8}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(310px,.95fr);align-items:center;gap:28px;min-height:390px}.hero-copy{padding:10px 0 20px}.hero-copy .lead{max-width:550px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:42px;padding:0 17px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--ink);font-size:11px;font-weight:700;cursor:pointer;transition:transform .18s,border-color .18s,background .18s}.button:hover{transform:translateY(-1px);border-color:#567276}.button.primary{border-color:#d0ae6d;background:linear-gradient(135deg,#dfbf7d,#bd9954);color:#18201a;box-shadow:0 5px 24px rgba(208,174,109,.12)}.button.primary:hover{background:var(--gold-light)}.button.ghost{background:rgba(255,255,255,.025)}.button.small{min-height:34px;font-size:10px}.hero-note{display:flex;align-items:center;gap:9px;margin-top:25px;color:var(--muted);font-size:10px}.status-dot{display:inline-block;width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(122,217,165,.54)}.hero-visual{position:relative;display:grid;place-items:center;min-height:356px;overflow:hidden}.visual-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(113,208,230,.16);border-radius:50%;transform:translate(-50%,-50%) rotate(-25deg)}.orbit-one{width:320px;height:210px}.orbit-two{width:400px;height:270px;transform:translate(-50%,-50%) rotate(35deg);border-color:rgba(208,174,109,.14)}.visual-core{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;justify-content:center;width:174px;height:174px;border:1px solid rgba(208,174,109,.35);border-radius:50%;background:radial-gradient(circle,#21383b 0,#122327 60%,#0d1b1f);box-shadow:0 0 62px rgba(78,157,165,.13),inset 0 0 36px rgba(208,174,109,.05)}.visual-core img{width:60px;height:60px;margin-bottom:11px;filter:drop-shadow(0 0 13px rgba(208,174,109,.3))}.visual-core span{font:800 10px var(--display);letter-spacing:.14em;color:var(--gold-light)}.visual-core small{margin-top:5px;color:var(--faint);font:8px var(--mono);letter-spacing:.09em}.float-tag{position:absolute;z-index:2;padding:9px 12px;border:1px solid rgba(86,116,116,.4);border-radius:7px;background:rgba(15,30,33,.93);box-shadow:0 10px 26px #0004;color:#b6c4c0;font-size:9px}.float-tag b{margin-right:6px;color:var(--gold);font:10px var(--mono)}.tag-top{top:27px;left:19%}.tag-right{right:2%;top:46%}.tag-bottom{bottom:24px;left:31%}
.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:11px 0 54px}.audience-card{display:flex;align-items:center;gap:12px;min-height:82px;padding:14px;border:1px solid var(--line-soft);border-radius:9px;background:linear-gradient(145deg,rgba(23,42,45,.72),rgba(15,28,31,.75));text-align:left;cursor:pointer;transition:.2s}.audience-card:hover,.path-cards button:hover{border-color:rgba(208,174,109,.38);transform:translateY(-2px)}.audience-icon{display:grid;place-items:center;width:35px;height:35px;flex:0 0 auto;border:1px solid rgba(113,208,230,.2);border-radius:9px;color:var(--cyan);font-size:17px}.audience-card>span:nth-child(2){display:flex;flex-direction:column;gap:5px}.audience-card b{font-size:11px}.audience-card small{color:var(--muted);font-size:9px;line-height:1.5}.audience-card>i{margin-left:auto;color:var(--gold);font-style:normal}.feature-band{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center;padding:33px;border:1px solid rgba(208,174,109,.2);border-radius:11px;background:radial-gradient(ellipse at 2% 8%,rgba(208,174,109,.09),transparent 54%),linear-gradient(120deg,#152428,#101c1f);box-shadow:0 20px 60px #0002}.feature-band h2{margin:14px 0;font-size:31px}.feature-band p{max-width:370px;font-size:12px}.text-link{display:inline-flex;gap:12px;align-items:center;margin-top:9px;padding:0;border:0;color:var(--gold-light);background:none;font-size:11px;font-weight:700;cursor:pointer}.quick-steps{display:grid;gap:0}.quick-steps article{display:flex;align-items:center;gap:16px;padding:15px 9px;border-bottom:1px solid var(--line-soft)}.quick-steps article:last-child{border-bottom:0}.quick-steps article>b{color:var(--gold);font:11px var(--mono)}.quick-steps article>div{display:grid;gap:5px}.quick-steps strong{font-size:11px}.quick-steps small{color:var(--muted);font-size:10px}.showcase{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:36px;margin:72px 0}.showcase-copy h2{margin:13px 0}.screenshot-frame{margin:0;padding:8px;border:1px solid #2c4448;border-radius:10px;background:#101b1e;box-shadow:0 22px 54px #0004}.screenshot-frame img{display:block;width:100%;border-radius:5px}.screenshot-frame figcaption{padding:9px 5px 2px;color:var(--muted);font-size:9px}.path-section{padding:0 0 24px}.path-section>h2{margin:12px 0 20px}.path-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.path-cards button{display:flex;align-items:flex-start;flex-direction:column;min-height:157px;padding:18px;border:1px solid var(--line-soft);border-radius:9px;background:#111f22;text-align:left;cursor:pointer;transition:.2s}.path-cards button>b{margin-bottom:17px;color:var(--gold);font:9px var(--mono);letter-spacing:.06em}.path-cards button>strong{font:650 15px var(--display)}.path-cards button>small{margin-top:7px;color:var(--muted);font-size:10px;line-height:1.5}.path-cards button>span{margin-top:auto;padding-top:14px;color:var(--cyan);font-size:9px}
.page-intro{max-width:810px;margin-bottom:28px}.page-intro h1{font-size:clamp(38px,5.1vw,61px)}.page-intro .lead{max-width:720px}.callout{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:start;margin:20px 0;padding:16px 18px;border:1px solid rgba(113,208,230,.2);border-radius:8px;background:rgba(52,119,132,.07)}.callout>b{color:var(--cyan);font-size:10px}.callout span{color:#aebfbd;font-size:11px;line-height:1.7}.callout.warning{border-color:rgba(238,182,109,.22);background:rgba(161,111,46,.065)}.callout.warning>b{color:var(--orange)}code,pre,kbd{font-family:var(--mono)}:not(pre)>code{padding:2px 4px;border:1px solid rgba(91,120,120,.14);border-radius:4px;color:#b7dce0;background:rgba(113,208,230,.055);font-size:.92em}.step-list{display:grid;gap:0;margin:23px 0 36px}.step-list>article,.lesson-step{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:23px 3px 24px;border-bottom:1px solid var(--line-soft)}.step-num{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(208,174,109,.29);border-radius:50%;color:var(--gold-light);background:rgba(208,174,109,.07);font:11px var(--mono)}.step-list h2,.lesson-step h2{margin:3px 0 9px;font-size:19px;letter-spacing:-.02em}.step-list p,.lesson-step p{max-width:760px;margin:7px 0 12px;font-size:12px}.folder-tree{display:grid;gap:5px;max-width:510px;margin:14px 0;padding:13px 16px;border:1px solid var(--line-soft);border-radius:7px;background:#0b171a;color:#c6d4d0;font:10px var(--mono)}.tree-child{padding-left:17px;color:var(--cyan)}.tree-grandchild{padding-left:39px;color:#90aaaa}.folder-tree em{color:var(--muted);font-style:normal}.muted{color:var(--muted)!important}.key-row{display:flex;gap:10px;margin:14px 0}.key-row>span{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--line-soft);border-radius:6px}.key-row small{color:var(--muted);font-size:9px}kbd{padding:4px 7px;border:1px solid #41585a;border-bottom-width:2px;border-radius:4px;color:var(--gold-light);background:#16262a;font-size:10px}.command{display:block;margin-top:9px;padding:10px 12px;border-radius:5px;background:#0c1719;color:var(--gold-light);font:10px var(--mono)}.next-panel{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:37px 0 20px;padding:22px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(115deg,#142529,#101b1e)}.next-panel h2{margin:9px 0;font-size:20px;letter-spacing:-.02em}.next-panel p{max-width:670px;margin-bottom:0;font-size:11px}.next-panel .button{flex:0 0 auto}
.flow-card{display:flex;align-items:stretch;gap:11px;margin:28px 0;padding:15px;border:1px solid rgba(113,208,230,.17);border-radius:9px;background:linear-gradient(110deg,rgba(113,208,230,.045),rgba(208,174,109,.035))}.flow-card>i{display:grid;place-items:center;color:var(--gold);font-style:normal}.flow-node{display:flex;flex:1;flex-direction:column;gap:7px;padding:14px 12px;border:1px solid var(--line-soft);border-radius:7px;background:rgba(13,25,28,.76)}.flow-node>b{color:var(--gold);font:10px var(--mono)}.flow-node strong{font-size:11px}.flow-node small{color:var(--muted);font-size:9px}.concept-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0 38px}.concept-grid article{min-height:151px;padding:20px;border:1px solid var(--line-soft);border-radius:8px;background:#101d20}.concept-grid article>span{color:var(--gold);font:9px var(--mono);letter-spacing:.09em}.concept-grid h2{margin:13px 0 8px;font-size:18px;letter-spacing:-.02em}.concept-grid p{margin:0;font-size:11px}.section-title{margin:34px 0 16px;font-size:22px;letter-spacing:-.025em}.data-table{overflow:hidden;border:1px solid var(--line);border-radius:8px}.data-table>div{display:grid;grid-template-columns:minmax(250px,.8fr) 1.2fr;gap:20px;padding:12px 15px;border-bottom:1px solid var(--line-soft);background:#101c1f}.data-table>div:nth-child(even){background:#122125}.data-table>div:last-child{border:0}.data-table code{color:#b9dce0;font-size:10px}.data-table span{color:var(--muted);font-size:10px}
.lesson-meta{display:flex;gap:21px;margin:23px 0 15px;padding:12px 14px;border:1px solid var(--line-soft);border-radius:7px;background:#101d20}.lesson-meta span{color:var(--faint);font:9px var(--mono)}.lesson-meta b{margin-left:6px;color:#c3cfcb;font:10px var(--sans)}.lesson-step{grid-template-columns:49px 1fr;padding:22px 0}.lesson-step pre,.page-intro+pre,pre{max-width:100%;overflow:auto;margin:14px 0;padding:15px 17px;border:1px solid var(--line-soft);border-radius:7px;background:#0b1719;color:#d2e2dc;font:10px/1.75 var(--mono);tab-size:2}.lesson-step pre code,pre code{font:inherit}.lesson-step .callout{margin:16px 0}.manifest-compare{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:25px 0 43px}.manifest-compare article{padding:22px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(145deg,#142428,#101c20)}.file-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(113,208,230,.26);border-radius:8px;color:var(--cyan);font:11px var(--mono)}.file-icon.gold{border-color:rgba(208,174,109,.3);color:var(--gold)}.manifest-compare h2{margin:15px 0 7px;font-size:20px;letter-spacing:-.02em}.manifest-compare p,.manifest-compare li{font-size:11px}.manifest-compare ul{display:grid;gap:7px;margin:16px 0 0;padding-left:17px;color:var(--muted)}.studio-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:36px 0 17px}.studio-intro h2{margin:9px 0;font-size:26px}.studio-intro p{max-width:700px;margin:0;font-size:11px}.studio-badge{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:9px 11px;border:1px solid var(--line-soft);border-radius:6px;color:var(--muted);font-size:9px}.studio-badge .status-dot{width:6px;height:6px}.studio{display:grid;grid-template-columns:1fr .9fr;min-height:550px;overflow:hidden;border:1px solid #2b4145;border-radius:10px;background:#101c1f;box-shadow:0 19px 50px #0003}.editor-pane{display:flex;flex-direction:column;min-width:0;padding:15px;border-right:1px solid var(--line)}.studio-tabs{display:flex;gap:4px;padding-bottom:12px;border-bottom:1px solid var(--line-soft)}.studio-tabs button{padding:8px 11px;border:1px solid transparent;border-radius:5px;color:var(--muted);background:transparent;font:9px var(--mono);cursor:pointer}.studio-tabs button.active{border-color:rgba(208,174,109,.22);color:var(--gold-light);background:rgba(208,174,109,.08)}.editor-label{display:flex;justify-content:space-between;align-items:center;margin:13px 0 8px;color:var(--faint);font:8px var(--mono);letter-spacing:.1em}.reset-button{border:0;color:var(--cyan);background:transparent;font:8px var(--sans);cursor:pointer}#manifest-editor{width:100%;min-height:360px;flex:1;resize:vertical;padding:14px;border:1px solid var(--line-soft);border-radius:6px;outline:none;color:#cbe3df;background:#0a1518;font:10px/1.7 var(--mono);tab-size:2}#manifest-editor:focus{border-color:rgba(113,208,230,.42);box-shadow:0 0 0 2px rgba(113,208,230,.06)}.validation{display:flex;align-items:flex-start;gap:7px;min-height:32px;padding:10px 2px 0;color:var(--green);font-size:9px}.validation>span{font-weight:800}.validation small{color:var(--orange)}.validation.error{color:var(--red)}.preview-pane{min-width:0;padding:15px;background:radial-gradient(ellipse at 65% 0,rgba(54,110,119,.11),transparent 54%),#0d191c}.preview-top{display:flex;align-items:center;justify-content:space-between;padding:2px 1px 13px;border-bottom:1px solid var(--line-soft);color:var(--faint);font:8px var(--mono);letter-spacing:.09em}.preview-mode{display:flex;align-items:center;gap:6px;color:var(--green)}.preview-mode i{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green)}.mod-preview{max-width:510px;margin:18px auto 0;padding:17px;border:1px solid #2a4144;border-radius:8px;background:linear-gradient(150deg,#152529,#111e21);box-shadow:0 14px 32px #0003}.mock-mod-head{display:flex;align-items:center;gap:11px}.mock-avatar{display:grid;place-items:center;width:39px;height:39px;flex:0 0 auto;border:1px solid rgba(208,174,109,.26);border-radius:9px;color:var(--gold-light);background:rgba(208,174,109,.1);font:700 12px var(--display)}.mock-title{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}.mock-title strong{overflow:hidden;color:#e6eeea;font:650 12px var(--display);text-overflow:ellipsis;white-space:nowrap}.mock-title small{overflow:hidden;color:var(--muted);font:8px var(--mono);text-overflow:ellipsis;white-space:nowrap}.switch{position:relative;display:inline-flex;width:32px;height:18px;flex:0 0 auto}.switch input{position:absolute;opacity:0}.switch i{position:absolute;inset:0;border:1px solid #405558;border-radius:20px;background:#253538;transition:.18s}.switch i:before{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#879995;content:"";transition:.18s}.switch input:checked+i{border-color:rgba(122,217,165,.55);background:rgba(122,217,165,.17)}.switch input:checked+i:before{left:16px;background:var(--green)}.mock-description{margin:13px 0;color:#9db1ae;font-size:10px;line-height:1.6}.mock-divider{height:1px;margin:14px 0;background:var(--line-soft)}.mock-section-title{display:flex;justify-content:space-between;margin-bottom:6px;color:#748b8b;font:8px var(--mono);letter-spacing:.11em}.mock-section-title span{color:var(--gold)}.mock-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:9px 0;border-bottom:1px solid rgba(41,64,68,.6)}.mock-setting-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}.mock-setting-copy>b{color:#d4dfdb;font-size:10px}.mock-setting-copy>small{color:#7f9695;font-size:8px;line-height:1.4}.mock-control{display:flex;align-items:center;justify-content:flex-end;max-width:56%}.mock-slider{display:flex;align-items:center;gap:8px}.mock-slider input{width:82px;accent-color:var(--gold)}.mock-slider output{min-width:25px;color:var(--gold-light);font:9px var(--mono)}.mock-control select,.mock-input,.mock-control textarea{max-width:125px;padding:6px 8px;border:1px solid #31494c;border-radius:4px;color:#b9cac6;background:#0d191c;font-size:9px}.mock-control textarea{height:40px}.mock-control input[type=color]{width:28px;height:22px;border:0;background:transparent}.mock-key{padding:5px 9px;border:1px solid var(--line);border-radius:4px;color:var(--gold-light);background:#18292c;font:9px var(--mono)}.mock-footer{display:flex;align-items:center;gap:7px;margin-top:15px;color:var(--faint);font-size:8px}.mock-footer .status-dot{width:5px;height:5px}.preview-empty{padding:25px 10px;text-align:center;color:var(--muted);font-size:10px}.preview-error{display:grid;place-items:center;gap:8px;min-height:250px;color:var(--orange);text-align:center}.preview-error>span{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(238,182,109,.3);border-radius:50%}.preview-error b{font-size:12px}.preview-error small{max-width:220px;color:var(--muted);font-size:9px;line-height:1.6}
.compat-grid{display:grid;gap:10px;margin:26px 0 20px}.compat-card{display:grid;grid-template-columns:35px 1fr auto;align-items:start;gap:13px;padding:17px;border:1px solid var(--line-soft);border-radius:8px;background:#101d20}.compat-icon{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(122,217,165,.24);border-radius:8px;color:var(--green);background:rgba(122,217,165,.07)}.compat-icon.gold{color:var(--gold);border-color:rgba(208,174,109,.22);background:rgba(208,174,109,.06)}.compat-icon.blue{color:var(--cyan);border-color:rgba(113,208,230,.22);background:rgba(113,208,230,.06)}.compat-card>div>b{color:var(--faint);font:8px var(--mono);letter-spacing:.1em}.compat-card h2{margin:5px 0;font-size:16px;letter-spacing:-.02em}.compat-card p{margin:0;font-size:10px}.pill{padding:5px 8px;border:1px solid var(--line);border-radius:20px;color:var(--muted);font:8px var(--mono)}.pill.green{border-color:rgba(122,217,165,.23);color:var(--green)}.pill.blue{border-color:rgba(113,208,230,.23);color:var(--cyan)}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.report-grid article{padding:17px;border:1px solid var(--line-soft);border-radius:8px;background:#101c20}.report-grid article>b{color:var(--gold);font:10px var(--mono)}.report-grid h3{margin:12px 0 6px;font-size:13px}.report-grid p{margin:0;font-size:10px}
.catalog-meta{display:flex;align-items:center;gap:9px;margin:20px 0 13px;padding:10px 12px;border:1px solid var(--line-soft);border-radius:6px;background:#101d20;color:var(--muted);font-size:9px}.catalog-meta .status-dot{width:6px;height:6px}.catalog-meta.failed .status-dot{background:var(--red);box-shadow:0 0 8px var(--red)}.catalog-version{margin-left:auto;color:var(--faint);font:9px var(--mono)}.catalog-tabs{display:flex;gap:4px;margin:17px 0 14px;padding-bottom:10px;border-bottom:1px solid var(--line)}.catalog-tabs button,.catalog-switch button{padding:8px 11px;border:1px solid transparent;border-radius:5px;color:var(--muted);background:transparent;font-size:10px;cursor:pointer}.catalog-tabs button.active,.catalog-switch button.active{border-color:rgba(208,174,109,.23);color:var(--gold-light);background:rgba(208,174,109,.07)}.catalog-section.hidden{display:none}.catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:13px;margin:12px 0}.catalog-tools>p{margin:0;font-size:10px}.catalog-tools input{width:min(390px,52%);height:37px;padding:0 11px;border:1px solid var(--line);border-radius:5px;outline:0;color:var(--ink);background:#0e1a1d;font-size:10px}.catalog-tools input:focus{border-color:rgba(113,208,230,.55)}.catalog-switch{display:flex;gap:3px}.catalog-switch button{padding:7px 9px;font-size:9px}.catalog-results{display:grid;gap:6px}.api-result{overflow:hidden;border:1px solid var(--line-soft);border-radius:6px;background:#101c20}.api-result summary{display:flex;align-items:center;gap:12px;padding:11px 13px;cursor:pointer;list-style:none}.api-result summary::-webkit-details-marker{display:none}.api-result summary>code{flex:1;overflow-wrap:anywhere;color:#a8d9e0;font:10px var(--mono)}.api-result summary>span{color:var(--faint);font:8px var(--mono)}.api-result summary>i{color:var(--gold);font-style:normal}.api-detail{padding:12px 14px;border-top:1px solid var(--line-soft)}.api-detail pre{margin:0 0 10px;padding:10px;font-size:9px}.api-detail p{font-size:10px}.api-detail h4{margin:12px 0 6px;color:var(--muted);font:9px var(--sans)}.api-detail>small{color:var(--faint);font-size:8px}.api-mini-table>div,.type-field{display:grid;grid-template-columns:minmax(120px,.6fr) minmax(120px,.7fr) 1fr;gap:10px;padding:7px 3px;border-bottom:1px solid var(--line-soft);font-size:9px}.api-mini-table code,.type-field code{color:#b1d8dd;font:9px var(--mono);overflow-wrap:anywhere}.api-mini-table span,.type-field span{color:#9dacaa;overflow-wrap:anywhere}.api-mini-table small,.type-field small{color:var(--muted);font-size:8px}.type-meta{margin-bottom:8px;color:var(--muted);font-size:9px}.type-field{grid-template-columns:1fr 1fr 55px}.empty-results{padding:38px 12px;border:1px dashed var(--line);border-radius:6px;color:var(--muted);text-align:center;font-size:10px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 0 27px;border-top:1px solid var(--line-soft);color:var(--faint);font:8px var(--mono);letter-spacing:.05em}.site-footer span:last-child{display:flex;gap:11px}.site-footer a{color:var(--muted);transition:color .2s}.site-footer b{font-weight:400;color:#425b5d}
@media(max-width:1150px){.content-wrap{padding:0 34px}.hero-grid{grid-template-columns:1.05fr .8fr}.hero-visual{min-height:310px}.orbit-one{width:270px}.orbit-two{width:330px}.visual-core{width:150px;height:150px}.studio{grid-template-columns:1fr 1fr}.studio-intro{align-items:flex-start;flex-direction:column;gap:13px}}
@media(max-width:850px){.topbar{height:62px;padding:0 18px}.sidebar{top:62px;width:230px;transform:translateX(-101%);transition:transform .2s;box-shadow:15px 0 40px #0004}.sidebar.open{transform:translateX(0)}.mobile-menu{display:block}.top-actions{gap:12px}.top-link{display:none}.main-content{margin-left:0;padding-top:62px}.content-wrap{padding:0 26px}.view{min-height:calc(100vh - 62px);padding-top:42px}.hero-grid{grid-template-columns:1fr .8fr;gap:0}.hero-visual{min-height:280px}.audience-grid{margin-bottom:40px}.flow-card{flex-wrap:wrap}.flow-node{min-width:35%}.flow-card>i{min-width:15px}.showcase{gap:20px}.studio{grid-template-columns:1fr}.editor-pane{border-right:0;border-bottom:1px solid var(--line)}#manifest-editor{min-height:290px}.preview-pane{min-height:430px}}
@media(max-width:600px){.topbar{padding:0 13px}.brand img{width:33px;height:33px}.brand b{font-size:11px}.brand small{font-size:8px}.top-actions{gap:8px}.release-link{display:none}.language-switch{padding:8px 9px}.content-wrap{padding:0 17px}.view{padding-top:32px}.hero-grid{display:block;min-height:auto}.hero-copy{padding:15px 0 0}.hero-copy h1{font-size:54px}.hero-visual{min-height:265px;margin-top:3px}.orbit-one{width:255px;height:170px}.orbit-two{width:300px;height:215px}.visual-core{width:136px;height:136px}.visual-core img{width:48px;height:48px}.tag-top{left:10%;top:16px}.tag-right{right:1%;top:43%}.tag-bottom{bottom:14px;left:23%}.audience-grid{grid-template-columns:1fr;gap:7px;margin:7px 0 36px}.audience-card{min-height:68px}.feature-band{grid-template-columns:1fr;gap:14px;padding:21px}.feature-band h2{font-size:27px}.showcase{grid-template-columns:1fr;gap:15px;margin:46px 0}.showcase-copy h2{font-size:30px}.path-cards{grid-template-columns:1fr}.path-cards button{min-height:135px}.path-cards button>b{margin-bottom:12px}.page-intro h1{font-size:40px}.page-intro .lead{font-size:13px}.callout{grid-template-columns:1fr;gap:7px;padding:13px}.step-list>article,.lesson-step{grid-template-columns:39px 1fr;gap:11px}.step-num{width:32px;height:32px;font-size:9px}.step-list h2,.lesson-step h2{font-size:17px}.step-list p,.lesson-step p{font-size:11px}.flow-card{display:grid;grid-template-columns:1fr 20px 1fr;gap:7px;padding:9px}.flow-node{min-width:0;padding:11px 8px}.flow-node small{font-size:8px}.flow-card>i{font-size:12px}.concept-grid,.manifest-compare{grid-template-columns:1fr}.concept-grid article{min-height:auto}.data-table>div{grid-template-columns:1fr;gap:5px}.data-table code{font-size:9px}.lesson-meta{flex-wrap:wrap;gap:10px}.next-panel{align-items:flex-start;flex-direction:column;padding:17px}.next-panel .button{width:100%}.studio-intro h2{font-size:22px}.studio{min-height:auto}.editor-pane{padding:11px}#manifest-editor{min-height:260px;font-size:9px}.preview-pane{padding:11px}.mod-preview{padding:13px}.mock-setting{gap:8px}.mock-slider input{width:60px}.compat-card{grid-template-columns:31px 1fr}.compat-card .pill{grid-column:2;justify-self:start}.report-grid{grid-template-columns:1fr}.report-grid article{padding:14px}.catalog-tabs{overflow-x:auto}.catalog-tabs button{white-space:nowrap}.catalog-tools{align-items:stretch;flex-direction:column}.catalog-tools input{width:100%}.catalog-switch{overflow-x:auto}.catalog-switch button{white-space:nowrap}.api-result summary{padding:10px}.api-result summary>span{display:none}.api-mini-table>div{grid-template-columns:1fr 1fr}.api-mini-table small{grid-column:1/-1}.type-field{grid-template-columns:1fr 1fr}.type-field small{grid-column:2}.site-footer{align-items:flex-start;flex-direction:column}.site-footer span:last-child{gap:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.builder-tools{margin:12px 0 10px;padding:12px;border:1px solid var(--line-soft);border-radius:7px;background:#0d191c}.builder-heading{display:flex;flex-direction:column;gap:5px;margin:9px 0;color:#d1ded9;font-size:10px}.builder-heading small,.builder-grid label small{color:var(--muted);font-size:8px;line-height:1.5}.builder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:10px 0}.builder-grid>label{display:flex;min-width:0;flex-direction:column;gap:5px;color:#b2c2be;font-size:9px}.builder-grid input:not([type=checkbox]),.builder-grid select,.builder-grid textarea,.badge-row>input{width:100%;min-width:0;padding:7px 8px;border:1px solid #31494c;border-radius:4px;color:#d2e2dc;background:#0a1518;font:9px var(--sans)}.builder-grid textarea{min-height:55px;resize:vertical}.builder-wide{grid-column:1/-1}.builder-tools [hidden],.builder-tools>*[hidden]{display:none!important}.builder-advanced{margin:9px 0;padding:9px;border:1px solid var(--line-soft);border-radius:5px;color:var(--muted);font-size:9px}.builder-advanced summary{cursor:pointer;color:var(--cyan)}.badge-heading{margin-top:17px}.badge-builder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.badge-row{display:flex;min-width:0;flex-direction:column;gap:6px;padding:8px;border:1px solid var(--line-soft);border-radius:5px;background:#101d20}.badge-row>span{display:flex;align-items:center;gap:6px;min-width:0}.badge-row>span>label{display:flex;align-items:center;gap:5px;min-width:0}.badge-row>span>label input[type=checkbox],.capability-picker input[type=checkbox],.dependency-fields input[type=checkbox]{width:auto;flex:0 0 auto;margin:0;padding:0}.badge-row b{font-size:9px;color:#cad8d4}.badge-row small{margin-left:19px;color:var(--faint);font:7px var(--mono)}.badge-row input[type=checkbox],.capability-picker input{accent-color:var(--gold)}.badge-row>input{font-size:8px}.badge-row>input:disabled{opacity:.4}.capability-picker{display:grid;grid-template-columns:1fr;gap:8px;padding:8px;border:1px solid var(--line-soft);border-radius:4px;background:#0a1518}.capability-picker label{display:flex;align-items:center;gap:6px;min-width:0;font-size:9px}.builder-extras{margin-top:13px;padding-top:9px;border-top:1px solid var(--line-soft)}.mock-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.mock-badge{padding:5px 7px;border:1px solid var(--line);border-radius:4px;color:var(--cyan);font-size:8px;text-decoration:none}.mock-changelog{margin-top:13px;padding:10px;border-radius:5px;background:#0d191c}.mock-changelog>b{color:var(--faint);font:8px var(--mono);letter-spacing:.08em}.mock-changelog ul{display:grid;gap:5px;margin:7px 0 0;padding-left:15px;color:#9db1ae;font-size:8px}.mock-multiselect{display:grid;gap:5px}.mock-multiselect label{display:flex;align-items:center;gap:5px;color:#b9cac6;font-size:8px}.mock-multiselect input{accent-color:var(--gold)}.mock-key.primary{border-color:#8f774b;background:#4a3e28}.mock-key.danger{border-color:#80514b;color:#f09a8b;background:#382321}@media(max-width:600px){.builder-grid,.badge-builder{grid-template-columns:1fr}.builder-wide{grid-column:auto}}
.dependency-builder{padding:9px;border:1px solid var(--line-soft);border-radius:5px;background:#0a1518}.dependency-builder>b{color:#bdcbc7;font-size:9px}.dependency-fields{display:grid;grid-template-columns:1fr;align-items:stretch;gap:7px;margin-top:7px}.dependency-fields input:not([type=checkbox]){min-width:0;padding:7px;border:1px solid #31494c;border-radius:4px;color:#d2e2dc;background:#101c1f;font-size:8px}.dependency-fields label{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:8px}.dependency-fields input[type=checkbox]{accent-color:var(--gold)}@media(max-width:600px){.dependency-fields{grid-template-columns:1fr}.dependency-fields .button{grid-column:1/-1;width:100%}}
.editor-actions{display:flex;align-items:center;gap:8px}.mock-group{margin:10px 0;padding:9px;border:1px solid rgba(41,64,68,.6);border-radius:5px;background:rgba(10,21,24,.3)}.mock-group>header{display:grid;gap:4px;margin-bottom:5px}.mock-group>header b{color:var(--gold-light);font-size:9px}.mock-group>header small{color:var(--muted);font-size:8px}.mock-choices{display:flex;flex-wrap:wrap;gap:4px}.mock-choice{padding:5px 7px;border:1px solid #31494c;border-radius:4px;color:#aebfbb;background:#0d191c;font-size:8px}.mock-choice.active{border-color:#8f774b;color:var(--gold-light);background:#3d3526}.mock-authors{display:block;margin-top:-7px;color:var(--faint);font-size:8px}.mock-keybind{text-align:center;width:70px}@media(max-width:600px){.editor-actions{gap:4px}.editor-actions .reset-button{font-size:7px}}
.template-note{margin:10px 0;padding:9px 11px;border:1px solid rgba(122,217,165,.18);border-radius:5px;color:#a9beb7;background:rgba(122,217,165,.04);font-size:9px;line-height:1.55}.template-note code{color:var(--gold-light)}.template-note b{color:#e0e9e4}
.setting-bridge{margin:36px 0;padding:22px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(145deg,#142428,#101b1f)}.setting-bridge h2{margin:8px 0;font-size:24px}.setting-bridge>p{max-width:780px;font-size:11px;line-height:1.65}.bridge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:18px 0}.bridge-grid article{min-width:0;padding:14px;border:1px solid var(--line-soft);border-radius:7px;background:#0b1719}.bridge-grid article>b{color:var(--gold-light);font-size:10px}.bridge-grid article>p{font-size:10px;line-height:1.6}.bridge-grid pre{max-width:100%;margin:12px 0 0;overflow:auto}.setting-bridge .callout{margin:15px 0}.setting-bridge>.muted{font-size:9px;line-height:1.6}@media(max-width:700px){.bridge-grid{grid-template-columns:1fr}.setting-bridge{padding:15px}}
.process-map,.file-map{margin:25px 0;padding:20px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,#122226,#0d181b)}.map-heading>span{color:var(--gold);font:8px var(--mono);letter-spacing:.17em}.map-heading h2{margin:7px 0;font-size:20px}.map-heading p{margin:0;color:var(--muted);font-size:11px}.map-row{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr);align-items:stretch;gap:8px;margin-top:18px}.map-card,.map-branches article{padding:14px;border:1px solid var(--line-soft);border-radius:8px;background:#0b1719}.map-card>b,.map-result>b{display:block;color:var(--gold);font:8px var(--mono);letter-spacing:.1em}.map-card strong{display:block;margin:8px 0;color:var(--ink);font-size:12px}.map-card small{display:block;color:var(--muted);font-size:10px;line-height:1.55}.map-card code,.setting-flow code,.file-map-row code{color:var(--cyan);font:9px var(--mono)}.map-arrow{display:grid;place-items:center;color:var(--gold);font-size:20px}.map-branches{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.map-branches article{border-top:2px solid var(--orange)}.map-branches article:has(.branch-tag.live){border-top-color:var(--green)}.branch-tag{color:var(--orange);font:8px var(--mono);letter-spacing:.1em}.branch-tag.live{color:var(--green)}.map-branches h3{margin:7px 0;font-size:13px}.map-branches p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.map-result{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 14px;border-radius:7px;background:#17292c;color:var(--muted);font-size:10px}.map-result>b{margin-right:auto}.map-result kbd{margin-right:5px}.file-map{margin:20px 0}.file-map-row{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr;align-items:center;gap:9px;margin-top:16px}.file-map-row article{display:flex;min-height:112px;flex-direction:column;gap:7px;padding:13px;border:1px solid var(--line-soft);border-radius:8px;background:#0b1719}.file-map-row article>b{font-size:12px}.file-map-row article>small{color:var(--muted);font-size:10px;line-height:1.5}.file-map-row>span{color:var(--gold);font-size:19px;text-align:center}.file-map-end{margin-top:12px;padding:12px;border:1px solid rgba(113,208,230,.15);border-radius:7px;color:var(--cyan);background:rgba(113,208,230,.04);font-size:10px;text-align:center}.setting-flow{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr);align-items:center;gap:6px;margin:17px 0;padding:13px;border:1px solid var(--line-soft);border-radius:8px;background:#0b1719}.setting-flow>div{display:flex;min-height:67px;flex-direction:column;justify-content:center;gap:7px;padding:9px;border-radius:6px;background:#142428}.setting-flow b{color:var(--gold);font:8px var(--mono);letter-spacing:.07em}.setting-flow small{color:var(--muted);font-size:9px;line-height:1.4}.setting-flow>span{color:var(--cyan);text-align:center;font-size:16px}
@media(max-width:760px){.process-map,.file-map{padding:14px}.map-row{grid-template-columns:1fr;gap:5px}.map-arrow{transform:rotate(90deg);font-size:17px}.file-map-row{grid-template-columns:1fr;gap:6px}.file-map-row>span{transform:rotate(90deg)}.setting-flow{grid-template-columns:1fr;gap:4px}.setting-flow>div{min-height:55px}.setting-flow>span{transform:rotate(90deg)}}
.system-map{margin:25px 0;padding:20px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,#111f22,#0c171a)}.system-hub{display:flex;max-width:380px;flex-direction:column;gap:6px;margin:17px auto;padding:15px;border:1px solid rgba(208,174,109,.35);border-radius:9px;background:#18292c;text-align:center}.system-hub>b{color:var(--gold-light);font:10px var(--mono);letter-spacing:.14em}.system-hub>span{color:var(--muted);font-size:10px}.system-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.system-cards article{display:flex;min-height:95px;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line-soft);border-radius:7px;background:#0b1719}.system-cards b,.system-foundation>b{color:var(--cyan);font:8px var(--mono);letter-spacing:.06em}.system-cards span{color:var(--muted);font-size:9px;line-height:1.5}.system-foundation{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:10px;padding:11px;border-radius:7px;background:#17272a;color:var(--muted);font-size:9px}.system-foundation>b{margin-right:5px;color:var(--gold)}.system-foundation i{color:var(--faint);font-style:normal}@media(max-width:850px){.system-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.system-cards article:last-child{grid-column:1/-1}}@media(max-width:600px){.system-map{padding:14px}.system-cards{grid-template-columns:1fr}.system-cards article:last-child{grid-column:auto}.system-foundation{align-items:flex-start;flex-direction:column}.system-foundation i{display:none}}

/* Documentation readability and manifest studio */
.content-wrap,.view,.step-list>article,.lesson-step,.callout,.data-table,.api-result,.api-detail,.studio,.preview-pane,.editor-pane{min-width:0}
p,li,small,span,strong,b,code{overflow-wrap:anywhere}
pre{white-space:pre;overflow-x:auto;overscroll-behavior-inline:contain;max-width:100%}
.command{max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap}
.studio{grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);align-items:stretch;overflow:visible}
.editor-pane{border-right:1px solid var(--line)}
.builder-tools{max-height:min(66vh,760px);overflow:auto;overscroll-behavior:contain}
.preview-pane{border-radius:0 10px 10px 0}
.preview-footnote{margin:13px 3px 0;color:var(--faint);font-size:9px;line-height:1.55}
.json-workbench{margin:13px 0 34px;padding:17px;border:1px solid #2b4145;border-radius:10px;background:#101c1f;box-shadow:0 19px 50px #0003}
.workbench-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:12px}
.workbench-heading h3{margin:8px 0 5px;font-size:19px}.workbench-heading p{margin:0;font-size:10px}
.json-panes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.json-file{min-width:0;padding:11px;border:1px solid var(--line-soft);border-radius:7px;background:#0d191c}
.json-file .editor-label{gap:7px;flex-wrap:wrap}.editor-actions{display:flex;flex-wrap:wrap;gap:9px}
#manifest-editor,#extended-editor{display:block;width:100%;min-width:0;min-height:300px;resize:vertical;padding:13px;border:1px solid var(--line-soft);border-radius:6px;outline:none;color:#cbe3df;background:#091416;font:10px/1.7 var(--mono);tab-size:2;white-space:pre;overflow:auto}
#manifest-editor:focus,#extended-editor:focus{border-color:rgba(113,208,230,.42);box-shadow:0 0 0 2px rgba(113,208,230,.06)}
.code-block{max-width:100%;margin:14px 0;border:1px solid var(--line-soft);border-radius:7px;overflow:hidden;background:#0b1719}
.code-block-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 11px;border-bottom:1px solid var(--line-soft);color:var(--faint);font:8px var(--mono);letter-spacing:.09em}
.code-block pre{margin:0;border:0;border-radius:0}
.copy-code{padding:5px 8px;border:1px solid var(--line);border-radius:4px;font-size:9px}
.command-copy{display:flex;align-items:flex-start;gap:10px;max-width:100%;margin-top:9px;padding:8px 10px;border:1px solid var(--line-soft);border-radius:6px;background:#0c1719}
.command-copy .command{flex:1;min-width:0;margin:0;padding:2px 0;background:none;white-space:pre-wrap;overflow-wrap:anywhere}
.command-copy .copy-code{flex:0 0 auto}
@media(max-width:1150px){.studio{grid-template-columns:minmax(0,1fr) minmax(280px,.85fr)}}
@media(max-width:850px){.studio{grid-template-columns:1fr}.editor-pane{border-right:0;border-bottom:1px solid var(--line)}.preview-pane{border-radius:0 0 10px 10px}.builder-tools{max-height:none}.json-panes{grid-template-columns:1fr}}
@media(max-width:600px){.workbench-heading{align-items:flex-start;flex-direction:column}.json-workbench{padding:11px}.json-file{padding:8px}#manifest-editor,#extended-editor{min-height:230px;font-size:9px}.command-copy{align-items:flex-start;flex-direction:column}.command-copy .copy-code{align-self:flex-end}.editor-label{align-items:flex-start}.editor-actions{justify-content:flex-end}}

/* Manifest builder: preview first, paired JSON/form stages below. */
.studio-intro{display:none}
.manifest-edit-stage,.preview-stage,.schema-reference{margin:30px 0;padding:22px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,#122226,#0e191c);box-shadow:0 18px 46px #0002}
.stage-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:17px}
.preview-tools{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.preview-tools .preview-mode{white-space:nowrap}
.stage-heading h2{margin:8px 0 5px;font-size:22px;letter-spacing:-.025em}
.stage-heading p{max-width:820px;margin:0;color:var(--muted);font-size:11px;line-height:1.6}
.stage-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.stage-columns>.json-file,.stage-columns>.mod-builder,.stage-columns>.extended-builder{min-width:0;padding:14px;border:1px solid var(--line-soft);border-radius:8px;background:#0c181b}
.stage-columns>.json-file #manifest-editor,.stage-columns>.json-file #extended-editor{min-height:620px}
.stage-columns .builder-tools,.extended-builder{max-height:none;overflow:visible}
.preview-stage .preview-pane{min-height:0;padding:0;background:transparent}
.preview-stage .preview-top,.preview-stage .preview-footnote{display:none}
.preview-stage .mod-preview{width:100%;max-width:none;margin:0;padding:20px;border:1px solid #2a4144;border-radius:9px;background:#0e1a1d;box-shadow:none}
.mock-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:4px 0 17px;border-bottom:1px solid var(--line-soft)}
.mock-page-head .eyebrow{color:var(--gold);font:8px var(--mono);letter-spacing:.17em}
.mock-page-head h3{margin:7px 0;font-size:22px}
.mock-page-head p{max-width:820px;margin:0;color:var(--muted);font-size:11px;line-height:1.6}
.mock-page-actions{display:flex;gap:7px;flex:0 0 auto}
.mock-page-actions button{padding:8px 10px;border:1px solid var(--line);border-radius:6px;color:#bac9c5;background:#142428;font-size:9px}
.mock-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 2px}
.mock-status-row>label{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px}
.mock-state{padding:5px 8px;border:1px solid rgba(122,217,165,.2);border-radius:20px;color:var(--green);font:8px var(--mono);letter-spacing:.1em}
.mock-mod-card{padding:17px;border:1px solid #2a4144;border-radius:8px;background:linear-gradient(150deg,#152529,#111e21)}
.mock-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}
.mock-details{margin-top:13px;padding:16px;border:1px solid var(--line-soft);border-radius:8px;background:#101c1f}
.mock-meta{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.mock-meta span{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid var(--line-soft);border-radius:5px;color:var(--muted);font-size:9px}
.mock-meta b{color:#d3dfda;font-weight:600}
.mock-details .mock-authors{margin:10px 0}
.icon-upload{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:0;grid-column:1/-1;padding:10px;border:1px solid var(--line-soft);border-radius:6px;background:#101c1f}
.icon-upload>label{display:grid;gap:6px;min-width:0;color:var(--muted);font-size:9px}
.icon-upload input[type=file]{display:block;width:100%;max-width:100%;color:var(--muted);font-size:9px}
.icon-upload small{color:var(--faint);font-size:8px}
.icon-upload-preview{display:grid;place-items:center;width:64px;height:64px;overflow:hidden;border:1px solid var(--line);border-radius:8px;color:var(--faint);background:#0a1518;font-size:7px;text-align:center}
.icon-upload-preview img{width:100%;height:100%;object-fit:cover}
.icon-upload .button{width:100%;white-space:normal}
.builder-items{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
#extended-items-list{display:grid;gap:7px}
.builder-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line-soft);border-radius:6px;background:#0b1719}
.builder-item>div{display:grid;gap:4px;min-width:0}
.builder-item b{font-size:10px}
.builder-item code,.builder-item small{color:var(--muted);font-size:8px}
.builder-item-actions{display:flex;align-items:center;gap:6px}
.edit-item{padding:6px 8px;border:1px solid var(--line);border-radius:5px;color:var(--cyan);background:#142428;font-size:8px;cursor:pointer}
.dependency-list{display:grid;gap:6px;margin-top:-4px}
.dependency-list>small{color:var(--faint);font-size:8px}
.dependency-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px;border:1px solid var(--line-soft);border-radius:5px;background:#0c181b}
.dependency-item>span{display:grid;gap:3px;min-width:0}
.dependency-item b{font-size:9px}
.dependency-item small{color:var(--muted);font-size:8px}
.mock-dependencies{margin-top:8px}.mock-dependency{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--line-soft)}.mock-dependency>span:first-child{display:grid;gap:3px;min-width:0}.mock-dependency b{overflow-wrap:anywhere;color:#d2e2dc;font-size:9px}.mock-dependency small,.mock-dependency-note{color:var(--muted);font-size:8px}.mock-dependency-kind{flex:0 0 auto;color:var(--gold);font-size:8px}.mock-dependency-kind.optional{color:var(--muted)}.mock-dependency-note{display:block;margin-top:6px;line-height:1.5}
.builder-empty{margin:0;padding:13px;color:var(--muted);font-size:10px}
.remove-item,.remove-inline{display:grid;place-items:center;width:27px;height:27px;flex:0 0 auto;border:1px solid rgba(250,133,128,.23);border-radius:5px;color:var(--red);background:rgba(250,133,128,.05);font-size:16px;cursor:pointer}
.group-item{align-items:flex-start}
.builder-subitems{display:flex;flex-wrap:wrap;gap:5px;margin-top:3px}
.builder-subitems>span{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border:1px solid var(--line-soft);border-radius:4px;color:var(--muted);font-size:8px}
.remove-inline{width:17px;height:17px;font-size:12px}
.schema-reference{padding-bottom:18px}
.schema-table-section{margin-top:20px}
.schema-table-section h3{margin:0 0 8px;color:var(--gold-light);font-size:14px}
.schema-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:7px}
.schema-table{width:100%;border-collapse:collapse;background:#0c181b;text-align:left}
.schema-table th,.schema-table td{padding:10px 11px;border-bottom:1px solid var(--line-soft);vertical-align:top;font-size:9px;line-height:1.5}
.schema-table th{color:var(--faint);font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase;background:#122125}
.schema-table td{color:#aebdb9}
.schema-table td.schema-key{color:#b9dfe3;font-family:var(--mono);white-space:nowrap}
.schema-table tr:last-child td{border-bottom:0}
@media(max-width:1000px){.stage-columns{grid-template-columns:1fr}.stage-columns>.json-file #manifest-editor,.stage-columns>.json-file #extended-editor{min-height:380px}}
@media(max-width:700px){.preview-stage,.manifest-edit-stage,.schema-reference{padding:14px}.stage-heading h2{font-size:19px}.mock-page-head{align-items:flex-start;flex-direction:column}.mock-page-actions{width:100%}.mock-page-actions button{flex:1}.stage-columns>.json-file #manifest-editor,.stage-columns>.json-file #extended-editor{min-height:280px}.icon-upload{align-items:stretch}.icon-upload .button{grid-column:auto}.schema-table{min-width:760px}}
@media(max-width:700px){.stage-heading:has(.preview-tools){flex-direction:column}.preview-tools{align-items:flex-start;flex-wrap:wrap}.preview-tools .button{white-space:normal}}

/* Copyable examples and narrow-screen overflow guards */
 .tree-copy{justify-self:start;margin-top:8px;padding:6px 8px;border:1px solid var(--line);border-radius:4px;font-size:8px}
.folder-tree{min-width:0;overflow-wrap:anywhere}
.report-grid+p{margin:19px 0 8px;font-size:11px}
.report-grid~.code-block{margin-top:8px}
.api-result summary{min-width:0;grid-template-columns:minmax(0,1fr) auto 14px}
.api-result summary>code{min-width:0;overflow-wrap:anywhere;word-break:break-word}
.api-detail,.api-mini-table,.type-field{min-width:0;overflow-wrap:anywhere}
@media(max-width:850px){.report-grid~.code-block{max-width:100%}}
@media(max-width:600px){.topbar{gap:8px}.top-actions{gap:8px}.report-grid+p{font-size:10px}}

/* Flag-only language switcher */
.language-switch{display:flex;align-items:center;gap:5px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#122126}
.language-switch>a{display:grid;width:32px;height:27px;place-items:center;border:1px solid transparent;border-radius:5px;opacity:.62;transition:opacity .15s,border-color .15s,background .15s}
.language-switch>a:hover,.language-switch>a:focus-visible{opacity:1;outline:0;border-color:#567276;background:#ffffff08}
.language-switch>a[aria-current="page"]{opacity:1;border-color:rgba(208,174,109,.42);background:rgba(208,174,109,.1)}
.language-switch img{display:block;width:22px;height:14px;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px #ffffff24}
@media(max-width:600px){.language-switch{gap:3px;padding:3px}.language-switch>a{width:29px;height:26px}}

/* Modular Markdown reference pages */
.nav-doc-group{margin:10px 0 0;padding:0;border:0;background:transparent}
.nav-doc-label{padding:0 12px 6px;color:#728887;font-size:8px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.nav-doc-group>div:not(.nav-doc-label){display:grid;gap:1px;padding:0}
.nav-doc-group .nav-item{min-height:28px;padding-left:25px;font-size:10px}
.markdown-page{max-width:920px;margin:0 auto;padding:12px 0 50px;color:var(--ink);font-size:14px;line-height:1.75}
.markdown-page>h1{max-width:780px;margin:7px 0 15px;color:#f0eee6;font-size:clamp(29px,4vw,43px);line-height:1.13;letter-spacing:-.035em}
.markdown-page>h2{margin:34px 0 10px;padding-top:17px;border-top:1px solid var(--line-soft);color:#e4e9e4;font-size:21px;line-height:1.3}
.markdown-page>h3{margin:25px 0 9px;color:#dbe3df;font-size:16px}
.markdown-page p{max-width:780px;margin:12px 0;color:#b9c7c3}
.markdown-page a{color:var(--cyan);text-decoration:underline;text-decoration-color:#71d0e633;text-underline-offset:3px}
.markdown-page a:hover{color:#b3efff}
.markdown-page code{padding:2px 5px;border:1px solid #35494b;border-radius:4px;color:#b8e6e8;background:#101d20;font: .88em var(--mono);overflow-wrap:anywhere}
.markdown-page pre{max-width:100%;margin:14px 0;padding:16px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:#091316;color:#d6e4df;font:11px/1.65 var(--mono);tab-size:2}
.markdown-page pre code{padding:0;border:0;background:transparent;color:inherit;font:inherit;overflow-wrap:normal}
.markdown-page ul,.markdown-page ol{display:grid;gap:7px;max-width:780px;margin:12px 0;padding-left:24px;color:#b9c7c3}
.markdown-page li{padding-left:3px}
.markdown-page blockquote{max-width:780px;margin:16px 0;padding:9px 15px;border-left:2px solid var(--gold);background:#d0ae6d0a;color:var(--muted)}
.markdown-page blockquote p{margin:0}
.doc-table-wrap{max-width:100%;margin:15px 0;overflow:auto;border:1px solid var(--line);border-radius:8px}
.doc-table{width:100%;border-collapse:collapse;font-size:12px}
.doc-table th,.doc-table td{min-width:125px;padding:10px 12px;border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:top}
.doc-table th{color:var(--gold-light);background:#172629;font-size:10px;letter-spacing:.04em}
.doc-table td{color:#b9c7c3;background:#0e1a1d}
.doc-table tr:last-child td{border-bottom:0}
.markdown-page hr{height:1px;margin:24px 0;border:0;background:var(--line-soft)}
.markdown-page img{display:block;max-width:100%;height:auto;border:1px solid var(--line);border-radius:8px}
.doc-loading{padding:35px 0;color:var(--muted);font-size:12px}
.target-picker{grid-column:1/-1;margin:8px 0 12px;padding:12px;border:1px solid var(--line);border-radius:7px}
.target-picker legend{padding:0 6px;color:var(--gold-light);font-size:11px;font-weight:700}
.target-picker>small{display:block;margin:0 0 9px;color:var(--muted);font-size:10px}
.target-picker>div{display:flex;flex-wrap:wrap;gap:14px}
.target-picker label{display:flex;align-items:center;gap:6px;color:var(--ink);font-size:11px}
@media(max-width:700px){.markdown-page{padding-top:2px;font-size:13px}.markdown-page>h2{font-size:19px}.markdown-page pre{padding:12px}.doc-table{font-size:11px}}

/* Runtime diagrams and support actions */
.compat-card>.guide-step{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(113,208,230,.22);border-radius:8px;color:var(--cyan);background:rgba(113,208,230,.06);font:10px var(--mono)}
.compat-card h3{margin:2px 0 7px;font-size:14px}
.compat-card .text-link{margin-top:8px}
.report-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:8px;color:var(--gold-light);font:12px var(--mono)}
.report-grid h3{margin-top:10px}
.report-grid .button{margin-top:14px}
.next-actions{display:flex;max-width:390px;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.next-actions .button{white-space:normal;text-align:center}
@media(max-width:760px){.compat-card{grid-template-columns:35px minmax(0,1fr)}.compat-card>.pill{grid-column:2;justify-self:start}.next-actions{max-width:none;justify-content:flex-start}.next-actions .button{width:100%}}
.api-examples{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:18px 0 20px}
.api-examples>span{margin-right:4px;color:var(--muted);font-size:10px}
.api-examples button{padding:7px 10px;border:1px solid var(--line-soft);border-radius:999px;color:var(--ink);background:#101c20;font-size:9px;cursor:pointer}
.api-examples button:hover{border-color:rgba(113,208,230,.45);color:#b9e8ed}
.api-result-count{min-height:16px;margin:-3px 0 8px;color:var(--muted);font-size:9px}
.api-search-help{display:grid;gap:6px;padding:18px;border:1px dashed var(--line);border-radius:6px;color:var(--muted);font-size:10px}
.api-search-help strong{color:var(--ink);font-size:12px}
.api-search-help span{line-height:1.6}
.api-result summary{display:block;padding:12px 13px}
.api-result-heading{display:flex;align-items:center;gap:9px;min-width:0}
.api-result-heading>code{flex:1;min-width:0;overflow-wrap:anywhere;color:#a8d9e0;font:10px var(--mono)}
.api-source-badge,.api-kind-badge{flex:none;padding:4px 6px;border:1px solid var(--line-soft);border-radius:999px;color:var(--muted);font:8px var(--mono)}
.api-source-badge{color:var(--gold-light)}
.api-kind-badge{color:var(--faint)}
.api-result-heading>i{color:var(--gold);font-style:normal}
.api-summary-text{display:block;margin-top:7px;color:var(--muted);font-size:10px;line-height:1.5}
.api-detail h4{margin:14px 0 6px;color:var(--gold-light);font:600 10px var(--sans)}
.api-detail>p{line-height:1.55}
.api-detail .code-block{margin:9px 0}
.api-return-list>div{display:grid;grid-template-columns:minmax(120px,.6fr) 1fr;gap:10px;padding:7px 3px;border-bottom:1px solid var(--line-soft);font-size:9px}
.api-return-list code{color:#b1d8dd;font:9px var(--mono);overflow-wrap:anywhere}
.api-return-list span{color:var(--muted)}
.api-related-guide{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;padding:10px 12px;border:1px solid var(--line-soft);border-radius:5px;background:#0e1a1d}
.api-related-guide>div{display:grid;gap:4px}
.api-related-guide strong{color:var(--muted);font-size:9px}
.api-related-guide span{color:var(--ink);font-size:10px}
.api-detail>small a{color:var(--muted)}
.api-detail>small a:hover{color:var(--gold-light)}
.catalog-retry{padding:5px 8px;border:1px solid var(--line);border-radius:5px;color:var(--gold-light);background:#152326;font-size:9px;cursor:pointer}
.catalog-retry:hover{border-color:rgba(208,174,109,.45);background:#1a2b2d}
@media(max-width:600px){.catalog-meta{align-items:flex-start;flex-wrap:wrap}.catalog-version{margin-left:0}.catalog-retry{margin-left:auto}}
@media(max-width:600px){.api-examples{align-items:flex-start}.api-examples>span{flex-basis:100%}.api-result summary>span.api-summary-text{display:block}.api-result-heading{flex-wrap:wrap}.api-result-heading>code{flex-basis:100%}.api-return-list>div{grid-template-columns:1fr}.api-related-guide{align-items:flex-start;flex-direction:column}}
.api-error-note{display:grid;gap:5px;margin:12px 0;padding:10px 12px;border-left:2px solid var(--gold);background:#151f20;font-size:9px}.api-error-note strong{color:var(--gold-light)}.api-error-note span{color:var(--muted);line-height:1.5}.api-detail p code,.api-summary-text code{color:#b1d8dd;font:9px var(--mono)}

/* The documentation navigation shares the page scroll instead of creating a second scroll area. */
#app{display:grid;grid-template-columns:276px minmax(0,1fr);align-items:stretch}
.sidebar{position:relative;z-index:1;top:auto;right:auto;bottom:auto;left:auto;width:auto;min-width:0;min-height:calc(100vh - 70px);grid-column:1;grid-row:1;margin-top:70px;padding:27px 16px 36px;transform:none;box-shadow:none}
.sidebar nav{display:grid;flex:none;min-height:0;align-content:start;gap:19px;overflow:visible}
.sidebar-label{padding:0 12px 17px;color:var(--muted);font-size:9px;letter-spacing:.17em}
.nav-group{gap:4px}
.nav-group-title,.nav-doc-label{padding:0 12px 7px;color:var(--faint);font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.nav-doc-group{border-radius:0}
.nav-doc-group>div:not(.nav-doc-label){display:grid;gap:1px;padding:0}
.nav-item{min-height:33px;padding:0 12px;border:0;border-radius:5px;color:#9aabaa;font-size:11px;transition:color .15s,background .15s}
.nav-item.nav-child,.nav-doc-group .nav-item{min-height:28px;padding-left:25px;color:#899d9c;font-size:10px}
.nav-item:hover{color:var(--ink);background:#ffffff08}
.nav-item.active{color:var(--gold-light);border:0;background:linear-gradient(90deg,rgba(208,174,109,.14),transparent 86%)}
.nav-glow{left:0;top:6px;width:2px;height:20px;box-shadow:0 0 9px rgba(208,174,109,.65)}
.sidebar-bottom{display:none}
.main-content{grid-column:2;grid-row:1;min-width:0;margin-left:0;padding-top:70px}
@media(max-width:850px){#app{display:block}.sidebar{display:none;min-height:0;width:auto;margin:62px 0 0;padding:20px 16px 26px;transform:none;box-shadow:none}.sidebar.open{display:flex}.sidebar nav{gap:16px}.main-content{margin-left:0;padding-top:62px}}
.nav-subgroup{display:grid;gap:2px;min-width:0;margin-left:calc(var(--nav-depth, 0) * 5px)}.nav-subgroup>summary{display:flex;align-items:center;gap:8px;min-height:31px;padding:0 10px;border:1px solid transparent;border-radius:6px;color:#8fa2a1;font-size:10px;cursor:pointer;list-style:none}.nav-subgroup>summary::-webkit-details-marker{display:none}.nav-subgroup>summary::before{content:"›";width:8px;color:var(--gold);font-size:15px;transition:transform .15s}.nav-subgroup[open]>summary::before{transform:rotate(90deg)}.nav-subgroup>summary:hover{color:var(--ink);background:#ffffff06}.nav-subgroup>summary span{flex:1}.nav-subgroup>summary small{color:var(--faint);font-size:8px;white-space:nowrap}.nav-subgroup-items{display:grid;gap:2px}.nav-subgroup-section{display:grid;gap:2px;min-width:0;margin-left:calc(var(--nav-depth, 0) * 5px)}.nav-subgroup-title{padding:6px 10px 2px;color:var(--faint);font-size:9px;font-weight:800;letter-spacing:.08em}.nav-item.nav-child{padding-left:calc(20px + (var(--nav-depth, 1) * 8px))}