:root{color:#273932;font-synthesis:none;--green:#1c5146;--deep:#163e36;--muted:#849089;--line:#e3e8df;--orange:#d39440;--cream:#f3f4ee;--sidebar:250px;background:#f7f8f4;font-family:Segoe UI,Microsoft YaHei,system-ui,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #daa254}button{background:0 0;border:0}h1,h2,h3,p{margin:0}svg.icon{vertical-align:middle;flex-shrink:0;width:19px;height:19px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}::selection{background:#d9e7cf}.app-header{border-bottom:1px solid var(--line);z-index:12;background:#fff;justify-content:space-between;align-items:center;height:84px;padding:0 30px;display:flex;position:relative}.brand{align-items:center;gap:13px;display:flex}.brand-mark{background:var(--deep);color:#f4faf0;border-radius:10px 10px 2px;place-items:center;width:43px;height:47px;display:grid}.brand-mark .icon{stroke-width:1.25px;width:27px;height:27px}.brand strong{letter-spacing:2px;font-size:21px;font-weight:650}.brand small{color:#879189;letter-spacing:1.5px;margin-top:5px;font-size:10px;display:block}.brand small i{color:#c8cec7;margin:0 6px;font-style:normal}.header-right{align-items:center;gap:28px;display:flex}.edition{color:#829086;letter-spacing:.5px;align-items:center;gap:8px;font-size:12px;display:flex}.edition>span{background:#649078;border-radius:50%;width:6px;height:6px}.button{border:1px solid var(--line);background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:9px;padding:11px 17px;font-size:13px;font-weight:550;transition:background .15s;display:inline-flex}.button:hover{background:#edf1e9}.classroom-button{border-color:var(--deep);color:var(--deep);padding:10px 17px}.classroom-button .icon{width:17px}.app-layout{height:calc(100dvh - 84px);min-height:450px;display:flex}.catalog{width:var(--sidebar);border-right:1px solid var(--line);z-index:11;background:#fbfcf9;flex-direction:column;flex-shrink:0;min-height:0;display:flex}.catalog-title{letter-spacing:1px;align-items:center;gap:10px;padding:29px 20px 16px 24px;font-size:16px;font-weight:650;display:flex}.count-pill{color:#65816c;letter-spacing:0;background:#e8ede4;border-radius:5px;padding:3px 7px;font:600 11px ui-monospace,monospace}.search-field{background:#fff;border:1px solid #e0e6dc;border-radius:6px;align-items:center;gap:7px;margin:0 17px 16px;padding:9px 10px;display:flex}.search-field .icon{color:#87948b;width:15px;height:15px}.search-field input{color:#354f41;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:11px;line-height:1.6}.search-field input::placeholder{color:#97a095}.search-field kbd{color:#9ca397;border:1px solid #e7ebe3;border-radius:3px;padding:1px 4px;font-size:10px}.category-filters{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:3px;margin:0 17px 13px;display:grid}.category-filters button{white-space:nowrap;color:#7c8a7e;border-bottom:2px solid #0000;padding:8px 0 11px;font-size:10px}.category-filters button:hover{color:var(--green)}.category-filters button.active{color:var(--green);border-bottom-color:var(--green);font-weight:650}#machine-list{scrollbar-width:thin;scrollbar-color:#dce2d7 transparent;flex:1;padding:0 12px 16px;overflow-y:auto}.catalog-group+.catalog-group{margin-top:20px}.group-label{color:#879286;letter-spacing:.8px;justify-content:space-between;align-items:center;padding:13px 11px 8px;font-size:10px;display:flex}.group-label small{color:#a6afa3;font:10px ui-monospace,monospace}.machine-item{text-align:left;border-radius:6px;align-items:center;gap:10px;width:100%;margin:2px 0;padding:11px;transition:background .15s;display:flex;position:relative}.machine-item:hover{background:#eef1e9}.item-number{color:#95a08f;flex-shrink:0;align-self:flex-start;width:21px;margin-top:3px;font:11px ui-monospace,monospace}.item-text{flex:1;font-size:12px;font-weight:520;line-height:1.5}.item-text small{color:#95a08f;letter-spacing:.4px;margin-top:3px;font-size:9px;font-weight:400;display:block}.machine-item>.icon{color:#9cac99;opacity:0;width:13px;height:13px}.machine-item.active{background:var(--deep);color:#fff;box-shadow:0 4px 12px #183e3614}.machine-item.active .item-number{color:#e8b86e}.machine-item.active>.icon{color:#c4d4c5;opacity:1}.catalog-bottom{border-top:1px solid var(--line);align-items:center;gap:10px;padding:17px 18px;display:flex}.catalog-bottom>.icon{color:#81957e;width:23px;height:23px}.catalog-bottom strong{letter-spacing:.3px;font-size:11px;font-weight:550}.catalog-bottom p{color:#94a08f;margin-top:5px;font-size:9px}.empty-state{text-align:center;color:#859080;padding:44px 9px}.empty-state .icon{width:28px;height:28px;margin:0 auto 18px;display:block}.empty-state strong{color:#53664f;font-size:12px;display:block}.empty-state p{margin:9px 0 18px;font-size:10px;line-height:1.8}.empty-state .button{font-size:11px}.workspace{scrollbar-width:thin;scrollbar-color:#dce2d7 transparent;background:#f8f9f5;flex:1;min-width:0;padding:26px 30px 15px;overflow-y:auto}.machine-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px;display:flex}.machine-heading-text{min-width:0}.breadcrumb{color:#8c978b;letter-spacing:.4px;align-items:center;gap:10px;margin-bottom:13px;font-size:10px;display:flex}.breadcrumb>span:first-of-type{color:#c0c8bb}.breadcrumb button{color:#5e7762;align-items:center;gap:6px;padding:0;font-size:10px;display:flex}.breadcrumb .icon{width:12px;height:12px}.title-line{align-items:center;gap:14px;display:flex}.title-line h1{letter-spacing:1.3px;color:#203d32;font-size:27px;font-weight:650;line-height:1.35}.machine-code{color:#7e907d;white-space:nowrap;background:#ebeee4;border-radius:3px;padding:5px 7px;font:10px ui-monospace,monospace}.machine-subtitle{color:#8a9789;letter-spacing:.4px;max-width:850px;margin-top:10px;font-size:10px;line-height:1.7}.heading-badge{white-space:nowrap;color:#627d65;border-left:1px solid #dee5d8;align-items:center;gap:9px;padding-left:20px;font-size:11px;display:flex}.heading-badge>.icon{stroke-width:1.2px;width:25px;height:25px}.heading-badge small{color:#a0ac98;letter-spacing:1px;margin-top:4px;font-size:9px;display:block}.learning-layout{grid-template-columns:minmax(0,1fr) 308px;align-items:stretch;gap:20px;display:grid}.model-column{min-width:0}.viewport-shell{background:radial-gradient(at 48% 32%,#fafbf4 0%,#eef0e6 70%,#e5e9dc 100%);border:1px solid #e0e5d9;border-radius:8px;height:clamp(365px,45vh,620px);position:relative;overflow:hidden}.viewport{position:absolute;inset:0}.viewport canvas{touch-action:none;outline:0;width:100%;height:100%;display:block}.viewport-top{z-index:3;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:20px;left:22px;right:21px}.view-status{color:#657961;align-items:center;gap:7px;font-size:10px;display:flex}.view-status i{background:#609473;border-radius:50%;width:5px;height:5px}.is-playing .view-status i{background:#c58b36;box-shadow:0 0 0 3px #c58b3619}.model-kind{letter-spacing:2px;color:#96a28d;font:8px ui-monospace,monospace}.viewer-tools{z-index:4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff9;border:1px solid #dfe6d4;border-radius:6px;flex-direction:column;gap:5px;padding:5px;display:flex;position:absolute;top:66px;right:16px;box-shadow:0 5px 14px #57724806}.viewer-tools>span{background:#e1e7da;height:1px;margin:3px}.icon-button{color:#70876c;border-radius:4px;place-items:center;width:31px;height:31px;transition:background .15s;display:inline-grid}.icon-button>.icon{width:17px;height:17px}.icon-button:hover{color:#244b39;background:#e4ebdd}.icon-button.active{color:#26543d;background:#e0eada}.viewport-bottom{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:40px;left:20px;right:22px}.view-presets{pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff9;border:1px solid #dfe6d5;border-radius:5px;align-items:center;gap:2px;padding:4px;display:flex}.view-presets button{color:#7b8b72;border-radius:3px;padding:6px 12px;font-size:10px;transition:background .15s}.view-presets button.active{background:var(--green);color:#f9fff3}.viewer-hint{color:#9aa28d;pointer-events:none;align-items:center;gap:6px;font-size:9px;display:flex;position:absolute;bottom:14px;left:22px}.viewer-hint .icon{width:11px;height:11px}.axis-indicator{color:#90a082;width:44px;height:45px;font:9px ui-monospace,monospace;position:relative;transform:translateY(2px)}.axis-indicator i{background:#92a489;width:1px;height:25px;position:absolute;top:3px;left:17px}.axis-indicator i:before,.axis-indicator i:after{content:"";transform-origin:0;background:#bac4ae;width:22px;height:1px;position:absolute;bottom:0}.axis-indicator i:before{transform:rotate(24deg)}.axis-indicator i:after{transform:rotate(150deg)}.axis-indicator b{color:#7f9b71;font-weight:500;position:absolute;top:-8px;left:14px}.axis-indicator em{color:#b2a07d;font-style:normal;position:absolute;bottom:2px;right:0}.axis-indicator small{color:#799598;font-size:9px;position:absolute;bottom:3px;left:-4px}.labels-layer{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.labels-hidden{display:none}.part-label{white-space:nowrap;color:#566e4d;pointer-events:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffdb;border:1px solid #d7e0ce;border-radius:4px;align-items:center;height:27px;padding:0;font-size:10px;display:flex;position:absolute;top:0;left:0;box-shadow:0 2px 7px #3151310d}.part-label span{color:#78906b;background:#e9efdf;border-radius:3px 0 0 3px;padding:7px 6px;font:9px ui-monospace,monospace}.part-label b{padding:5px 8px;font-weight:500}.part-label:hover,.part-label.selected{color:#264c29;background:#f8fff1;border-color:#67865b}.part-label.selected span{background:var(--green);color:#fff}.playback{border:1px solid var(--line);background:#fff;border-radius:8px;margin-top:15px;padding:19px 20px 0}.playback-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-eyebrow{letter-spacing:1.9px;color:#9ba68f;margin-bottom:7px;font:8px ui-monospace,monospace;display:block}.playback h2{letter-spacing:.6px;font-size:14px;font-weight:600}.speed-button{color:#859079;border:1px solid #e9ece4;border-radius:4px;padding:5px 8px;font:10px Segoe UI,sans-serif}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.step-button{text-align:left;background:#f5f7f0;border-bottom:2px solid #0000;border-radius:4px;align-items:center;gap:8px;min-width:0;padding:9px 8px 10px;display:flex}.step-button span{color:#a1ad92;font:10px ui-monospace,monospace}.step-button strong{text-overflow:ellipsis;white-space:nowrap;color:#839176;font-size:10px;font-weight:500;overflow:hidden}.step-button.active{background:#eaf0e2;border-bottom-color:#507747}.step-button.active span{color:#7d995f}.step-button.active strong{color:#345a32;font-weight:600}.transport{align-items:center;gap:17px;padding:18px 0;display:flex}.play-button{background:var(--green);color:#f6fbef;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-width:103px;padding:11px 13px;font-size:10px;font-weight:500;display:flex}.play-button .icon{width:13px;height:13px}.play-button:hover{background:#2b6659}.timeline-wrap{flex:1;min-width:0;padding-top:4px}.timeline-wrap input{appearance:none;background:linear-gradient(to right,#648d4a var(--progress,0%),#e8eddf var(--progress,0%));cursor:pointer;border-radius:8px;width:100%;height:4px;margin:0;display:block}.timeline-wrap input::-webkit-slider-thumb{appearance:none;background:#47743e;border:2px solid #fff;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 1px #8ca879}.timeline-wrap input::-moz-range-thumb{background:#47743e;border:2px solid #fff;border-radius:50%;width:9px;height:9px}.timeline-meta{color:#a1ab97;justify-content:space-between;gap:8px;margin-top:10px;font-size:8px;display:flex}.timeline-meta span:first-child{color:#7d906f}.step-caption{border-top:1px solid #edf0e7;grid-template-columns:1.2fr 1fr;gap:18px;min-height:83px;padding:15px 0 17px;font-size:10px;line-height:1.9;display:grid}.step-caption strong{color:#48623e;font-size:11px;font-weight:600}.step-caption p{color:#8b9880;margin-top:3px}.step-tip{border-left:1px solid #ecf0e3;padding-left:17px}.step-tip>span{color:#a9a27c;font-size:9px}.model-note{color:#a0aa95;align-items:flex-start;gap:7px;margin-top:13px;font-size:9px;line-height:1.9;display:flex}.model-note>.icon{width:12px;height:12px;margin-top:2px}.model-note p{flex:1}.model-note button{white-space:nowrap;color:#749061;padding:0;font-size:9px}.model-note button .icon{width:11px;height:11px;margin-right:3px}.inspector{border:1px solid var(--line);background:#fff;border-radius:8px;flex-direction:column;align-self:stretch;max-height:calc(clamp(365px,45vh,620px) + 322px);display:flex;overflow:hidden}.inspector-tabs{border-bottom:1px solid #e8eddf;flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 15px;display:grid}.inspector-tabs button{color:#96a08b;letter-spacing:.5px;border-bottom:2px solid #0000;padding:19px 0 17px;font-size:11px}.inspector-tabs button[aria-selected=true]{color:var(--green);border-bottom-color:var(--green);font-weight:600}#inspector-content{scrollbar-width:thin;scrollbar-color:#e1e7d9 transparent;flex:1;padding:23px 20px 16px;overflow:auto}.panel-intro h2{letter-spacing:.5px;color:#3a5432;margin-bottom:9px;font-size:17px;font-weight:600}.panel-intro>p{color:#99a18d;font-size:10px;line-height:1.9}.panel-intro{margin-bottom:19px}.parts-list{flex-direction:column;gap:6px;display:flex}.part-item{text-align:left;border:1px solid #edf0e7;border-radius:5px;align-items:center;gap:11px;padding:11px 12px;transition:background .15s;display:flex}.part-item>span{color:#a3ad96;width:16px;font:10px ui-monospace,monospace}.part-item strong{color:#647b59;flex:1;font-size:11px;font-weight:500}.part-item>.icon{color:#b5c0a8;width:13px;height:13px}.part-item:hover{background:#f6f9f0;border-color:#d2dfc5}.part-item.active{background:#edf3e6;border-color:#afc5a0}.part-item.active strong{color:#36592d}.part-item.active>.icon{color:#6b8b57}.part-detail{background:#eef3e6;border-left:2px solid #6d9055;border-radius:5px;margin-top:18px;padding:16px}.part-detail.neutral{background:#f7f8f2;border-left-color:#c4cfb6}.detail-kicker{letter-spacing:1px;color:#98a486;margin-bottom:6px;font-size:8px;display:block}.part-detail h3,.asset-card h3{color:#4e6941;font-size:12px;font-weight:550}.part-detail p,.asset-card p{color:#869577;margin-top:7px;font-size:10px;line-height:1.95}.text-button{color:#7d985f;text-underline-offset:3px;margin-top:10px;padding:0;font-size:9px;text-decoration:underline}.learning-question{border-top:1px dashed #e3e9d8;margin-top:21px;padding-top:17px}.learning-question>span{color:#7e9369;align-items:center;gap:6px;font-size:10px;display:flex}.learning-question>span>.icon{width:14px;height:14px}.learning-question>p{color:#6b7f5c;margin-top:9px;font-size:11px;line-height:1.9}.learning-question details{color:#9ba786;margin-top:11px;font-size:10px;line-height:1.9}.learning-question summary{cursor:pointer}.learning-question details p{color:#768964;padding-top:8px}.inspector-footer{color:#a5af97;background:#fafbf6;border-top:1px solid #edf0e6;flex-shrink:0;align-items:center;gap:6px;padding:13px 20px;font-size:8px;display:flex}.tiny-dot{background:#c6b97b;border-radius:50%;width:4px;height:4px}.points-list{flex-direction:column;gap:20px;display:flex}.point-card{border-bottom:1px solid #edf0e6;gap:12px;padding-bottom:20px;display:flex}.point-index{color:#b29a62;padding-top:3px;font:10px ui-monospace,monospace}.point-card h3{color:#567044;font-size:12px;font-weight:600;line-height:1.6}.point-card p{color:#8c997e;margin-top:8px;font-size:11px;line-height:2}.teaching-note{background:#f7f6ed;border-radius:5px;gap:8px;margin-top:22px;padding:14px;display:flex}.teaching-note>.icon{color:#b3a46f;flex-shrink:0;width:14px;margin-top:2px}.teaching-note p{color:#a39d80;font-size:10px;line-height:1.9}.source-list{flex-direction:column;gap:12px;display:flex}.source-card{border:1px solid #e4ebdc;border-radius:5px;padding:15px;transition:border-color .15s;display:block}.source-card:hover{border-color:#8aaa74}.source-number{color:#a1ae91;font:8px ui-monospace,monospace}.source-card h3{color:#526f41;margin:7px 0;font-size:11px;font-weight:550;line-height:1.7}.source-card h3 .icon{float:right;width:12px;height:12px;margin-top:3px}.source-card p{color:#929f83;font-size:10px;line-height:1.9}.source-card small{color:#a8b29a;word-break:break-all;margin-top:12px;font:8px ui-monospace,monospace;display:block}.asset-card{background:#f5f8ed;border-radius:5px;margin-top:21px;padding:17px}.source-date{color:#b1ba9f;margin-top:20px;font-size:8px}.workspace-footer{color:#a6af98;letter-spacing:1px;justify-content:space-between;align-items:center;margin-top:18px;padding:0 1px;font:8px ui-monospace,monospace;display:flex}.workspace-footer b{color:#d0d5c5;margin:0 8px;font-weight:400}.workspace-footer>span:last-child{letter-spacing:2px}.toast{color:#f5ffed;z-index:100;opacity:0;pointer-events:none;background:#173e36ee;border-radius:7px;max-width:calc(100% - 30px);padding:13px 23px;font-size:12px;transition:opacity .18s,transform .18s;position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);box-shadow:0 8px 30px #123d2a25}.toast.visible{opacity:1;transform:translate(-50%)}.viewer-failure{z-index:4;text-align:center;color:#779267;background:#f0f3e8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:50px;font-size:12px;line-height:2;display:flex;position:absolute;inset:0}.viewer-failure>.icon{color:#8eac75;width:45px;height:45px;margin-bottom:12px}.viewer-failure strong{font-size:16px}.viewer-failure p{max-width:340px}.mobile-close,.catalog-mask{display:none}.viewport-shell:fullscreen{border:0;border-radius:0;width:100vw;height:100vh}.classroom-mode .catalog,.classroom-mode .inspector,.classroom-mode .heading-badge{display:none}.classroom-mode .learning-layout{grid-template-columns:minmax(0,1fr)}.classroom-mode .workspace{padding:20px 5vw}.classroom-mode .viewport-shell{height:56vh;min-height:350px}.classroom-mode .model-column{width:100%;max-width:1500px;margin:auto}.classroom-mode .step-caption{font-size:13px}.classroom-mode .step-caption strong{font-size:14px}.classroom-mode .part-label{height:33px;font-size:13px}.classroom-mode .step-button strong{font-size:13px}.classroom-mode .viewer-hint{font-size:11px}.classroom-mode .breadcrumb{display:none}.classroom-mode .machine-heading{max-width:1500px;margin:0 auto 18px}.classroom-mode .machine-subtitle{font-size:12px}@media (width>=1650px){:root{--sidebar:270px}.workspace{padding:32px 40px 20px}.learning-layout{grid-template-columns:minmax(0,1fr) 340px;gap:25px}.viewport-shell{height:49vh}.inspector{max-height:calc(49vh + 322px)}.title-line h1{font-size:31px}.machine-item{padding:12px}.item-text{font-size:13px}.part-item{padding:14px}.part-item strong{font-size:12px}.panel-intro h2{font-size:18px}.point-card p,.part-detail p{font-size:12px}.playback{padding:22px 24px 0}.step-caption{font-size:12px}.steps strong{font-size:11px}}@media (width<=1200px){:root{--sidebar:220px}.app-header{padding:0 22px}.workspace{padding:22px 20px 15px}.learning-layout{grid-template-columns:minmax(0,1fr) 268px;gap:14px}.title-line h1{font-size:23px}.heading-badge{display:none}.item-text{font-size:11px}.search-field{margin-left:13px;margin-right:13px}.search-field kbd{display:none}.category-filters{margin-left:13px;margin-right:13px}.step-button{gap:5px;padding:9px 5px}.step-button strong{font-size:9px}.steps{gap:5px}#inspector-content{padding:20px 15px}.inspector-tabs{padding:0 11px}.playback{padding:17px 15px 0}.view-presets button{padding:6px 9px}.transport{gap:10px}.play-button{min-width:90px;padding:10px}.timeline-meta{font-size:7px}.machine-subtitle{font-size:9px}.step-caption{gap:12px}.step-tip{padding-left:12px}.viewport-top{left:17px}.model-kind{letter-spacing:1px;font-size:7px}.model-note{flex-wrap:wrap}.model-note button{margin-left:auto}}@media (width<=1020px){:root{--sidebar:205px}.learning-layout{grid-template-columns:minmax(0,1fr)}.inspector{max-height:none}.inspector #inspector-content{max-height:560px}.parts-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.viewport-shell{height:48vh;min-height:385px}.inspector-tabs{align-self:center;width:100%;max-width:390px}.inspector-footer{justify-content:center}.heading-badge{display:flex}.title-line h1{font-size:25px}.catalog-title{padding-left:20px}.machine-item{gap:7px;padding:10px 8px}.item-number{width:17px;font-size:10px}.header-right{gap:18px}.edition{font-size:10px}.playback{padding:20px 20px 0}.step-button strong,.step-caption{font-size:11px}.step-caption strong{font-size:12px}.model-note{font-size:10px}.workspace-footer{margin-top:22px}}@media (width<=720px){.app-header{height:72px;padding:0 16px}.brand{gap:9px}.brand-mark{border-radius:8px 8px 2px;width:34px;height:39px}.brand-mark .icon{width:24px;height:24px}.brand strong{letter-spacing:1px;font-size:17px}.brand small{letter-spacing:.5px;font-size:8px}.brand small i{margin:0 4px}.edition{display:none}.classroom-button{gap:6px;padding:8px 10px;font-size:10px}.classroom-button>.icon{width:13px}.app-layout{height:calc(100dvh - 72px)}.catalog{background:#fbfcf9;width:275px;transition:transform .2s;position:fixed;top:72px;bottom:0;left:0;transform:translate(-100%);box-shadow:8px 0 28px #173e3610}.catalog-open .catalog{transform:translate(0)}.catalog-open .catalog-mask{z-index:10;background:#173d343a;display:block;position:fixed;inset:72px 0 0}.mobile-close{margin-left:auto;display:inline-grid}.item-text{font-size:12px}.workspace{padding:19px 14px 14px}.machine-heading{margin-bottom:18px}.title-line h1{letter-spacing:.5px;font-size:23px}.machine-code{padding:4px 5px;font-size:8px}.title-line{gap:9px}.heading-badge{display:none}.breadcrumb{margin-bottom:12px}.machine-subtitle{font-size:9px;line-height:1.8}.learning-layout{gap:15px}.viewport-shell{height:49vh;min-height:350px;max-height:530px}.viewer-tools{gap:3px;padding:3px;top:60px;right:9px}.icon-button{width:28px;height:28px}.viewer-tools .icon-button>.icon{width:15px;height:15px}.viewport-top{top:15px;left:14px;right:15px}.view-status{font-size:9px}.model-kind{letter-spacing:1.1px;font-size:7px}.part-label{height:24px;font-size:9px}.part-label span{padding:6px 5px;font-size:8px}.part-label b{padding:4px 6px}.viewport-bottom{bottom:38px;left:13px;right:20px}.viewer-hint{font-size:8px;bottom:13px;left:14px}.axis-indicator{transform:scale(.85)}.playback{margin-top:12px;padding:16px 14px 0}.playback h2{font-size:13px}.section-eyebrow{letter-spacing:1.5px;font-size:7px}.playback-heading{margin-bottom:14px}.steps{gap:5px}.step-button{flex-direction:column;align-items:flex-start;gap:5px;padding:9px 8px;display:flex}.step-button strong{max-width:100%;font-size:9px}.step-button span{font-size:9px}.transport{gap:10px;padding:16px 0}.play-button{gap:5px;min-width:85px;padding:10px 9px;font-size:9px}.timeline-meta{font-size:7px}.timeline-meta span:last-child{display:none}.step-caption{grid-template-columns:1fr;gap:12px;padding:13px 0;font-size:10px}.step-tip{border-top:1px dashed #e8ecdf;border-left:0;padding:10px 0 0}.step-caption strong{font-size:11px}.model-note{margin-top:11px;font-size:8px}.model-note button{font-size:8px}.inspector-tabs button{padding:16px 0;font-size:12px}#inspector-content{padding:23px 20px}.panel-intro>p{font-size:11px}.part-item strong,.part-detail p,.point-card p,.learning-question>p{font-size:12px}.inspector-footer{font-size:9px}.workspace-footer{letter-spacing:.5px;font-size:7px}.classroom-mode .workspace{padding:20px 14px}.classroom-mode .viewport-shell{height:56vh;max-height:none}.classroom-mode .step-button strong{font-size:10px}.classroom-mode .part-label{height:27px;font-size:10px}.classroom-mode .step-caption{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.machine-subtitle{color:#6b7964;font-size:11px}.panel-intro>p,.part-detail p,.source-card p,.point-card p,.asset-card p{color:#65745c;font-size:12px}.part-item strong,.step-caption{font-size:12px}.step-caption p{color:#69785e}.step-button strong{font-size:11px}.learning-question>p{font-size:12px}.learning-question details{font-size:11px}.model-note{color:#77866c;font-size:10px}.inspector-footer{color:#7c896c;font-size:9px}.part-label{font-size:11px}.part-label b{color:#49613e}.item-text small{color:#728166;font-size:10px}.machine-item.active small{color:#bfd3b7}.classroom-mode .part-label,.classroom-mode .step-caption,.classroom-mode .step-button strong{font-size:14px}@media (width<=720px){.machine-subtitle,.step-button strong{font-size:10px}.step-caption{font-size:11px}.part-label{font-size:10px}.model-note{font-size:9px}.classroom-mode .step-button strong{font-size:11px}}