:root{color-scheme:dark;--bg:#0b1c22;--bg2:#12282e;--panel:#12282e;--panel2:#173238;--border:#2a4247;--border2:#34494c;--cream:#eee8d8;--faded:#a0aead;--muted:#788d8b;--gold:#e8c887;--gold2:#b5985e;--green:#258071;--ink:#0a1c20;font-family:Inter,"Segoe UI",Arial,Helvetica,sans-serif;font-optical-sizing:auto}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--cream);font-size:14px;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}.app-shell{width:100%;max-width:1920px;margin:0 auto}.topbar{height:81px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:0 4.2%;background:#0c1c21}.brand{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border:1.5px solid #caa865;border-radius:50%;font-size:27px;color:var(--gold);line-height:1}.brand strong{font-size:14px;font-weight:750;letter-spacing:.15em}.brand-accent{color:var(--gold);padding:0 3px}.brand small{display:block;font-size:8px;letter-spacing:.28em;margin-top:2px;color:#9daea8}.top-actions{display:flex;align-items:center;gap:27px}.edition{font-weight:700;display:flex;align-items:center;gap:9px;color:#8daf9a;font-size:9px;letter-spacing:.14em}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#70d1a1;box-shadow:0 0 12px #70d1a188;flex-shrink:0}.language-button{background:none;border:1px solid var(--border);border-radius:4px;color:var(--cream);padding:8px 11px;font-weight:700;font-size:11px;letter-spacing:.1em}.chevron{padding-left:8px;color:var(--gold)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 375px;align-items:stretch}.workspace{padding:30px 4.4% 34px 5%;min-width:0}.breadcrumbs,.eyebrow,.side-eyebrow,.section-kicker,.muted-label,.section-title h3,.field-row label,.endpoints,.eyebrow-light{letter-spacing:.16em;font-weight:750;font-size:10px}.breadcrumbs{display:flex;gap:12px;align-items:center;color:var(--faded);font-size:9px}.breadcrumb-slash{color:var(--gold2)}.breadcrumb-end{margin-left:auto;color:var(--gold)}.heading{display:flex;justify-content:space-between;align-items:center;padding:30px 0 23px}.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--gold);font-weight:700}.small-star{font-size:14px;margin-right:8px}.heading h1{margin:6px 0 2px;font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:.02em;font-size:clamp(43px,5.3vw,79px);line-height:1.05}.title-slash{font-family:Arial,sans-serif;color:var(--gold2);font-weight:200;margin-left:4px}.heading p{color:#a6b5b3;font-size:13px;letter-spacing:.012em;margin:10px 0 0}.product-number{color:#496266;font-size:12px;letter-spacing:.1em;align-self:flex-end;margin-bottom:4px}.product-number span{color:var(--gold)}.viewport-wrap{position:relative;height:min(49vw,620px);min-height:425px;background:radial-gradient(ellipse at 44% 30%,#2a4b4f 0%,#152f36 45%,#0e242b 82%,#0b2025 100%);border:1px solid #3d5756;overflow:hidden;isolation:isolate}.viewport-wrap:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.14),transparent 24%,transparent 80%,rgba(0,0,0,.27));z-index:1}.viewport-vignette{pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 48% 44%,transparent 32%,#06171c58 100%);z-index:1}canvas{width:100%;height:100%;display:block;position:relative;z-index:0;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.viewport-head,.viewport-footer{position:absolute;left:22px;right:22px;z-index:3;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.viewport-head{top:19px}.view-chip{display:flex;gap:9px;align-items:center;color:#d8e6d5;border:1px solid #6c958549;background:#0d2929aa;padding:8px 10px;font-size:9px;letter-spacing:.14em;font-weight:700}.live-mark{width:6px;height:6px;border-radius:50%;background:#c6d5b1;box-shadow:0 0 6px #c6d5b1}.view-id{color:#b9ccc4;font-size:9px;letter-spacing:.15em}.view-id span{color:var(--gold)}.view-mark{position:absolute;z-index:1;right:28px;bottom:66px;color:#b8c3b111;font-size:110px;line-height:1;font-family:Georgia,serif;pointer-events:none}.view-mark span{color:#c8ab6b2b}.viewport-footer{bottom:17px}.orbit-tip{color:#c1d0c9bf;font-size:9px;font-weight:700;letter-spacing:.12em;display:flex;gap:10px;align-items:center}.pointer-icon{font-size:17px;color:var(--gold)}.view-btns{display:flex;gap:5px;pointer-events:auto}.view-btns button{border:1px solid #78938a55;background:#0e2528bb;border-radius:2px;color:#e0d5ba;font-size:18px;width:34px;height:33px;line-height:1}.view-btns button:hover{background:#286357}.viewport-empty{position:absolute;inset:0;z-index:10;background:#0a1d23ed;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;text-align:center;padding:40px}.viewport-empty p{color:var(--faded);max-width:450px}.error-glyph{width:48px;height:48px;border:1px solid #e2ba88;border-radius:50%;display:grid;place-items:center;font-size:30px}.under-viewport{display:flex;align-items:center;gap:32px;justify-content:space-between;border-bottom:1px solid var(--border);padding:22px 0}.under-viewport>div{display:flex;flex-direction:column;gap:5px}.muted-label{color:#73918f;font-size:9px}.under-viewport strong{font-weight:550;font-size:11px;color:#d7d9ce}.dim{color:var(--gold2)}.outline-link{background:none;border:none;color:var(--gold);padding:0;text-align:right;font-size:10px;letter-spacing:.12em;font-weight:800;max-width:136px}.outline-link:hover{text-decoration:underline}.about-section{margin-top:42px}.section-kicker{display:flex;gap:16px;align-items:center;color:var(--gold);font-size:10px}.section-kicker .line{width:34px;height:1px;background:var(--gold2)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start;margin-top:15px}.about-grid h2{font:400 clamp(25px,2.7vw,37px)/1.18 Georgia,serif;margin:5px 0;color:#eeeadd}.about-grid p{margin:0;color:#b2c1bd;font-size:13px;line-height:1.85}.truth-note{display:flex;gap:10px;padding-top:18px;margin-top:18px;border-top:1px solid var(--border);color:#9caaa7;font-size:11px;line-height:1.65}.truth-note span:first-child{font-size:20px;color:var(--gold);line-height:1.3}.sidebar{border-left:1px solid var(--border);background:#10262c;min-width:0}.sidebar-top{height:101px;display:flex;align-items:center;justify-content:space-between;padding:23px 28px;border-bottom:1px solid var(--border)}.side-eyebrow{font-size:9px;color:var(--gold);letter-spacing:.19em}.sidebar h2{font:400 23px Georgia,serif;margin:6px 0 0;line-height:1.1}.tiny-gear{border:1px solid #354d4c;border-radius:50%;height:37px;width:37px;color:#c1ac7e;font-size:22px;display:grid;place-items:center}.console-section{padding:23px 28px 25px;border-bottom:1px solid var(--border)}.first-section{padding-top:27px}.section-title{display:flex;align-items:center;gap:11px;margin-bottom:17px}.section-title h3{margin:0;font-weight:750;color:#e0ddd0;font-size:10px}.section-num{color:var(--gold);font:italic 13px Georgia,serif}.readout{background:#0b1e24;border:1px solid #30474a;padding:17px 17px 15px}.readout-main{display:flex;align-items:flex-start;justify-content:space-between}.eyebrow-light{font-size:9px;color:#829a95}.big-number{font-size:43px;line-height:1.15;letter-spacing:-.04em;font-weight:280;font-variant-numeric:tabular-nums}.divider-num{color:#647977;font-size:31px;margin:0 5px}.max-num{color:var(--gold);font-size:29px}.stage-label{background:#254338;color:#9ed6b0;border:1px solid #46725d;font-size:9px;font-weight:750;letter-spacing:.08em;padding:6px 7px;margin-top:12px}.stage-label[data-state="clashing"]{color:#f1d39c;border-color:#a58b57;background:#4f4330}.stage-label[data-state="paused"]{color:#ead3ac;background:#493e2f;border-color:#8b7454}.stage-label[data-state="done"]{color:#a1e6ba}.strike-track{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;margin:17px 0 20px}.tick{height:8px;background:#2a4245;border:1px solid #4460655c;transition:background .18s}.tick.filled{background:#cba76b;border-color:#f1d09d}.progress-caption{display:flex;justify-content:space-between;color:#8eaaa5;font-weight:750;letter-spacing:.11em;font-size:9px}.progress-caption span:last-child{color:#d5d9c9}.progress-track{height:3px;background:#2c4645;margin-top:8px;overflow:hidden}.progress-track div{height:100%;width:0;background:#d8be84;transition:width .09s linear}.transport{display:flex;gap:8px;margin:12px 0 25px}.primary-button{background:#dfbd7a;border:1px solid #eccb8d;color:#17252a;font-size:11px;letter-spacing:.12em;font-weight:850;display:flex;align-items:center;justify-content:center;gap:12px;min-height:45px;flex:1}.primary-button:hover{background:#f4d494}.square-button{width:48px;background:none;border:1px solid #59706c;color:#d4d8ca;font-size:24px}.square-button:hover,.export-button:hover{background:#244342}.field-row{display:flex;justify-content:space-between;align-items:center;margin:0 0 11px}.field-row label{color:#c6d1cb;font-size:9px}.field-row output{font-size:11px;color:#e9c787;font-weight:700}.range-input{appearance:none;-webkit-appearance:none;cursor:pointer;width:100%;height:3px;background:#49605c;border-radius:0;display:block;margin:16px 0 11px;accent-color:var(--gold)}.range-input::-webkit-slider-thumb{appearance:none;background:var(--gold);width:12px;height:12px;border:3px solid #17292c;border-radius:50%;box-shadow:0 0 0 1px #dfbd7a}.range-input::-moz-range-thumb{background:#dfbd7a;border:2px solid #17292c;border-radius:50%;width:11px;height:11px}.endpoints{display:flex;justify-content:space-between;color:#7f9995;font-size:9px;letter-spacing:.11em}.option-stack{border-top:1px solid #2a4247;margin-top:24px;padding-top:2px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #2a4247;padding:14px 0;position:relative;cursor:pointer}.toggle-row input{position:absolute;opacity:0;width:0;height:0}.toggle-title{display:block;font-weight:750;color:#dfe4d8;font-size:10px;letter-spacing:.08em}.toggle-row small{color:#849c96;font-size:10px;display:block;margin-top:3px}.switch-ui{height:18px;width:34px;background:#364b4b;border:1px solid #56706a;border-radius:16px;flex-shrink:0;position:relative;transition:background .18s}.switch-ui:before{content:"";position:absolute;top:3px;left:3px;background:#b9c8c0;width:10px;height:10px;border-radius:50%;transition:transform .18s}.toggle-row input:checked+.switch-ui{background:#bc9b60}.toggle-row input:checked+.switch-ui:before{transform:translateX(16px);background:#0e2930}.toggle-row input:focus-visible+.switch-ui{outline:2px solid var(--gold);outline-offset:4px}.theme-label{margin-top:20px}select{background:#0d2228;color:#c9d7cb;border:1px solid #425957;width:100%;height:40px;padding:0 10px;font-size:11px;cursor:pointer}.parts-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.part-button{min-height:49px;display:flex;align-items:center;gap:8px;text-align:left;background:#0d2227;border:1px solid #364c4c;color:#c5d1ca;padding:9px;font-size:11px;white-space:nowrap}.part-button:hover{border-color:#bca26f}.part-button.active{background:#27493f;border-color:#ab9568;color:#f2e8ca}.part-number{font-size:9px;color:var(--gold)}.part-arrow{margin-left:auto;color:#c6aa79}.component-note{margin-top:14px;padding:12px 13px;display:flex;gap:10px;background:#1c3638;border-left:2px solid #b99d64}.component-glyph{color:var(--gold)}.component-note p{margin:0;font-size:11px;line-height:1.55;color:#b4cbc2}.export-info{font-size:11px;color:#aec0b7;line-height:1.65;margin:-3px 0 16px}.export-button{display:flex;width:100%;align-items:center;justify-content:space-between;color:#d7c69e;padding:12px 14px;border:1px solid #b29869;background:#192e31;letter-spacing:.11em;font-size:10px;font-weight:800}.export-note{font-size:9px;color:#738e87;line-height:1.65;margin:12px 0 0}.sidebar-footer{padding:19px 28px;display:flex;align-items:center;gap:8px;color:#92a9a1;font-size:9px;letter-spacing:.11em}.footer-right{margin-left:auto;color:#617976}.site-footer{min-height:67px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--border);padding:15px 4.2%;font-size:9px;letter-spacing:.12em;color:#81958e}.footer-location{color:#d2b889}.help-dialog{width:min(690px,calc(100vw - 28px));max-height:90vh;overflow:auto;border:1px solid #b89c6b;color:var(--cream);background:#10282e;padding:0;box-shadow:0 30px 110px #0009}.help-dialog::backdrop{background:#030e14c7;backdrop-filter:blur(6px)}.help-dialog form{padding:33px}.dialog-top{display:flex;justify-content:space-between;gap:18px}.dialog-top h2{font:400 31px Georgia,serif;margin:8px 0 0}.dialog-close{align-self:start;border:1px solid #49625e;background:none;color:var(--cream);height:32px;width:32px}.help-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-top:1px solid var(--border);margin-top:27px;padding-top:23px}.help-columns h3{color:var(--gold);font-size:10px;letter-spacing:.14em}.help-columns p{font-size:12px;color:#b8c9c3}kbd{border:1px solid #5d7770;color:#e7d3ad;padding:3px 5px;margin-right:7px;display:inline-block;font-family:inherit;font-size:10px}.dialog-note{border-left:2px solid var(--gold);background:#1f383b;color:#b6c9c2;padding:14px;font-size:11px;line-height:1.7;margin:21px 0}.dialog-action{width:100%}
@media(max-width:1360px){.layout{grid-template-columns:minmax(0,1fr) 343px}.workspace{padding-left:4%;padding-right:4%}.sidebar-top,.console-section{padding-left:22px;padding-right:22px}.under-viewport{gap:12px}.under-viewport strong{font-size:10px}}
@media(max-width:1060px){.layout{grid-template-columns:1fr}.sidebar{border-left:none;border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr}.sidebar-top,.sidebar-footer{grid-column:1/-1}.sidebar-top{height:77px}.console-section{border-right:1px solid var(--border)}.workspace{padding:25px 4% 35px}.viewport-wrap{height:60vw;max-height:650px}.heading h1{font-size:65px}.under-viewport{flex-wrap:wrap}.site-footer{flex-wrap:wrap}}
@media(max-width:660px){.topbar{padding:0 16px;height:68px}.top-actions{gap:8px}.edition{font-size:0}.edition .status-dot{width:7px;height:7px}.brand strong{font-size:11px}.brand small{font-size:7px}.brand-mark{height:33px;width:33px;font-size:24px}.workspace{padding:20px 16px 28px}.breadcrumbs{font-size:8px;gap:8px}.breadcrumb-end{display:none}.heading{padding:25px 0 20px}.heading h1{font-size:52px}.heading p{font-size:12px}.product-number{display:none}.viewport-wrap{height:500px;min-height:420px}.viewport-head,.viewport-footer{left:12px;right:12px}.viewport-head{top:12px}.view-id{font-size:8px}.viewport-footer{bottom:12px;gap:8px}.orbit-tip{font-size:0}.pointer-icon{font-size:20px}.under-viewport{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:18px 0}.under-viewport .outline-link{justify-self:start}.about-grid{grid-template-columns:1fr;gap:14px}.about-section{margin-top:28px}.about-grid h2{font-size:33px}.sidebar{grid-template-columns:1fr}.sidebar-top,.sidebar-footer{grid-column:1}.console-section{border-right:none}.site-footer{padding:20px 16px;gap:10px;font-size:8px}.footer-location{display:none}.help-columns{grid-template-columns:1fr}.help-dialog form{padding:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}