:root{font-family:'DM Sans',Arial,sans-serif;color:#d6e7f5;background:#070f19;font-size:12px;--teal:#65e3dc;--muted:#698096;--line:#263447;--surface:#101c2a}*{box-sizing:border-box}body{margin:0;overflow:hidden;min-width:320px}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--teal);outline-offset:2px}button:disabled{opacity:.32;cursor:not-allowed}button:hover:not(:disabled){border-color:#60c8cf!important;color:#fff!important}#app{position:relative;height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 51% 45%,#14263a 0%,#08121e 48%,#050b14 100%)}.stars{pointer-events:none;position:fixed;inset:0;background-image:radial-gradient(#b5daed 1px,transparent 1px),radial-gradient(#8cb7dc 1px,transparent 1px);background-size:151px 127px,223px 169px;background-position:12px 21px,70px 80px;opacity:.13;z-index:0}.topbar,.titleband,.workspace,.commandbar{z-index:1}.topbar{height:62px;flex-shrink:0;background:#09121fdd;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:34px;height:34px;border:1px solid #59cdd7;display:grid;place-items:center;transform:rotate(45deg);color:var(--teal);font-size:20px}.brand-mark span{transform:rotate(-45deg)}.brand b{display:block;letter-spacing:1.6px;font-size:14px;color:#f1fbff}.brand b span{color:#65d9d7}.brand small{display:block;color:#6d879a;font-size:8px;letter-spacing:1.75px;margin-top:5px}.top-center{font-size:9px;letter-spacing:2px;color:#688397}.top-center b{color:#bacfe1}.top-divider{padding:0 15px;color:#35465a}.online-dot,.dot-teal{display:inline-block;width:6px;height:6px;border-radius:50%;background:#53f1cb;box-shadow:0 0 12px #38daba;margin-right:7px}.top-right{display:flex;align-items:center;gap:12px}.chip{border:1px solid #284354;padding:8px 12px;color:#82c5ce;font-size:9px;letter-spacing:1px;border-radius:3px}.iconbtn,.mobilebtn{background:transparent;border:1px solid #2c3c4b;padding:6px 9px;border-radius:3px;font-size:16px}.mobilebtn{display:none}.titleband{padding:20px 28px 17px;border-bottom:1px solid #1e3041;display:flex;align-items:end;justify-content:space-between;gap:16px;flex-shrink:0}.eyebrow,.inspector-eyebrow{font-size:9px;color:#65c4d2;letter-spacing:2.1px;font-weight:700}.line{display:inline-block;width:30px;height:1px;background:#55bcc8;vertical-align:middle;margin:0 6px}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:46px;line-height:1;letter-spacing:1px;color:#f6fcff;margin:8px 0 3px;font-weight:800}h1 em{font-style:normal;color:#67d7d7}.titleband p{margin:4px 0 0;color:#b4c6d4;font-size:12px}.muted{color:#688197}.spec-pills{display:flex;gap:8px}.spec-pills>span{background:#1020329c;border:1px solid #22374a;min-width:100px;padding:11px 15px}.spec-pills small,.data-grid small{display:block;font-size:8px;letter-spacing:1.2px;color:#73889c;margin-bottom:7px}.spec-pills b{display:block;color:#dcf5fd;font-family:'Barlow Condensed',sans-serif;font-size:19px}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:267px minmax(0,1fr) 285px}.sidebar{background:#0b1724ed;min-height:0;display:flex;flex-direction:column}.leftpanel{border-right:1px solid var(--line)}.inspector{border-left:1px solid var(--line);overflow:auto}.panel-head{padding:18px 17px;font-size:9px;font-weight:700;letter-spacing:1.6px;color:#8fa8ba;border-bottom:1px solid #223242;display:flex;justify-content:space-between;align-items:center}.searchbox{margin:15px 13px 10px;display:flex;align-items:center;gap:8px;background:#101f2f;border:1px solid #30465b;padding:9px 10px;color:#7d92a4}.searchbox input{width:100%;background:transparent;border:none;outline:none;color:#e8f6ff}.kbd{border:1px solid #3b4c5f;border-radius:3px;padding:1px 5px;color:#90a1b1}.tree{overflow:auto;flex:1;padding:5px 8px 16px;scrollbar-width:thin;scrollbar-color:#345069 transparent}.group-title{background:none;border:none;color:#91a8b9;width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:13px 8px 8px;font-size:10px;font-weight:700;letter-spacing:1.3px;border-bottom:1px solid #1b3041}.group-title small{color:#577389;font-size:9px}.tree-item{width:100%;padding:8px 9px 8px 11px;display:flex;gap:9px;text-align:left;align-items:center;background:none;border:1px solid transparent;color:#94a8bb;border-radius:3px}.tree-item:hover,.tree-item.active{color:#dcfaff;background:#18324477;border-color:#315c6a}.tree-item.active{box-shadow:inset 2px 0 var(--teal)}.tree-item span{font-size:11px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-item small{color:#4c7187;font-size:9px}.tree-item .tiny{color:#72baa1}.tree-item .removed{color:#d5a45f}.panel-footer{margin-top:auto;padding:17px 15px;border-top:1px solid #243545;background:#101e2c}.progress-label{display:flex;justify-content:space-between;letter-spacing:1px;font-size:9px;color:#b7c8d3}.progress-label span{color:#69dbd6}.bar{height:5px;background:#28394c;margin-top:12px;overflow:hidden}.bar>div{height:100%;background:linear-gradient(90deg,#36bac6,#91fbd4);transition:width .3s}.panel-footer p{color:#758ea0;line-height:1.5;font-size:10px}.outline,.solid,.accent,.btn-grid button,.nudge-grid button,.camgrid button,.playbuttons button,.glassbtn{background:#122438;border:1px solid #2b455b;color:#9fc3d5;border-radius:3px;padding:9px 10px;font-size:10px;letter-spacing:.4px}.wide{width:100%}.accent{background:#30bdbd!important;color:#031720!important;border-color:#67f1df!important;font-weight:800}.solid{background:#1e4051!important;color:#c3e7ec!important;border-color:#437589!important}.viewport{position:relative;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 48% 39%,#153049aa 0%,#0c1b2bd9 38%,#060d18dd 84%)}.viewport::after{pointer-events:none;content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07142166,transparent 15%,transparent 85%,#07142166),linear-gradient(0deg,#0c1729aa,transparent 23%,transparent 86%,#0c1729bb)}#viewer{display:block;width:100%;height:100%;touch-action:none;outline:none}.viewer-top,.viewer-bottom{position:absolute;z-index:4;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.viewer-top{top:16px}.viewer-bottom{bottom:16px}.viewer-top button{pointer-events:auto}.orbit-caption{font-size:9px;letter-spacing:1.2px}.orbit-caption b{display:block;color:#88dbe2}.orbit-caption span{display:block;color:#708b9e;margin-top:6px;font-size:8px}.viewer-actions{display:flex;gap:6px}.glassbtn{background:#12243b88;padding:8px 10px;color:#a8bbcc;font-size:9px}.glassbtn[aria-pressed=true]{color:#63f0dc;border-color:#63e2db}.axis-legend{display:flex;gap:6px;align-items:center}.axis-legend span{display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid currentColor;border-radius:50%;font-size:9px}.axis-red{color:#e77876}.axis-green{color:#78cb96}.axis-blue{color:#8eaff4}.axis-legend small{color:#607a8f;font-size:8px;letter-spacing:1px;margin-left:4px}.viewport-hint{color:#628198;letter-spacing:1.3px;font-size:9px}.perf{color:#7da9b8;font-size:9px}.anchor-guide{position:absolute;left:50%;top:25%;transform:translateX(-50%);z-index:4;background:#183945dc;border:1px solid #5bd2ce;color:#a6f5ed;border-radius:3px;padding:8px 12px;letter-spacing:1px;font-size:10px}.anchor-guide span{font-size:16px}.anchor-guide b{color:#fff;padding-left:10px}.notice{position:absolute;z-index:8;bottom:68px;left:50%;transform:translateX(-50%) translateY(16px);background:#173443eb;color:#c9f8f1;border:1px solid #61c7bc;padding:12px 18px;border-radius:4px;opacity:0;pointer-events:none;transition:.2s;white-space:nowrap;max-width:95%;overflow:hidden;text-overflow:ellipsis}.notice.show{opacity:1;transform:translateX(-50%) translateY(0)}.component-overview{padding:20px 18px;border-bottom:1px solid #25394a}.component-overview h2{margin:10px 0;font-family:'Barlow Condensed',sans-serif;font-size:23px;line-height:1.1;letter-spacing:.2px;color:#f2fbfd}.idline{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7da0b4;letter-spacing:1px}.state-pill{border:1px solid #377369;color:#7de7c9;font-size:9px;padding:4px 7px}.component-overview p{font-size:11px;color:#92aabd;line-height:1.7;margin:16px 0 0}.data-grid{padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:7px;border-bottom:1px solid #25394a}.data-grid>div{padding:12px;background:#102234;border:1px solid #23384b;min-width:0}.data-grid b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#a7d3df}.inspect-section{padding:17px 16px;border-bottom:1px solid #223546}.section-title{display:flex;justify-content:space-between;color:#81b5c6;font-size:9px;letter-spacing:1.2px;font-weight:700;margin-bottom:12px}.section-title span{color:#527282}.section-title.slim{margin-top:15px}.btn-grid,.nudge-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.btn-grid button,.nudge-grid button{padding:10px 5px;font-size:9px}.nudge-grid{grid-template-columns:repeat(4,1fr)}.nudge-grid button{padding:8px 2px}.nudge-grid button:nth-last-child(-n+2){grid-column:span 2}.footnote{color:#677f92;line-height:1.6;margin:12px 0 0;font-size:10px}.education p{color:#869eaf;line-height:1.8;font-size:11px}.commandbar{background:#0a1623;border-top:1px solid #284254;padding:0 18px 12px;flex-shrink:0}.mode-tabs{display:flex;gap:2px;transform:translateY(-1px);border-bottom:1px solid #26384a}.mode-tabs button{background:none;border:0;border-top:2px solid transparent;color:#7a91a5;padding:12px 20px;letter-spacing:1.2px;font-size:10px;font-weight:700}.mode-tabs button span{font-size:15px;margin-right:7px;color:#7394a4}.mode-tabs button.active{background:linear-gradient(#18394794,#0e1c2a);border-top-color:#70e9df;color:#d2fffb}.mode-tabs button.active span{color:#77e7df}.control-body{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(160px,1.2fr) minmax(140px,.9fr) minmax(130px,.8fr) minmax(155px,1fr);gap:17px;padding:14px 4px 0}.control-col{min-width:0}.inline-title,.range-ends{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;color:#839cae}.inline-title b{font-family:'Barlow Condensed';font-size:17px;color:#77e7dd}.range-ends{font-size:8px;color:#59768c}.control-col input[type=range],.operate-panel input[type=range]{accent-color:#54dbd4;width:100%;height:4px;margin:12px 0}.options label,.playback label,.operate-panel label{display:block;color:#738ca0;letter-spacing:1px;font-size:9px;margin-bottom:7px}.options select,.playback select{display:block;width:100%;background:#10263b;border:1px solid #29445b;color:#bad0df;padding:8px;margin-top:5px;outline:none;font-size:9px}.playbuttons{display:flex;gap:6px;margin-bottom:8px}.playbuttons button{flex:1;padding:10px 6px;font-size:17px}.playbuttons .play{background:#2fbfbd;color:#06202a;border-color:#65e6d7}.camgrid{display:flex;flex-wrap:wrap;gap:5px}.camgrid button{font-size:9px;padding:8px 10px}.camgrid button.active{border-color:#65e3dc;color:#bafff4}.operate-panel{display:none;grid-template-columns:repeat(3,minmax(0,1fr)) 190px;gap:16px;padding:10px 4px 0;align-items:center;border-top:1px solid #20384a;margin-top:9px}.operate-panel.active{display:grid}.operate-panel label{margin:0}.operate-panel output{float:right;color:#62e2db}.operate-panel button{background:#123647;border:1px solid #3c838b;color:#9ae5df;padding:10px;font-size:10px;letter-spacing:1px}dialog{background:#0c1a29;color:#d4e7ed;border:1px solid #4b8392;max-width:760px;width:min(94vw,760px);box-shadow:0 24px 100px #000b;padding:28px}dialog::backdrop{background:#030a12bf}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{font-family:'Barlow Condensed';font-size:32px;letter-spacing:1px}.dialog-head button{background:none;border:1px solid #54717c;padding:9px}.dialog-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.dialog-columns h3{font-size:12px;color:#6bdbd8}.dialog-columns p{color:#a0b6c4;line-height:1.8}.dialog-columns kbd{background:#244056;padding:1px 4px}.dialog-columns b{color:#ebfcff}#closeHelp2{margin-top:20px;padding:11px 18px}
@media(max-width:1320px){.workspace{grid-template-columns:235px minmax(0,1fr) 250px}.top-center{display:none}.control-body{gap:9px}.mode-tabs button{padding:11px 13px}.viewport-hint{display:none}}
@media(max-width:950px){body{overflow:hidden}.topbar{height:53px;padding:0 13px}.brand small{font-size:7px}.titleband{padding:13px 16px}.titleband h1{font-size:34px}.spec-pills>span{min-width:68px;padding:7px}.spec-pills>span:nth-child(2){display:none}.workspace{display:block;position:relative;flex:1;min-height:0;overflow:hidden}.viewport{height:100%}.sidebar{position:absolute;top:0;bottom:0;width:min(84vw,330px);z-index:11;transition:transform .25s;box-shadow:0 0 60px #0009}.leftpanel{left:0;transform:translateX(-110%)}.leftpanel.open{transform:translateX(0)}.inspector{right:0;transform:translateX(110%)}.inspector.open{transform:translateX(0)}.mobilebtn{display:block}.commandbar{padding:0 8px 7px}.mode-tabs{overflow:auto;scrollbar-width:none}.mode-tabs button{flex:1;min-width:77px;font-size:9px;padding:11px 6px}.mode-tabs button span{display:block;font-size:16px;margin:0 0 4px}.control-body{grid-template-columns:minmax(150px,1.6fr) minmax(125px,1fr) 115px;gap:9px;padding-top:10px}.assembly-options,.camera-controls{display:none}.chip{display:none}.viewer-actions .glassbtn{padding:6px 7px}.operate-panel{grid-template-columns:repeat(3,1fr);gap:8px}.operate-panel button{grid-column:span 3}.dialog-columns{grid-template-columns:1fr}}
@media(max-width:560px){.brand-mark{width:29px;height:29px}.brand b{font-size:11px}.brand small{letter-spacing:.5px}.titleband{align-items:center}.titleband h1{font-size:32px}.titleband p{font-size:10px}.titleband p .muted{display:none}.eyebrow{font-size:7px}.spec-pills>span{min-width:61px;padding:6px}.spec-pills small{font-size:7px}.spec-pills b{font-size:16px}.topbar{gap:10px}.iconbtn{display:none}.control-body{grid-template-columns:1fr 1fr;gap:10px}.control-col.playback{grid-column:2;grid-row:1}.control-col.options{grid-column:1/-1;display:flex;gap:9px}.control-col.options label{flex:1}.mode-tabs button{min-width:70px}.viewer-top{left:10px;right:10px}.viewer-actions .glassbtn{font-size:8px}.viewer-actions .glassbtn:first-child{display:none}.orbit-caption{font-size:8px}.axis-legend small{display:none}.operate-panel{grid-template-columns:1fr 1fr}.operate-panel label:nth-child(3){grid-column:1/-1}.operate-panel button{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}}

.labels{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}.labels svg{position:absolute;inset:0;width:100%;height:100%}@media(max-width:560px){.iconbtn{display:block;padding:4px 6px;font-size:13px}}

.science{margin-top:12px;border:1px solid #2b455b;border-radius:3px;padding:8px 10px;background:#0e1d2c}.science summary{cursor:pointer;color:#81b5c6;font-size:10px;letter-spacing:1.2px;font-weight:700}.science p{color:#869eaf;line-height:1.6;font-size:11px}.science .disclaim{color:#9fb4c2;border-top:1px solid #223546;padding-top:8px}
html.embed-mode,body.embed-mode{height:100vh;height:100dvh;margin:0;overflow:hidden}
body.embed-mode #app{height:100vh;height:100dvh}
.embed-mode .topbar,.embed-mode .titleband{display:none}
body.embed-mode .workspace{flex:1 1 auto;min-height:0}
@media(max-width:950px){body.embed-mode .viewport{min-height:55dvh}}
@media(max-width:950px){.embed-mode .topbar{display:flex;height:40px;padding:0 10px}.embed-mode .topbar .brand,.embed-mode .topbar .top-center,.embed-mode .topbar #helpBtn,.embed-mode .topbar #fullscreenBtn{display:none}.embed-mode .top-right{width:100%;justify-content:space-between}.embed-mode .mobilebtn{display:inline-block}}