@charset "UTF-8";
:root{color-scheme:dark;--bg:#090f1b;--panel:#0d1522;--line:#ffffff12;--muted:#788897;--white:#ecf1f4;--accent:#7de6d9;--mono:"Consolas","SFMono-Regular",monospace;--font:"Inter","Segoe UI","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--white);font-family:var(--font);font-size:13px;letter-spacing:0}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{transition:color .2s,background .2s,border-color .2s,opacity .2s}button:hover{color:var(--accent)}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;color:#91a0ad}.icon-button:hover{background:#7de6d911}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line);position:relative;z-index:5;background:#090f1bf2}.brand{display:flex;align-items:center;gap:22px}.dji-logo{font-size:43px;font-weight:900;font-style:italic;line-height:.8;transform:scaleX(1.1);font-family:Arial,sans-serif}.brand-divider{height:27px;width:1px;background:#ffffff26}.brand-name{font-family:var(--mono);font-size:12px;font-weight:700;line-height:1.5}.brand-name>span{display:block;font-family:var(--font);font-size:10px;color:var(--muted);font-weight:400;margin-top:1px}.navigation{display:flex;align-items:center;height:100%;gap:35px;position:absolute;left:50%;transform:translateX(-50%)}.nav-item{height:100%;padding:0 2px;position:relative;color:#83909f;font-size:12px;display:flex;align-items:center;gap:7px}.nav-item.active{color:#eef5f4}.nav-item.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}.nav-item .icon{width:13px;height:13px}.nav-dot{width:4px;height:4px;border-radius:50%;background:var(--accent);margin-left:2px}.topbar-end{display:flex;align-items:center;gap:20px}.live-indicator{display:flex;align-items:center;gap:8px;font:10px var(--mono);color:#a7b7bc}.live-indicator i,.render-status i,.focus-card-foot i{width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px #7de6d940}.topbar-divider{height:18px;width:1px;background:var(--line)}.workspace{display:grid;grid-template-columns:264px minmax(0,1fr) 277px;min-height:calc(100svh - 113px);max-width:1920px;margin:auto}.parts-sidebar{padding:35px 23px 20px 29px;border-right:1px solid var(--line);display:flex;flex-direction:column;position:relative;z-index:2;background:linear-gradient(160deg,#101b2922,transparent 45%)}.eyebrow{font:8px var(--mono);color:#879aa8;display:flex;align-items:center;gap:7px}.product-title .eyebrow{white-space:nowrap;font-size:8px}.eyebrow>span{width:4px;height:4px;background:var(--accent)}h1{font-family:Arial,var(--font);font-size:42px;font-weight:750;line-height:1.04;margin:16px 0 14px;position:relative}h1>span{color:var(--accent)}h1>sup{font-size:10px;color:#a5b0bb;position:absolute;top:48px;right:4px}.product-title>p{color:#8b98a6;font-size:11px;margin:0 0 21px;line-height:1.8}.edition{display:flex;align-items:center;gap:10px;font-size:9px;color:#87939f}.edition-badge{font:7px var(--mono);padding:4px 5px;border:1px solid #ffffff17;color:#8598a4;white-space:nowrap}.parts-heading{margin-top:37px;display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid var(--line)}.parts-heading h2{margin:0;font-size:11px;font-weight:500}.parts-heading h2>span{color:var(--accent);font:9px var(--mono);margin-left:5px}.parts-heading-mark{font:7px var(--mono);color:#526271}.parts-list{padding-top:10px;display:flex;flex-direction:column;gap:3px}.part-button{display:flex;align-items:center;text-align:left;width:100%;min-height:52px;padding:9px 9px 9px 2px;position:relative;gap:11px;border:1px solid transparent;border-radius:5px}.part-number{font:9px var(--mono);color:#536574;min-width:16px}.part-button>.icon{color:#7e929e;width:20px;height:20px;stroke-width:1.25}.part-text{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}.part-text strong{font-weight:450;font-size:11px;color:#c5cfd7}.part-text small{font:7px var(--mono);color:#5c7283}.part-status{width:4px;height:4px;box-shadow:0 0 0 3px #ffffff03;background:#344855;border-radius:50%;margin-left:2px}.part-button:hover{background:#ffffff04}.part-button:hover .part-text strong{color:var(--white)}.part-button.active{background:#7de6d90a;border-color:#7de6d92a;padding-left:9px;margin-left:-7px;width:calc(100% + 7px)}.part-button.active .part-number,.part-button.active>.icon,.part-button.active .part-text strong{color:var(--accent)}.part-button.active .part-status,.part-button.is-exploded .part-status{background:var(--accent);box-shadow:0 0 8px #7de6d944}.sidebar-bottom{margin-top:auto;padding-top:24px}.scale-tag{font-size:9px;color:#607482;display:flex;align-items:center;gap:8px;padding-bottom:15px;border-bottom:1px solid var(--line)}.scale-tag>span:last-child{margin-left:auto;font:9px var(--mono)}.small-cross{color:#9cafa9;font-size:15px}.body-metrics{display:flex;align-items:center;gap:22px;padding-top:17px}.body-metrics>div{display:flex;flex-direction:column;gap:6px}.body-metrics strong{font:21px var(--mono);font-weight:400;color:#c5d3da}.body-metrics strong span{font-size:9px;color:#677d8c}.body-metrics small{font-size:8px;color:#607482}.metric-icon{width:28px;height:28px;color:#4f6370;margin-left:auto}
.viewer{position:relative;min-height:780px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#1c3a4922,transparent 66%)}#scene-container{position:absolute;inset:0}#scene-container canvas{width:100%;height:100%;display:block;touch-action:none;position:relative;z-index:1}.view-heading{position:absolute;left:28px;right:28px;top:28px;display:flex;align-items:center;justify-content:space-between;font-size:10px;pointer-events:none;z-index:3}.view-heading>div{display:flex;align-items:center;gap:11px}.view-index{color:var(--accent);font:11px var(--mono)}.view-heading-divider{height:12px;width:1px;background:#ffffff20}#view-title{color:#becbd2}.view-tag{font:7px var(--mono);color:#697d8a;margin-left:4px}.render-status{color:#627d86;font-size:8px;display:flex;align-items:center;gap:6px}.render-status i{width:4px;height:4px}.view-top-tools{position:absolute;right:20px;top:65px;z-index:3}.view-top-tools .icon{width:15px;height:15px}.scene-watermark{position:absolute;top:28%;left:0;right:0;text-align:center;color:#93b4c506;font-weight:800;font-family:Arial,sans-serif;font-size:110px;white-space:nowrap;pointer-events:none;z-index:0}.scene-caption{position:absolute;top:70%;width:100%;display:flex;align-items:center;justify-content:center;gap:14px;font:7px var(--mono);color:#557381;pointer-events:none}.caption-line{width:29px;height:1px;background:#55738166}.orientation{width:53px;height:55px;position:absolute;bottom:211px;left:27px;pointer-events:none;opacity:.75}.orientation>span{position:absolute;font:8px var(--mono)}.axis-y{color:#86b6a2;left:22px;top:0}.axis-z{color:#6b98b2;left:0;top:42px}.axis-x{color:#c28d7a;right:0;top:42px}.axis-line{height:1px;width:24px;position:absolute;left:25px;top:31px;transform-origin:0 0}.axis-line.y{background:#86b6a288;transform:rotate(-90deg)}.axis-line.z{background:#6b98b288;transform:rotate(148deg)}.axis-line.x{background:#c28d7a88;transform:rotate(33deg)}.axis-origin{width:4px;height:4px;border-radius:50%;background:#8b9fa7;position:absolute;left:23px;top:29px}.camera-views{position:absolute;right:22px;bottom:215px;display:flex;gap:5px;z-index:3}.camera-views button{padding:5px 8px;font-size:9px;color:#657b8c;border-radius:3px}.camera-views button.active{background:#ffffff08;color:#bacfd5}.view-controls{position:absolute;bottom:54px;left:50%;transform:translateX(-50%);width:calc(100% - 65px);max-width:600px;z-index:4;background:#101b28de;border:1px solid #92d2de20;border-radius:7px;backdrop-filter:blur(18px);box-shadow:0 12px 40px #00000025;padding:10px 18px 0}.mode-controls{display:flex;align-items:center;gap:5px;border-bottom:1px solid var(--line);padding-bottom:10px}.mode-button{height:32px;flex:1;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;font-size:11px;color:#8598a7;border-radius:4px}.mode-button .icon{width:15px;height:15px}.mode-button.active{background:#7de6d90e;border-color:#7de6d928;color:var(--accent)}.progress-row{height:48px;display:flex;align-items:center;gap:16px}.progress-row>label{font-size:10px;color:#93a4b0;white-space:nowrap}input[type=range]{-webkit-appearance:none;appearance:none;background:linear-gradient(to right,var(--accent) var(--range-progress,0%),#ffffff16 var(--range-progress,0%));border:0;outline:0;height:3px;border-radius:2px;width:100%;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:9px;border:2px solid #c4fff5;border-radius:50%;background:#7de6d9;box-shadow:0 0 10px #7de6d930}input[type=range]::-moz-range-thumb{width:7px;height:7px;border:2px solid #c4fff5;border-radius:50%;background:#7de6d9}output{font:12px var(--mono);color:var(--accent);min-width:38px;text-align:right}output>span{font-size:8px;color:#7e9b9d;margin-left:3px}.controls-bottom{border-top:1px solid var(--line);height:43px;display:flex;align-items:center;gap:15px}.controls-bottom button{display:flex;align-items:center;gap:7px;font-size:9px;white-space:nowrap}.controls-bottom .icon{width:13px;height:13px}.demo-button{color:#c8ddd9;padding:0}.demo-button .icon{color:var(--accent);width:12px;height:12px}.control-divider{height:12px;width:1px;background:var(--line)}.text-toggle{padding:0;color:#708592}.text-toggle.active{color:#a4b9bf}.mini-switch{width:19px;height:10px;border-radius:8px;background:#32434e;position:relative;display:inline-block}.mini-switch:after{content:"";width:6px;height:6px;background:#8fa0aa;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s}.text-toggle.active .mini-switch{background:#7de6d947}.text-toggle.active .mini-switch:after{background:var(--accent);transform:translateX(9px)}.reset-button{margin-left:auto;padding:0;color:#91a5b2}.gesture-hint{position:absolute;bottom:22px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:10px;font-size:9px;color:#586d7c;pointer-events:none}.gesture-hint .icon{width:13px;height:13px;color:#788b96}.gesture-hint b{font-weight:400;color:#314653}.scene-annotations{position:absolute;inset:0;pointer-events:none;z-index:3}.annotation{position:absolute;left:0;top:0;transform:translate(-50%,-50%);pointer-events:auto;display:flex;align-items:center;gap:7px;white-space:nowrap;cursor:pointer;padding:6px 9px;background:#0c1823c9;border:1px solid #90d4d528;border-radius:3px;backdrop-filter:blur(8px);transition:opacity .2s;color:#bacfd2;font-size:9px;box-shadow:0 4px 15px #00000010}.annotation>i{display:block;width:4px;height:4px;background:var(--accent);border-radius:50%;box-shadow:0 0 7px #7de6d977}.annotation>small{font:7px var(--mono);color:#6e8a95}.annotation:hover,.annotation.active{border-color:#7de6d966;color:var(--accent)}.annotation.overview{padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none;display:block;color:#8da5ae;font-size:9px;text-align:left}.annotation.overview>i{position:absolute;left:-15px;top:6px;width:3px;height:3px}.annotation.overview:before{content:"";position:absolute;width:38px;height:1px;background:#6e9ba45c;right:calc(100% + 15px);top:7px}.annotation.overview small{display:block;margin-top:5px;font:7px var(--mono);color:#4f6d7d}.focus-card{position:absolute;width:240px;right:24px;top:110px;z-index:5;background:rgba(125,230,217,.2);border:1px solid #b7f6e549;box-shadow:0 8px 28px #0000001c;border-radius:5px;padding:15px 17px;backdrop-filter:blur(15px)}.focus-card-top{display:flex;justify-content:space-between;align-items:center}.focus-card-top .eyebrow{font-size:7px;color:#b9e5e1}.focus-card-top .icon-button{width:21px;height:21px;color:#c8e8e5}.focus-card h3{font-size:17px;font-weight:500;margin:12px 0 8px}.focus-card p{font-size:10px;line-height:1.8;color:#bbd5d5;margin:0}.focus-card dl{margin:13px 0}.focus-card dl>div{display:flex;justify-content:space-between;gap:10px;font-size:9px;line-height:2}.focus-card dt{color:#a1c6c5}.focus-card dd{margin:0;color:#effffb}.focus-card-foot{font-size:8px;color:#b5e3db;border-top:1px solid #c8fff222;padding-top:11px;display:flex;align-items:center;gap:6px}
.detail-sidebar{border-left:1px solid var(--line);padding:31px 25px 22px 25px;display:flex;flex-direction:column;position:relative;background:#0e182024}.detail-kicker{font:8px var(--mono);color:#78929c;display:flex;align-items:center;justify-content:space-between}.detail-kicker .icon{width:15px;height:15px;color:#778b92}.detail-title-row{display:flex;gap:15px;align-items:center;margin-top:32px}.detail-number{font:46px var(--mono);font-weight:300;color:#375563;line-height:1}.detail-category{font-size:10px;color:#a8bbc3;line-height:1.7}.detail-category small{font:7px var(--mono);color:#607786}.detail-sidebar h2{font-size:23px;line-height:1.7;margin:21px 0 12px;font-weight:500}.detail-description{font-size:10px;line-height:2.1;color:#7e929f;margin:0;min-height:62px}.hero-spec{position:relative;margin-top:26px;margin-bottom:28px;min-height:66px;display:flex;flex-direction:column;gap:9px}.hero-spec>span:first-child{font:39px var(--mono);color:var(--accent);line-height:1.1}.hero-spec>span:first-child>span{font-size:26px}.hero-spec>span:nth-child(2){font-size:9px;color:#96afb8}.sensor-graphic{position:absolute;right:1px;top:10px;width:46px;height:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;transform:rotate(-14deg);border:1px solid #7de6d933;padding:5px}.sensor-graphic i{border:1px solid #7de6d93a;background:#7de6d90a}.detail-section-heading{padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.detail-section-heading h3{font-size:10px;font-weight:500;margin:0}.detail-section-heading>span{font:6px var(--mono);color:#567482}.detail-specs{margin-top:14px;margin-bottom:24px}.detail-specs>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline;line-height:2.8}.detail-specs dt{font-size:9px;color:#78919f;white-space:nowrap}.detail-specs dd{font-size:10px;color:#b7cbd3;margin:0;text-align:right;font-family:var(--mono),var(--font)}.detail-action{display:flex;align-items:center;gap:14px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:auto}.detail-action-step{font:20px var(--mono);color:#3d626c}.detail-action p{margin:0;font-size:10px;color:#a6bfc5;line-height:1.9}.detail-action small{font-size:9px;color:#587786}.detail-action>.icon{margin-left:auto;color:#7de6d9;width:19px;height:19px}.focus-action{margin-top:auto;width:100%;border:1px solid #7de6d938;background:#7de6d90c;padding:13px 11px;display:flex;gap:10px;align-items:center;color:var(--accent);font-size:10px;border-radius:3px}.focus-action>.icon{width:16px;height:16px}.focus-action>.icon:last-child{margin-left:auto}.engineering-note{display:flex;gap:8px;margin-top:24px;color:#4e6877;align-items:flex-start}.engineering-note .icon{width:12px;height:12px;margin-top:4px}.engineering-note p{margin:0;font-size:8px;line-height:2}.statusbar{height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 29px;border-top:1px solid var(--line);color:#496574;font:7px var(--mono);gap:15px}.statusbar>span{display:flex;align-items:center;gap:7px;white-space:nowrap}.statusbar i{width:3px;height:3px;background:#6da898;border-radius:50%}.statusbar b{font-size:13px;color:#85a6af;font-weight:400}.statusbar .footer-middle{font:8px var(--font);color:#69838f}.loading{position:absolute;inset:0;background:#0b121e;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:8;gap:20px;color:#a2bfc7;font-size:11px;transition:opacity .6s}.loading small{font:8px var(--mono);color:#456673}.loading-ring{width:40px;height:40px;border:1px solid #7de6d91c;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.loading.loaded{opacity:0;pointer-events:none}.scene-error{position:absolute;inset:0;z-index:10;background:#0c1521;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px;text-align:center}.scene-error>.icon{width:32px;height:32px;color:var(--accent)}.scene-error h2{font-size:19px;font-weight:500}.scene-error p{font-size:12px;color:var(--muted)}.scene-error button{padding:10px 18px;margin-top:15px;border:1px solid #7de6d944;border-radius:4px;color:var(--accent)}.toast{position:fixed;left:50%;bottom:56px;transform:translateX(-50%);z-index:20;background:#203737e8;border:1px solid #7de6d947;padding:10px 20px;border-radius:5px;font-size:11px;color:#e0f7f0;backdrop-filter:blur(15px);white-space:nowrap}.info-dialog{background:#101b28;color:var(--white);border:1px solid #7de6d92e;border-radius:7px;width:560px;max-width:calc(100vw - 32px);max-height:85svh;padding:26px 30px;box-shadow:0 25px 100px #0009}.info-dialog::backdrop{background:#030a14b5;backdrop-filter:blur(8px)}.dialog-top{display:flex;align-items:center;justify-content:space-between}.dialog-top .eyebrow{color:var(--accent);font-size:9px}#dialog-content h2{font-size:28px;font-weight:450;margin:18px 0 10px}#dialog-content>p{font-size:12px;color:#8ca4b2;line-height:2}#dialog-content .guide-row{display:flex;align-items:center;gap:17px;padding:18px 0;border-bottom:1px solid var(--line)}.guide-row>.icon{width:24px;height:24px;color:var(--accent)}.guide-row strong{font-size:12px;font-weight:500}.guide-row p{font-size:11px;color:#8ca4b2;line-height:1.8;margin:6px 0 0}.guide-index{font:10px var(--mono);color:#638996;margin-left:auto}.dialog-confirm{width:100%;background:#7de6d914;color:var(--accent);border:1px solid #7de6d937;padding:13px;border-radius:4px;margin-top:24px;font-size:12px}.full-specs{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-top:24px}.full-specs>div{border-top:1px solid var(--line);padding:14px 0;display:flex;flex-direction:column;gap:8px}.full-specs dt{color:#748e9d;font-size:10px}.full-specs dd{margin:0;font-size:13px;color:#cce0e5}.about-highlight{display:flex;gap:35px;margin:26px 0}.about-highlight strong{display:block;font:30px var(--mono);color:var(--accent);margin-bottom:8px}.about-highlight span{font-size:10px;color:#809daa}.source-link{display:inline-flex;gap:8px;align-items:center;font-size:11px;color:var(--accent);margin-top:15px}.source-link .icon{width:14px;height:14px}.viewer:fullscreen{background:#090f1b;min-height:100vh}.viewer:fullscreen .view-controls{max-width:620px}.viewer:fullscreen .scene-caption{top:76%}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1600px){.workspace{grid-template-columns:290px minmax(0,1fr) 300px}.parts-sidebar{padding-left:35px;padding-right:28px}.detail-sidebar{padding-left:31px;padding-right:31px}.viewer{min-height:calc(100svh - 113px)}h1{font-size:47px}.part-button{min-height:59px}.parts-heading{margin-top:44px}.detail-sidebar h2{font-size:26px}.detail-description{font-size:11px}.detail-specs>div{line-height:3.1}.detail-specs dt{font-size:10px}.detail-specs dd{font-size:11px}}@media(max-width:1190px){.workspace{grid-template-columns:222px minmax(0,1fr) 235px}.parts-sidebar{padding:29px 17px 20px 21px}.detail-sidebar{padding:27px 19px 20px}.topbar{padding:0 24px}.brand{gap:15px}.brand-name{font-size:10px}.navigation{gap:25px;left:52%}h1{font-size:36px}h1>sup{right:0;top:41px}.product-title .eyebrow{font-size:7px}.product-title>p{font-size:10px}.edition{gap:6px;font-size:8px}.edition-badge{font-size:6px}.parts-heading-mark{font-size:6px}.part-button{gap:8px}.part-text strong{font-size:10px}.part-text small{font-size:6px}.detail-sidebar h2{font-size:21px}.hero-spec>span:first-child{font-size:34px}.sensor-graphic{width:38px;height:34px}.detail-specs dd{font-size:9px}.view-heading{left:19px;right:19px}.render-status{display:none}.view-controls{width:calc(100% - 32px);padding:10px 12px 0}.controls-bottom{gap:11px}.text-toggle>.icon{display:none}.camera-views{right:15px}.scene-watermark{font-size:80px}.focus-card{right:18px;width:215px}.body-metrics{gap:15px}.body-metrics strong{font-size:19px}.statusbar{padding:0 22px}}@media(max-width:950px){.workspace{grid-template-columns:210px minmax(0,1fr)}.detail-sidebar{display:none}.navigation{left:60%}.topbar-end{gap:10px}.live-indicator{display:none}.topbar-divider{display:none}.topbar{height:68px}.workspace{min-height:calc(100svh - 103px)}.viewer{min-height:760px}.parts-sidebar{padding-top:28px}.part-button{min-height:57px}.statusbar .footer-middle{display:none}.focus-card{top:95px}.scene-watermark{font-size:100px}}@media(max-width:600px){.topbar{height:62px;padding:0 18px}.dji-logo{font-size:34px}.brand{gap:13px}.brand-divider{height:23px}.brand-name{font-size:9px}.brand-name>span{font-size:8px}.navigation{position:static;transform:none;margin-left:auto;margin-right:10px;gap:0}.nav-item{display:none}.nav-item[data-tab=specs]{display:flex;font-size:10px}.topbar-end{gap:0}.help-button{width:29px}.help-button .icon{width:17px;height:17px}.workspace{display:flex;flex-direction:column;min-height:0}.parts-sidebar{padding:24px 20px 0;border-right:0;order:0;background:none;display:block}.product-title{position:relative}.product-title .eyebrow{font-size:7px}.product-title h1{font-size:31px;line-height:1.08;margin:12px 0 8px}h1 br{display:none}h1>sup{position:static;vertical-align:top;font-size:8px;margin-left:5px}.product-title>p{font-size:10px;line-height:1.5;margin-bottom:0}.edition{position:absolute;right:0;top:29px;flex-direction:column;gap:6px;align-items:flex-end}.edition>span:first-child{font-size:8px}.edition-badge{font-size:6px}.parts-heading{margin-top:24px;padding-bottom:10px}.parts-heading h2{font-size:10px}.parts-heading-mark{font-size:7px}.parts-list{display:flex;flex-direction:row;overflow-x:auto;gap:7px;padding:11px 0 12px;scrollbar-width:none}.parts-list::-webkit-scrollbar{display:none}.part-button{min-width:111px;width:111px;min-height:53px;padding:9px!important;border:1px solid #ffffff0d;border-radius:4px;gap:8px;background:#101b2644;flex-shrink:0}.part-button>.icon{width:17px;height:17px}.part-number,.part-status{display:none}.part-button.active{margin:0;width:111px}.part-text strong{font-size:9px}.part-text small{font-size:5px}.sidebar-bottom{display:none}.viewer{order:1;min-height:590px;height:calc(100svh - 270px);max-height:850px}.view-heading{top:10px;left:20px;right:20px}.view-heading>div{gap:8px}.view-index{font-size:9px}#view-title{font-size:9px}.view-tag{font-size:6px}.view-top-tools{top:0;right:14px}.scene-watermark{top:25%;font-size:76px}.view-controls{width:calc(100% - 32px);max-width:460px;bottom:48px;padding:9px 13px 0}.controls-bottom{gap:13px;height:43px}.controls-bottom button{font-size:9px}.controls-bottom .icon{display:block}.text-toggle>.icon{display:none}.control-divider{display:none}.mini-switch{width:17px;height:9px}.mini-switch:after{width:5px;height:5px}.text-toggle.active .mini-switch:after{transform:translateX(8px)}.demo-button{margin-right:auto}.reset-button span{display:none}.controls-bottom .reset-button{margin-left:0}.progress-row{height:45px}.progress-row>label{font-size:9px}.mode-button{font-size:10px;height:29px}.mode-controls{padding-bottom:9px}.gesture-hint{bottom:17px;font-size:8px;gap:8px}.orientation{bottom:204px;left:20px;transform:scale(.8);transform-origin:left bottom}.camera-views{bottom:205px;right:15px}.camera-views button{font-size:8px}.scene-caption{top:auto;bottom:230px;font-size:6px}.statusbar{height:35px;font-size:6px;padding:0 18px;gap:5px}.statusbar>span:last-child{font-size:5px}.focus-card{width:185px;right:16px;top:48px;padding:12px 14px}.focus-card h3{font-size:15px;margin-top:8px}.focus-card p{font-size:9px;line-height:1.7}.focus-card dl{margin:8px 0}.focus-card dl>div{font-size:8px}.focus-card-top .eyebrow{font-size:6px}.focus-card-foot{font-size:7px}.annotation{font-size:8px;padding:5px 7px;gap:5px}.annotation>small{font-size:6px}.annotation.overview{font-size:8px}.annotation.overview small{font-size:6px}.annotation.overview:before{width:20px}.info-dialog{padding:20px}.full-specs{gap:0 16px}.full-specs dd{font-size:11px}#dialog-content h2{font-size:24px}.toast{max-width:calc(100vw - 32px);white-space:normal;text-align:center;font-size:10px;bottom:40px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:600px){.focus-card{width:calc(50% - 13px);max-width:185px}}
@media(max-width:370px){.edition{position:static;flex-direction:row;align-items:center;justify-content:space-between;margin-top:12px}.parts-heading{margin-top:18px}.controls-bottom{gap:9px}.controls-bottom .icon{display:none}.controls-bottom .reset-button .icon{display:block}.brand{gap:10px}.brand-name{font-size:8px}.nav-item[data-tab=specs]{font-size:9px}.focus-card{padding:11px}.focus-card p{font-size:8px}.focus-card dl>div{font-size:7px}}
@media(max-width:600px){
  html,body{width:100%;min-width:0;overflow-x:hidden}
  body{padding-bottom:env(safe-area-inset-bottom)}
  .topbar{
    height:calc(62px + env(safe-area-inset-top));
    padding:env(safe-area-inset-top) 16px 0;
  }
  .brand{min-width:0;flex:1}
  .brand-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .workspace{width:100%;overflow:hidden}
  .parts-sidebar{padding-left:16px;padding-right:16px}
  .parts-list{margin-right:-16px;padding-right:16px}
  .viewer{
    width:100%;
    height:clamp(560px,calc(100svh - 265px),780px);
    min-height:560px;
    max-height:none;
  }
  #scene-container canvas{touch-action:none}
  .view-heading{top:12px;left:16px;right:16px}
  .view-top-tools{top:2px;right:8px}
  .view-top-tools .icon-button{width:40px;height:40px}
  .view-controls{
    left:12px;
    right:12px;
    bottom:calc(38px + env(safe-area-inset-bottom));
    width:auto;
    max-width:none;
    padding:10px 12px 0;
  }
  .mode-button{min-height:38px}
  .progress-row{height:48px}
  .progress-row>label{min-width:48px}
  input[type=range]{height:5px}
  input[type=range]::-webkit-slider-thumb{width:18px;height:18px}
  input[type=range]::-moz-range-thumb{width:16px;height:16px}
  .controls-bottom{height:48px;gap:10px}
  .controls-bottom button{min-height:36px}
  .controls-bottom .icon{width:16px;height:16px}
  .mini-switch{width:22px;height:12px}
  .mini-switch:after{width:8px;height:8px;top:2px;left:2px}
  .text-toggle.active .mini-switch:after{transform:translateX(10px)}
  .gesture-hint{
    bottom:calc(10px + env(safe-area-inset-bottom));
    padding:0 16px;
    gap:7px;
    white-space:nowrap;
  }
  .scene-caption{bottom:calc(218px + env(safe-area-inset-bottom))}
  .camera-views{bottom:calc(194px + env(safe-area-inset-bottom));right:12px}
  .orientation{bottom:calc(194px + env(safe-area-inset-bottom));left:16px}
  .focus-card{
    top:48px;
    right:12px;
    width:min(188px,calc(50% - 18px));
    max-height:calc(100% - 260px);
    overflow:auto;
  }
  .annotation{max-width:46vw;overflow:hidden;text-overflow:ellipsis}
  .statusbar{
    padding-left:16px;
    padding-right:16px;
    padding-bottom:env(safe-area-inset-bottom);
    height:calc(35px + env(safe-area-inset-bottom));
  }
  .info-dialog{
    margin:auto 12px;
    width:auto;
    max-width:none;
    max-height:calc(100svh - 24px);
    padding:18px 16px;
  }
  #dialog-content{overflow:auto}
  #dialog-content .guide-row{gap:12px;padding:15px 0}
  #dialog-content .guide-row p{font-size:10px}
  .full-specs{grid-template-columns:1fr;gap:0}
  .toast{bottom:calc(42px + env(safe-area-inset-bottom))}
}