*{box-sizing:border-box}html,body,#app{margin:0;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#223943;background:#f5f7f8}body{font-size:13px}button,input,select{font:inherit}button,select,input{accent-color:#207f7a}button{cursor:pointer;border:1px solid #cdd8dc;background:#fff;border-radius:6px;color:#36535f;padding:9px 12px;font-weight:550}button:hover{background:#eaf0f2}button:disabled,select:disabled,input:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #209892;outline-offset:3px}button.active{background:#fff;box-shadow:0 2px 5px #172f3a13;color:#1f6e70}button.primary{background:#226e70;border-color:#226e70;color:#fff}button.primary:hover{background:#195d60}.wide{width:100%;display:flex;justify-content:space-between}.secondary{background:#e9f0f1}.topbar{height:76px;display:flex;align-items:center;gap:13px;padding:0 24px;border-bottom:1px solid #d7e0e3;background:#fcfdfd}.brand-icon{display:grid;place-items:center;font-size:33px;color:#397a79;border:1px solid #a9c4c6;border-radius:10px;width:41px;height:41px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:.15em;color:#477b80}.brand h1{font-size:20px;letter-spacing:-.5px;margin:2px 0 0;font-weight:620}.revision{color:#70858e;border-left:1px solid #d3dee2;padding-left:17px;margin-left:3px;font-size:11px}.top-stats{display:flex;gap:25px;margin-left:auto}.top-stats>div{display:flex;flex-direction:column;gap:5px}.top-stats span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#768d96}.top-stats strong{font-size:11px;font-weight:620}.state-stat{min-width:168px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 386px;height:calc(100dvh - 76px)}.viewport-card{position:relative;overflow:hidden;min-width:0;background:#e8edf0}#scene{display:block;width:100%;height:100%;touch-action:none}.sidebar{padding:17px 20px 24px;overflow:auto;background:#fafcfc;border-left:1px solid #d6dfe3;scrollbar-width:thin}.view-toolbar{position:absolute;top:21px;left:23px;display:flex;gap:3px;padding:4px;background:#f7f9fae8;border:1px solid #cbd6dc;border-radius:9px;box-shadow:0 4px 15px #344f5c0b}.view-toolbar button{background:transparent;border:0;padding:8px 12px;font-size:11px}.view-toolbar button.active{background:#fff}.scene-badges{position:absolute;top:79px;left:25px;display:flex;gap:13px;flex-wrap:wrap;pointer-events:none}.scene-badges span{font-size:9px;font-weight:650;letter-spacing:.08em;color:#607983}.scene-badges span:before{content:"";width:5px;height:5px;background:#6c8a91;border-radius:50%;display:inline-block;margin:0 6px 1px 0}.scene-badges span.on{color:#008e85}.scene-badges span.on:before{background:#13bfb0;box-shadow:0 0 8px #13bfb0}.view-options{position:absolute;top:118px;left:25px;display:flex;gap:14px;font-size:10px;color:#536c77}.view-options label{display:flex;align-items:center;gap:4px}.view-options input{width:12px;height:12px;margin:0}.scene-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.model-label{position:absolute;left:0;top:0;background:#f8fcfde8;color:#3b5c68;padding:5px 7px;border:1px solid #bbcdd4;border-radius:3px;font-size:8px;font-weight:650;letter-spacing:.07em;white-space:nowrap;box-shadow:0 2px 10px #2943520b}.model-label[hidden]{display:none}.scale-legend{position:absolute;left:25px;bottom:143px;display:flex;flex-direction:column;gap:6px;color:#607986;font-size:9px;pointer-events:none}#scaleBar{border:1px solid #536f7d;border-top:0;height:6px}.scale-legend small{font-size:9px;color:#7b9098}.scene-caption{position:absolute;left:25px;bottom:25px;max-width:calc(100% - 295px);pointer-events:none}.scene-caption p{font-size:14px;line-height:1.5;margin:8px 0;color:#294958;max-width:430px}.scene-caption small{font-size:10px;color:#7b909a}.detail-monitor{position:absolute;right:20px;bottom:24px;width:222px;border-radius:9px;background:#f9fcfcef;border:1px solid #bfced5;box-shadow:0 6px 25px #34536512;overflow:hidden}.monitor-head{display:flex;justify-content:space-between;padding:12px 12px 8px;font-size:9px;letter-spacing:.11em;font-weight:700}.live-dot{font-size:8px;color:#7a8e97;letter-spacing:.04em}.live-dot:before{content:"";display:inline-block;width:4px;height:4px;background:#388c89;border-radius:50%;margin-right:5px}.monitor-tabs{display:flex;gap:4px;margin:0 10px 5px;background:#eaf0f2;border-radius:5px;padding:3px}.monitor-tabs button{padding:5px;flex:1;font-size:10px;border:0;background:transparent}.monitor-tabs button.active{background:#fff}.detail-monitor canvas{display:block;width:220px;height:160px}.monitor-values{display:flex;justify-content:space-between;padding:5px 13px;font-family:ui-monospace,monospace;font-size:10px;color:#297276}.detail-monitor p{font-size:8px;text-align:center;color:#7b8d95;margin:4px 0 12px}.tabs{display:flex;padding:4px;background:#e9eff1;border:1px solid #dce4e7;border-radius:8px;gap:4px;margin-bottom:22px}.tab{flex:1;padding:8px 6px;background:transparent;border:0;font-size:11px}.tab-page{display:none}.tab-page.active{display:block}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px;gap:10px}.section-heading h2{font-size:15px;letter-spacing:-.3px;margin:0;font-weight:630}.section-heading>span{font-size:10px;color:#7e949c}.hint{font-size:11px;line-height:1.65;color:#6c818c;margin:8px 0 17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 11px}.form-grid label,.standalone-label{display:flex;flex-direction:column;gap:6px;font-size:10px;color:#637b85;font-weight:560}select,input[type=number]{width:100%;height:36px;background:#fff;color:#344f5b;border:1px solid #cbd7dc;border-radius:6px;padding:7px 10px;outline:none;font-size:12px}.input-unit{position:relative}.input-unit input{padding-right:34px}.input-unit span{position:absolute;right:10px;top:10px;font-size:10px;color:#7a8e97}.field-note{font-size:9px;line-height:1.5;color:#899aa2;margin:10px 0 13px}.check-row{display:flex;gap:15px;margin-bottom:15px;font-size:10px;color:#597480}.check-row label{display:flex;align-items:center;gap:5px}.check-row input{margin:0;width:12px;height:12px}.phase-list{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:18px 0}.phase-list span{border-bottom:2px solid #dce5e8;padding:3px 0 7px;font-size:10px;color:#7d929c}.phase-list .current{color:#147772;border-color:#238e87;font-weight:650}.phase-list .done{border-color:#abc7be;color:#5a7c73}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.metric-grid>div{border:1px solid #dbe4e7;border-radius:7px;background:#fff;padding:10px 11px}.metric-grid span{display:block;font-size:8px;letter-spacing:.06em;text-transform:uppercase;color:#8a9ca4}.metric-grid strong{display:block;font-family:ui-monospace,SFMono-Regular,monospace;font-size:14px;font-weight:500;margin-top:7px;color:#2c515e}.metric-grid>div:first-child{border-color:#b9d7d2;background:#f2f9f7}.metric-grid>div:first-child strong{color:#1d7c75}.calibration-list{display:flex;flex-direction:column;margin:13px 0;gap:7px}.cal-item{display:flex;align-items:center;justify-content:space-between;border:1px solid #dae4e7;border-radius:6px;background:#fff;padding:10px;gap:8px}.cal-item span{font-size:11px}.cal-item small{display:block;margin-top:5px;font-size:9px;color:#ac7551}.cal-item.done small{color:#688d83}.cal-item button{font-size:10px;padding:5px 8px}.button-row{display:flex;gap:8px;margin:10px 0}.button-row button{flex:1;font-size:11px}.playback{border-top:1px solid #dce5e8;border-bottom:1px solid #dce5e8;padding:18px 0;margin:20px 0}.playback-title{display:flex;justify-content:space-between;color:#6b8692;font-size:10px}.playback-title strong{font-weight:550}.playback-title>span{font-family:ui-monospace,monospace}.progress-wrap{height:4px;background:#e0e9eb;border-radius:4px;overflow:hidden;margin:10px 0 13px}.progress-wrap>div{height:100%;width:0;background:#489c90;transition:width .1s}.playback-controls{display:flex;align-items:center;gap:7px}.playback-controls button{font-size:10px;padding:7px 13px}.playback-controls label{display:flex;gap:7px;align-items:center;margin-left:auto;font-size:10px;color:#69828d}.playback-controls select{height:29px;width:65px;font-size:10px;padding:4px}.vision-panel{margin-bottom:20px}.vision-panel .section-heading h2{font-size:12px}.vision-content{display:flex;gap:15px;border:1px solid #d3e0e3;background:#eef4f5;border-radius:7px;padding:12px}.reticle{position:relative;width:140px;min-width:140px;height:92px;border:1px solid #b2c6ce;background:radial-gradient(ellipse,#f5fafb,#d7e4e9)}.reticle:before,.reticle:after{content:"";position:absolute;background:#6e919b80}.reticle:before{width:1px;top:0;bottom:0;left:50%}.reticle:after{height:1px;left:0;right:0;top:50%}.reticle i{position:absolute;width:22px;height:22px;border:1px solid #4c9991;border-radius:50%;left:calc(50% - 11px);top:calc(50% - 11px)}.reticle b{position:absolute;width:5px;height:5px;border-radius:50%;background:#c89540;left:calc(50% - 2.5px);top:calc(50% - 2.5px)}.vision-readouts{display:flex;flex-direction:column;justify-content:space-between}.vision-readouts span{font-size:8px;color:#8197a0}.vision-readouts strong{display:block;margin-top:3px;font-size:10px;color:#4c6d79;font-family:ui-monospace,monospace;font-weight:500}.axis-table{margin-top:15px}.axis-row{display:grid;grid-template-columns:1fr 1fr 45px;align-items:center;padding:8px 0;border-bottom:1px solid #e4eaed;font-size:11px}.axis-row strong{font-family:ui-monospace,monospace;text-align:right;font-weight:500}.axis-row em{font-size:9px;color:#91a1a8;text-align:right;font-style:normal}.component-card{font-size:11px;line-height:1.6;border:1px solid #cadcde;background:#f1f7f6;border-radius:7px;padding:12px;margin-top:15px}.component-card p{margin:6px 0 0;color:#6a858d}.source-notes{font-size:10px;line-height:1.7;color:#718992;margin-top:18px}.source-notes summary{cursor:pointer;color:#456d79}.log-card summary{cursor:pointer;font-size:11px;font-weight:550;color:#506e79}.log-card summary span{float:right;font-size:9px;font-weight:400;color:#8b9ea7}.event-log{height:124px;overflow:auto;scrollbar-width:thin;border:1px solid #dce5e7;background:#fff;border-radius:6px;padding:8px;margin-top:10px;font-family:ui-monospace,monospace;font-size:9px;line-height:1.65;color:#7e929c}.log-line{margin-bottom:5px}.log-line b{font-weight:400;color:#367e83}.model-note{font-size:8px;line-height:1.75;letter-spacing:.015em;color:#97a7ae;margin:19px 0 0}@media(min-width:1600px){.layout{grid-template-columns:minmax(0,1fr) 420px}.sidebar{padding:23px 26px}}@media(max-width:1150px){.revision{display:none}.layout{grid-template-columns:minmax(0,1fr) 350px}.sidebar{padding:17px 16px}.view-toolbar{left:16px}.view-toolbar button{padding:7px 8px}.scene-badges,.view-options{left:18px}.detail-monitor{width:200px;right:12px;bottom:18px}.detail-monitor canvas{width:198px;height:144px}.scene-caption{left:18px;max-width:calc(100% - 240px)}.scene-caption p{font-size:12px}.vision-content{gap:10px}.reticle{width:125px;min-width:125px}.top-stats{gap:15px}.scale-legend{left:18px;bottom:172px}}@media(max-width:850px){.layout{display:block;height:auto}.viewport-card{height:650px}.sidebar{border-top:1px solid #d3dfe4;border-left:0;overflow:visible}.topbar{padding:0 14px}.brand h1{font-size:17px}.top-stats{gap:10px}.top-stats>div:first-child{display:none}.state-stat{min-width:135px}.scene-caption{max-width:calc(100% - 245px)}.form-grid{grid-template-columns:1fr 1fr}.sidebar{max-width:700px;margin:auto}.scale-legend{bottom:145px}}@media(max-width:500px){.topbar{height:68px;gap:8px}.brand-icon{display:none}.brand h1{font-size:16px}.eyebrow{font-size:8px}.top-stats>div:nth-child(2){display:none}.state-stat{min-width:110px;max-width:136px}.top-stats strong{font-size:9px}.view-toolbar{left:10px;right:10px;justify-content:space-between}.view-toolbar button{font-size:10px;padding:7px 9px}.scene-badges{gap:7px;left:13px}.scene-badges span{font-size:7px}.view-options{left:13px;gap:11px}.viewport-card{height:720px}.detail-monitor{bottom:18px;right:13px}.scene-caption{left:13px;bottom:30px;max-width:calc(100% - 232px)}.scene-caption p{font-size:11px}.scene-caption small{font-size:9px}.scale-legend{left:13px;bottom:280px}.model-label{font-size:7px;padding:4px}.scene-caption .eyebrow{font-size:7px}}.pattern-spec{padding:11px 12px;background:#edf3f5;border:1px solid #d4e0e5;border-radius:6px;margin-bottom:16px}.pattern-spec strong{display:block;font-size:12px;font-weight:550}.pattern-spec span{display:block;font-family:ui-monospace,monospace;font-size:10px;color:#54828b;margin-top:5px}.pattern-spec small{display:block;font-size:9px;color:#8f867a;line-height:1.5;margin-top:6px}.exposure-status{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px;padding:12px;border:1px solid #d4e0e4;background:#f1f6f7;border-radius:7px;margin-bottom:11px}.exposure-status span{font-size:8px;letter-spacing:.1em;color:#7b939e;display:block}.exposure-status strong{font-family:ui-monospace,monospace;font-size:13px;display:block;margin-top:5px;font-weight:500}.exposure-status b{font-size:10px;color:#208580;font-weight:600}.exposure-status small{flex-basis:100%;font-size:9px;color:#8a9da6}.view-toolbar button{padding-left:10px;padding-right:10px}@media(max-width:500px){.view-toolbar button{font-size:9px;padding:7px 5px}.view-toolbar{gap:0}}.detail-view-note{position:absolute;left:25px;top:160px;max-width:320px;pointer-events:none}.detail-view-note[hidden]{display:none}.detail-view-note strong{display:block;font-size:12px;color:#3a6170}.detail-view-note span{display:block;font-size:10px;color:#6d8994;margin-top:6px}.detail-view-note small{display:block;font-size:9px;color:#8298a2;line-height:1.5;margin-top:6px}.scene-caption{background:#f8fbfbdc;border:1px solid #d1dde0aa;border-radius:7px;padding:12px 14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.scene-caption p{font-size:12px;margin:7px 0}.detail-view-note{background:#f8fbfbeb;border:1px solid #cbdadd;border-radius:7px;padding:12px;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.micro-zooms{display:flex;gap:5px;margin-top:10px}.micro-zooms button{font-size:9px;padding:6px 8px}.view-options{background:#f4f8f9ed;padding:7px 9px;border-radius:5px;top:113px}.scene-badges span{background:#f4f8f9df;padding:4px 6px;border-radius:3px}.scale-legend{background:#f4f8f9db;padding:8px;border-radius:4px;bottom:168px}.monitor-tabs button{white-space:nowrap;padding:5px 3px}@media(max-width:500px){.scale-legend{bottom:287px}.scene-caption{padding:10px}.scene-caption p{font-size:10px}.detail-view-note{max-width:250px;left:13px}.scene-badges{gap:3px}}.tabs{position:sticky;top:0;z-index:4}.view-options button{border:0;background:transparent;padding:0 2px;margin-left:2px;font-size:10px;color:#337a7b}.parts-list{list-style:none;margin:0;padding:0}.parts-list .parts-list{margin-left:10px;padding-left:12px;border-left:1px solid #d7e3e6}.part-row{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:33px;padding:4px 0}.part-row label{display:flex;align-items:center;gap:7px;font-size:11px;line-height:1.3;min-width:0;cursor:pointer}.part-row input{width:13px;height:13px;flex-shrink:0;margin:0}.part-solo{border:0;background:transparent;padding:4px 5px;font-size:9px;color:#7a969d}.part-solo:hover{color:#236c6e;background:#e1eff0}.part-branch-head{position:relative;padding-top:1px}.part-branch-head>.part-row{position:absolute;left:18px;right:0;top:0}.part-branch>summary{height:34px;cursor:pointer;color:#698a94;list-style:none;display:flex;align-items:center;width:16px}.part-branch>summary:before{content:"›";font-size:20px;display:inline-block;transform:rotate(0);transition:transform .12s}.part-branch[open]>summary:before{transform:rotate(90deg)}.part-branch>summary::-webkit-details-marker{display:none}.parts-list>li{border-bottom:1px solid #edf1f3}.part-branch-head>.part-row label{font-weight:600}.part-presets{display:flex;gap:7px;margin-bottom:10px}.part-presets button{font-size:10px;padding:8px 10px}.part-actions{display:flex;gap:6px;padding-bottom:13px;margin-bottom:6px;border-bottom:1px solid #dbe5e8}.part-actions button{font-size:10px;padding:6px 8px}.tabs .tab{font-size:10px}#partsTree{margin-top:5px}