:root{color:#23333c;font-synthesis:none;--green:#16856d;--border:#e3e9eb;--muted:#839198;--sidebar:238px;background:#f7f9fa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,Meiryo,sans-serif;font-size:13px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:default;opacity:.35}a{color:inherit;text-decoration:none}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid #20a58a}button:hover:not(:disabled){filter:brightness(.94)}button,a{transition:background .15s,color .15s}svg{flex-shrink:0}p{margin:0;line-height:1.85}.sidebar{width:var(--sidebar);border-right:1px solid var(--border);z-index:30;background:#fff;flex-direction:column;padding:29px 18px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1.3px;align-items:center;gap:11px;margin:0 8px 25px;font-size:26px;font-weight:800;line-height:1;display:flex}.brand-mark{color:#24866e;background:#e2f5ed;border-radius:12px;justify-content:center;align-items:center;width:41px;height:43px;display:inline-flex}.brand-light{letter-spacing:-.9px;margin-left:4px;font-weight:350}.brand small{letter-spacing:1.45px;color:#84928d;margin-top:7px;font-size:6.7px;display:block}.sidebar-intro{letter-spacing:.4px;margin:0 10px 23px;font-size:12px;font-weight:650}.sidebar-intro span{color:#8c989e;letter-spacing:.1px;margin-top:8px;font-size:10px;font-weight:400;display:block}.search{color:#8b989f;background:#fafbfc;border:1px solid #e1e7e9;border-radius:7px;align-items:center;gap:7px;margin-bottom:28px;padding:10px 9px;display:flex}.search input{color:#34454e;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:11px}.search input::placeholder{color:#96a0a5}.search kbd{white-space:nowrap;color:#99a3a9;border:1px solid #e4e8ea;border-radius:3px;padding:1px 4px;font-size:9px}.nav-label{letter-spacing:1.5px;color:#91a0a6;justify-content:space-between;margin:0 10px 15px;font-size:8px;font-weight:650;display:flex}.nav-label span{letter-spacing:.1px;background:#f0f4f5;border-radius:3px;padding:2px 5px;font-size:9px}.sidebar nav{scrollbar-width:thin;scrollbar-color:#e2e8e7 transparent;flex:1;margin-right:-9px;padding-bottom:16px;padding-right:9px;overflow-y:auto}.category{text-align:left;color:#5e6c74;align-items:center;gap:10px;width:100%;padding:12px 9px;font-size:11px;font-weight:600;display:flex}.category.current{color:#233f38}.category svg:first-child{color:#7c9290}.category.current svg:first-child{color:#24876c}.category span{flex:1}.category small{color:#a2adb1;font-size:8px;font-weight:400}.category>svg:last-child{color:#9ca8aa;transition:transform .2s}.collapsed{transform:rotate(-90deg)}.topic-list{padding:3px 0 9px}.topic-link{text-align:left;color:#718087;border-radius:5px;align-items:center;gap:11px;width:100%;min-height:34px;margin:1px 0;padding:9px 12px 9px 23px;font-size:11px;display:flex}.topic-link>span:nth-child(2){flex:1}.nav-dot{background:#c2cdcc;border-radius:50%;width:4px;height:4px}.topic-link.active{color:#13795f;background:#e9f4ef;font-weight:600}.topic-link.active .nav-dot{background:#3aab86}.active-dot{background:#31aa83;border-radius:50%;width:5px;height:5px}.topic-link:hover{background:#f2f7f5}.learning-progress{border-top:1px solid var(--border);padding:17px 9px 16px}.learning-progress>div:first-child{color:#74868a;align-items:center;gap:7px;font-size:10px;display:flex}.learning-progress strong{color:#34876f;margin-left:auto;font-size:11px}.learning-progress strong small{color:#9ca8aa;font-size:9px;font-weight:400}.progress-bar{background:#edf2ef;border-radius:4px;height:4px;margin:12px 0 9px;overflow:hidden}.progress-bar i{background:#36ac87;height:100%;transition:width .4s;display:block}.learning-progress p{color:#99a5a9;font-size:8px}.sidebar-footer{color:#97a4a7;border-top:1px solid var(--border);white-space:nowrap;align-items:center;gap:6px;padding:15px 6px;font-size:8px;display:flex}.sidebar-footer i,.local-badge i{background:#52b795;border-radius:50%;width:5px;height:5px}.workspace{margin-left:var(--sidebar);min-height:100vh}.topbar{border-bottom:1px solid var(--border);background:#ffffffc4;justify-content:space-between;align-items:center;gap:10px;height:65px;padding:0 34px;display:flex}.breadcrumb{color:#8b969d;align-items:center;gap:12px;font-size:10px;display:flex}.breadcrumb strong{color:#43545d;font-weight:500}.breadcrumb svg{color:#a9b4b9}.header-actions{align-items:center;gap:19px;display:flex}.local-badge{color:#738881;align-items:center;gap:6px;font-size:9px;display:flex}.engine-link{color:#8b989f;border-left:1px solid var(--border);align-items:center;gap:5px;padding-left:18px;font-size:9px;display:flex}.icon-btn{color:#809198;border-radius:5px;justify-content:center;align-items:center;width:26px;height:28px;display:inline-flex}.icon-btn:hover{background:#edf2f1}.mobile-menu{display:none}main{max-width:1640px;margin:auto;padding:33px 34px 0}.chapter-line{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.chapter-line>span:first-child{letter-spacing:1.45px;color:#3b9078;align-items:center;gap:6px;font-size:8px;font-weight:650;display:flex}.lesson-counter{letter-spacing:1px;color:#98a3a8;font-family:Consolas,monospace;font-size:9px}.lesson-counter i{color:#b4bdc1;padding:0 5px;font-style:normal}.title-row{justify-content:space-between;gap:24px;margin-bottom:28px;display:flex}.title-row h1{letter-spacing:-1.3px;color:#1d3039;margin:0 0 11px;font-size:36px;font-weight:650;line-height:1.3}.title-row h1 span{color:#8c9a9f;letter-spacing:.5px;vertical-align:middle;border-left:1px solid #d8e2e3;margin-left:18px;padding-left:18px;font-size:17px;font-weight:400}.title-row p{color:#7a8991;letter-spacing:.2px;max-width:750px;font-size:11px}.complete-btn{white-space:nowrap;color:#71857e;background:#fff;border:1px solid #dae4e3;border-radius:6px;align-self:flex-start;align-items:center;gap:6px;margin-top:10px;padding:9px 13px;font-size:10px;display:flex}.complete-btn svg{color:#8a9f95}.complete-btn.completed{color:#218365;background:#e7f4ed;border-color:#badbce}.tabs{border-bottom:1px solid #dce5e7;justify-content:space-between;gap:10px;margin-bottom:22px;display:flex}.tabs [role=tablist]{gap:22px;display:flex}.tabs [role=tab]{color:#88959c;white-space:nowrap;align-items:center;gap:7px;padding:0 0 14px;font-size:11px;display:flex;position:relative}.tabs [role=tab].selected{color:#237e68;font-weight:600}.tabs [role=tab].selected:after{content:"";background:#228d70;height:2px;position:absolute;bottom:-1px;left:0;right:0}.new-label{letter-spacing:.7px;color:#58a28a;background:#eaf4ee;border-radius:3px;margin-left:1px;padding:3px 4px;font-size:6px}.interactive-label{letter-spacing:1.3px;color:#9ca8ac;white-space:nowrap;align-items:flex-start;gap:6px;padding-top:5px;font-size:7px;display:flex}.interactive-label i{background:#5ab89b;border-radius:50%;width:4px;height:4px;margin-top:1px}.experiment{background:#fff;border:1px solid #dce4e7;border-radius:9px;grid-template-columns:minmax(0,1fr) 246px;display:grid;overflow:hidden;box-shadow:0 3px 7px #233c4803}.viewport-section{flex-direction:column;min-width:0;display:flex}.viewport-toolbar{background:#fff;border-bottom:1px solid #e7ecee;justify-content:space-between;align-items:center;height:43px;padding:0 14px;display:flex}.view-modes{gap:3px;display:flex}.view-modes button{color:#8b989f;border-radius:4px;padding:5px 10px;font-size:9px}.view-modes button.on{color:#42846e;background:#edf4f1;font-weight:600}.viewport-actions{gap:7px;display:flex}.viewport-actions button{color:#8b9a9f;border-radius:3px;padding:4px;display:flex}.viewport-actions button.active{color:#20856c;background:#e6f5ef}.viewport{isolation:isolate;background:radial-gradient(at 50% 35%,#1c3039,#0f1b24 70%);flex:1;height:391px;min-height:360px;position:relative}.viewport canvas{touch-action:none}.scene-status{letter-spacing:1.5px;color:#9aaeb6;z-index:2;pointer-events:none;align-items:center;gap:6px;font-size:7px;display:flex;position:absolute;top:18px;left:18px}.scene-status>span:last-child{color:#526873;letter-spacing:.7px;border:1px solid #354b53;border-radius:3px;margin-left:5px;padding:3px 4px;font-size:6px}.live-dot{background:#64d8ac;border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 7px #56cd9a44}.scene-caption{color:#91a9b2;z-index:2;pointer-events:none;align-items:center;gap:6px;font-size:8px;display:flex;position:absolute;bottom:20px;left:20px}.legend-dot{background:#82e3c1;border-radius:50%;width:5px;height:5px}.selected-legend{background:#ffc080;border-radius:50%;width:5px;height:5px;margin-left:15px}.scene-caption>span:last-child{font-family:Consolas,monospace}.viewport-bottom{border-top:1px solid var(--border);background:#fcfdfd;justify-content:space-between;align-items:center;gap:8px;height:33px;padding:0 13px;display:flex}.viewport-bottom>span{color:#91a0a7;white-space:nowrap;align-items:center;gap:7px;font-size:7px;display:flex}.viewport-bottom>span:last-child{color:#83939b;font-family:Consolas,monospace;font-size:8px}.viewport-bottom i{background:#c2cccf;border-radius:50%;width:2px;height:2px;margin:0 1px}.viewport-bottom b{color:#b1bec3;padding:0 3px;font-weight:400}.controls{border-left:1px solid var(--border);padding:17px 20px 16px}.controls-heading{color:#57736d;align-items:center;gap:7px;margin-bottom:17px;display:flex}.controls-heading h2{color:#40534f;flex:1;margin:0;font-size:11px;font-weight:600}.controls-heading .icon-btn{width:20px;height:20px}.field-label{color:#7c8c92;margin-bottom:19px;font-size:9px;display:block}.field-label select{color:#52666c;background:#fafcfc;border:1px solid #dfe7e8;border-radius:5px;outline-color:#6ec1a4;width:100%;margin-top:8px;padding:9px 7px;font-size:9px;display:block}.slider{margin-bottom:17px;display:block}.slider>span{color:#6b7c83;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:10px;display:flex}.slider output{color:#647b76;text-align:right;background:#f3f6f5;border-radius:3px;min-width:35px;padding:3px 6px;font-family:Consolas,monospace;font-size:9px}input[type=range]{appearance:none;background:linear-gradient(to right, #3d9e80 var(--fill), #e5edeb var(--fill));cursor:pointer;border-radius:4px;width:100%;height:3px;margin:0;display:block}input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;border:2px solid #409c7e;border-radius:50%;width:11px;height:11px;box-shadow:0 1px 3px #20463420}input[type=range]::-moz-range-thumb{background:#fff;border:2px solid #409c7e;border-radius:50%;width:8px;height:8px}.control-divider{background:var(--border);height:1px;margin:20px 0 14px}.control-subtitle{color:#9aa7aa;margin-bottom:9px;font-size:8px}.toggle-row{color:#73868a;justify-content:space-between;align-items:center;width:100%;padding:5px 0;font-size:9px;display:flex}.toggle{background:#e1e8e7;border-radius:20px;width:25px;height:14px;display:block;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;transition:left .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0001}.toggle.on{background:#419e80}.toggle.on:after{left:13px}.experiment-tip{color:#81a38f;background:#f3f8f5;border-radius:5px;align-items:flex-start;gap:7px;margin-top:13px;padding:10px 9px;display:flex}.experiment-tip p{color:#7e9286;font-size:8px;line-height:1.8}.experiment-tip svg{width:12px;margin-top:1px}.learning-cards{grid-template-columns:1.13fr 1.05fr .8fr;gap:16px;margin-top:19px;display:grid}.info-card{border:1px solid var(--border);background:#fff;border-radius:7px;min-width:0;padding:17px 18px}.card-label{justify-content:space-between;align-items:center;gap:8px;margin-bottom:17px;display:flex}.card-label>span{color:#5e747a;align-items:center;gap:6px;font-size:10px;font-weight:500;display:flex}.card-label svg{color:#8b9c9c}.card-label small{letter-spacing:.6px;color:#a5afb3;white-space:nowrap;font-family:Consolas,monospace;font-size:6px}.card-label small.live-text{color:#57a48a;letter-spacing:1px;font-size:7px}.formula{color:#416759;text-align:center;overflow-wrap:anywhere;background:#f5f8f7;border:1px solid #e9efeb;border-radius:4px;margin:0 0 12px;padding:15px 10px;font-family:Cambria,Times New Roman,serif;font-size:17px;line-height:1.5}.info-card p{color:#87949a;font-size:9px;line-height:1.9}.text-button{color:#398e73;cursor:pointer;align-items:center;gap:6px;margin-top:13px;padding:0;font-size:9px;display:flex}.data-header{letter-spacing:1px;color:#9aa7a9;align-items:center;gap:5px;font-size:7px;display:flex}.data-header strong{color:#597e6d;font-size:9px;font-weight:500}.data-header>span:last-child{letter-spacing:.5px;margin-left:auto;font-size:6px}.vector-row{gap:8px;margin:12px 0;display:flex}.vector-row>div{background:#fcfdfd;border:1px solid #e6eced;border-radius:4px;flex:1;justify-content:space-between;align-items:center;gap:6px;padding:8px;font-family:Consolas,monospace;font-size:10px;display:flex}.vector-row span{color:#9caaa8;font-size:8px}.vector-row b{color:#58736e;font-weight:400}.data-item{color:#89989d;justify-content:space-between;align-items:center;gap:5px;min-height:14px;margin:7px 0;font-size:8px;display:flex}.data-item code{color:#6b827a;text-align:right;white-space:nowrap;font-size:8px}.sample-caption{margin-bottom:12px}.output-card{padding-bottom:10px}.output-card .card-label{margin-bottom:12px}.output-preview{pointer-events:none;background:#11212a;border-radius:5px;height:134px;position:relative;overflow:hidden}.output-preview>span{color:#92aab3;letter-spacing:1.2px;font-family:Consolas,monospace;font-size:6px;position:absolute;bottom:8px;left:9px}.output-card>p{text-align:center;letter-spacing:.3px;margin-top:8px;font-size:7px}.learning-note{background:#eff5f1;border:1px solid #e2ebe4;border-radius:6px;align-items:center;gap:12px;margin:20px 0 27px;padding:15px 17px;display:flex}.note-icon{color:#73a38a;align-items:center;display:flex}.learning-note strong{color:#668d77;font-size:10px;font-weight:500}.learning-note p{color:#8c9c90;margin-top:3px;font-size:9px}.note-category{color:#8aa291;white-space:nowrap;border-left:1px solid #d9e6de;margin-left:auto;padding-left:15px;font-size:8px}.lesson-footer{border-top:1px solid #e2e9ea;justify-content:space-between;align-items:center;padding:20px 0 24px;display:flex}.lesson-footer>button{color:#63817b;text-align:left;align-items:center;gap:12px;min-width:150px;padding:0;font-size:12px;display:flex}.lesson-footer>button:last-child{text-align:right;justify-content:flex-end}.lesson-footer small{color:#9daaad;letter-spacing:1.2px;margin-bottom:5px;font-size:6px;display:block}.lesson-footer>span{color:#98a9ac;letter-spacing:1px;font-family:Consolas,monospace;font-size:8px}.lesson-footer>span i{color:#c4cdcf;margin:0 5px;font-style:normal}.bottom-signature{letter-spacing:.6px;color:#a8b3b7;justify-content:space-between;max-width:1640px;margin:auto;padding:0 34px 21px;font-size:7px;display:flex}.pipeline-intro{color:#58927f;background:#eff6f3;border-radius:6px;align-items:center;gap:12px;margin-bottom:15px;padding:14px 18px;display:flex}.pipeline-intro strong{font-size:11px;font-weight:500}.pipeline-intro p{color:#839e93;font-size:9px}.pipeline-intro>span{white-space:nowrap;color:#8ca99c;margin-left:auto;font-family:Consolas,monospace;font-size:8px}.pipeline-panel{border:1px solid var(--border);background:#fff;border-radius:8px;margin-top:20px;overflow:hidden}.pipeline-heading{border-bottom:1px solid var(--border);align-items:center;gap:18px;padding:15px 18px;display:flex}.pipeline-heading>div{align-items:center;gap:7px;display:flex}.pipeline-heading strong{letter-spacing:1.5px;color:#69837c;font-size:8px}.pipeline-heading label{color:#8a989c;align-items:center;gap:9px;margin-left:auto;font-size:9px;display:flex}.pipeline-heading input{color:#417d67;background:#f8fbf9;border:1px solid #dae6e0;border-radius:3px;width:65px;padding:5px 7px}.clip-badge{color:#49997b;background:#eaf6ef;border-radius:4px;padding:5px 9px;font-size:8px}.clip-badge.outside{color:#b5835f;background:#fff1e7}.pipeline-stages{border-bottom:1px solid var(--border);grid-template-columns:repeat(7,1fr);gap:4px;padding:14px 12px;display:grid}.pipeline-stages button{text-align:left;border:1px solid #0000;border-radius:5px;min-width:0;padding:11px 9px;position:relative}.pipeline-stages button.active{background:#f0f8f4;border-color:#a8d4c0}.step-index{color:#9ab0a7;margin-bottom:10px;font-family:Consolas,monospace;font-size:8px;display:block}.pipeline-stages strong{color:#5d7b6f;white-space:nowrap;font-size:9px;display:block}.pipeline-stages small{color:#a1afa8;margin-top:4px;font-size:7px;display:block}.pipeline-stages code{color:#90a397;white-space:nowrap;margin-top:10px;font-size:6px;display:block}.step-arrow{z-index:2;color:#9dc3b1;position:absolute;top:44px;right:-11px}.pipeline-detail{grid-template-columns:1.1fr 1fr;gap:35px;padding:22px;display:grid}.eyebrow{letter-spacing:1.4px;color:#7ca18e;margin-bottom:8px;font-size:7px}.pipeline-detail h3{color:#456555;margin:0 0 14px;font-size:18px;font-weight:500}.pipeline-detail h3 small{color:#9caca1;margin-left:8px;font-size:10px}.pipeline-detail .formula{text-align:left;padding:10px 12px;font-size:15px}.pipeline-detail p{color:#8b9d92;margin-top:12px;font-size:9px}.coordinates{gap:15px;display:flex}.coordinates>div{flex:1}.coordinates span{color:#9bafa3;margin-bottom:5px;font-size:8px;display:block}.coordinates strong{color:#51745f;font-family:Consolas,monospace;font-size:16px;font-weight:400}.matrix-area{padding:7px 0}.matrix-block>span{letter-spacing:1.1px;color:#839e8d;font-size:8px}.matrix{border-left:2px solid #afc9b8;border-right:2px solid #afc9b8;grid-template-columns:repeat(4,1fr);gap:10px 13px;margin-top:15px;padding:12px;display:grid}.matrix span{color:#678874;text-align:right;font-family:Consolas,monospace;font-size:11px}.matrix-area>span{color:#9fb0a5;justify-content:center;align-items:center;gap:5px;margin-top:11px;font-size:7px;display:flex}.fragment-formula{color:#618773;margin-top:14px;font-size:11px;display:block}.shader-layout{grid-template-columns:1.15fr 1fr;gap:20px;display:grid}.code-card{border:1px solid var(--border);background:#fff;border-radius:7px;min-width:0;overflow:hidden}.panel-heading{color:#628572;border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:16px;display:flex}.panel-heading strong{font-family:Consolas,monospace;font-size:11px}.panel-heading span{color:#9fb0a6;margin-left:auto;font-size:8px}.code-card>p{color:#8a9c93;padding:16px;font-size:10px}.code-card pre{color:#a0d6c4;tab-size:2;background:#13242c;max-height:680px;margin:0;padding:20px;font-size:10px;line-height:1.8;overflow:auto}.shader-side{flex-direction:column;gap:20px;display:flex}.shader-side h3{margin:0 0 15px;font-size:16px;font-weight:500}.formula.large{font-size:19px}.toast{color:#f1fff8;z-index:90;background:#204b3e;border-radius:8px;align-items:center;gap:10px;padding:13px 20px;font-size:11px;display:flex;position:fixed;bottom:25px;left:calc(50% + 100px);transform:translate(-50%);box-shadow:0 5px 25px #1c3c3925}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background:#142c3680;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.help-modal{background:#fff;border-radius:14px;width:510px;max-height:90vh;padding:35px;position:relative;overflow:auto}.close-modal{position:absolute;top:18px;right:18px}.help-modal h2{letter-spacing:-.4px;margin:23px 0 10px;font-size:22px;font-weight:550}.help-modal p{color:#8a9991;font-size:11px}.help-modal ol{color:#4c9376;margin:25px 0;padding-left:24px}.help-modal li{padding:0 0 18px 6px}.help-modal li strong{color:#547361;margin-bottom:5px;font-size:12px;font-weight:550;display:block}.help-modal li span{color:#899b90;font-size:11px;line-height:1.8;display:block}.help-foot{background:#f2f7f4;border-radius:5px;padding:12px}.primary-btn{color:#fff;background:#298970;border-radius:5px;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:22px;padding:13px;font-size:12px;display:flex}.empty-search{color:#88998f;padding:20px 10px;font-size:11px;line-height:2}.empty-search button{color:#33886b;margin-top:10px;padding:0;font-size:10px;display:block}.gpu-fallback{text-align:center;color:#a9c5be;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:160px;padding:25px;font-size:12px;line-height:2;display:flex}.gpu-fallback small{color:#79998f;margin-top:8px;font-size:10px}.viewport:fullscreen{width:100vw;height:100vh}.sidebar-scrim{display:none}@media (width>=1550px){:root{--sidebar:258px;font-size:14px}.sidebar{padding-left:22px;padding-right:22px}main{padding:39px 44px 0}.topbar{padding:0 44px}.title-row h1{font-size:42px}.title-row p{font-size:12px}.experiment{grid-template-columns:minmax(0,1fr) 276px}.viewport{min-height:440px}.controls{padding:22px 25px}.slider{margin-bottom:23px}.experiment-tip p{font-size:9px}.learning-cards{gap:20px}.info-card{padding:21px}.output-preview{height:157px}.card-label>span{font-size:11px}.info-card p{font-size:10px}.formula{font-size:20px}.vector-row b{font-size:12px}.learning-note p{font-size:10px}}@media (width<=1200px){:root{--sidebar:210px}.sidebar{padding-left:12px;padding-right:12px}.topbar{padding:0 24px}main{padding:25px 24px 0}.engine-link{display:none}.tabs [role=tablist]{gap:16px}.interactive-label{display:none}.experiment{grid-template-columns:minmax(0,1fr) 218px}.controls{padding:15px}.viewport-bottom>span:last-child{display:none}.viewport{min-height:380px}.learning-cards{grid-template-columns:1fr 1fr;gap:11px}.output-card{grid-column:1/-1;display:block}.pipeline-stages{display:flex;overflow-x:auto}.pipeline-stages>button{min-width:112px}.title-row h1{font-size:33px}.title-row h1 span{margin-left:12px;padding-left:12px;font-size:14px}.note-category,.pipeline-intro>span{display:none}}@media (width<=900px){:root{--sidebar:190px}.brand{gap:8px;margin-left:4px;margin-right:0;font-size:24px}.brand small{font-size:5.8px}.brand-mark{width:35px;height:38px}.sidebar-intro{margin-left:4px;font-size:10px}.sidebar-intro span{font-size:9px}.search kbd{display:none}.category{gap:8px;font-size:10px}.topic-link{font-size:10px}.title-row{display:block;position:relative}.title-row p{padding-right:0}.complete-btn{padding:6px 8px;font-size:8px;position:absolute;top:-35px;right:0}.lesson-counter{display:none}.experiment{grid-template-columns:1fr}.controls{border-left:0;border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:8px 22px;padding:17px 20px;display:grid}.controls-heading{grid-column:1/-1;margin-bottom:3px}.slider{margin-bottom:10px}.field-label{margin-bottom:0}.control-divider,.control-subtitle{display:none}.experiment-tip{grid-column:1/-1;margin:0}.toggle-row{justify-content:flex-start;gap:12px}.viewport{flex:none;height:360px;min-height:360px}.topbar{height:55px;padding:0 20px}.breadcrumb{gap:8px;font-size:9px}.local-badge{display:none}.tabs [role=tab]{gap:5px;font-size:9px}.tabs [role=tablist]{gap:17px}.new-label{display:none}.learning-cards{grid-template-columns:1fr}.output-card{display:block}.output-preview{height:210px}.pipeline-detail{grid-template-columns:1fr;gap:20px}.shader-layout{grid-template-columns:1fr}.bottom-signature span:last-child{display:none}}@media (width<=640px){:root{--sidebar:238px}.sidebar{padding-left:18px;padding-right:18px;transition:transform .2s;transform:translate(-100%)}.sidebar.visible{transform:translate(0)}.sidebar-scrim{z-index:29;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#142e3966;display:block;position:fixed;inset:0}.workspace{margin-left:0}.mobile-menu{display:inline-flex}.topbar{padding:0 15px}.header-actions{gap:6px}.breadcrumb{gap:7px}.breadcrumb>span:first-of-type,.breadcrumb>svg:first-of-type{display:none}main{padding:25px 16px 0}.title-row h1{font-size:32px}.title-row h1 span{font-size:13px}.title-row p{font-size:10px}.title-row{margin-bottom:24px}.complete-btn{font-size:8px;top:-35px}.chapter-line>span:first-child{font-size:7px}.tabs{margin-bottom:16px}.tabs [role=tablist]{justify-content:space-between;gap:8px;width:100%}.tabs [role=tab]{gap:4px;font-size:9px}.tabs svg{width:14px}.viewport{height:330px;min-height:330px}.viewport-bottom{padding:0 9px}.viewport-bottom>span{gap:5px;font-size:6.5px}.controls{gap:10px 18px;padding:16px}.info-card{padding:18px}.learning-cards{gap:14px;margin-top:16px}.output-preview{height:200px}.learning-note{align-items:flex-start;padding:13px}.learning-note strong{font-size:9px}.learning-note p{font-size:8px}.lesson-footer>span{display:none}.lesson-footer>button{min-width:0;font-size:11px}.bottom-signature{padding:0 16px 20px}.pipeline-heading{gap:10px;padding:13px}.pipeline-heading strong{letter-spacing:.7px;font-size:7px}.clip-badge{padding:4px;font-size:7px}.pipeline-heading label{gap:5px;font-size:8px}.pipeline-heading input{width:47px}.pipeline-detail{padding:18px}.pipeline-intro{align-items:flex-start;padding:12px}.pipeline-intro strong{font-size:10px}.pipeline-intro p{font-size:8px}.coordinates{gap:8px}.coordinates strong{font-size:14px}.toast{width:max-content;max-width:94vw;padding:12px 15px;font-size:10px;bottom:16px;left:50%}.help-modal{padding:27px}.help-modal h2{font-size:20px}.brand{font-size:26px}.brand small{font-size:6.7px}.brand-mark{width:41px;height:43px}.sidebar-intro{font-size:12px}.category,.topic-link{font-size:11px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}