:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#dde9e9;background:#0a121b;font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e8a766;outline-offset:4px}button:disabled{cursor:not-allowed} .app-shell{min-height:100vh;max-width:1920px;margin:0 auto}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #20303b;padding:0 36px;background:#0e1822;gap:22px}.brand{display:flex;align-items:center;gap:15px;min-width:225px}.monogram{width:39px;height:39px;border:1px solid #63716e;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;letter-spacing:-2px;color:#f3e1c7}.monogram span{color:#d29a6d;padding:0 1px}.brand .eyebrow{display:block;font-size:9px;letter-spacing:1.25px;margin-bottom:5px}.brand strong{font-weight:800;letter-spacing:2px;font-size:15px}.muted{color:#889e9d}.eyebrow{color:#9badad;font-size:10px;font-weight:700;letter-spacing:1.5px}.top-center{font-family:Consolas,monospace;font-size:10px;font-weight:600;letter-spacing:1px;color:#83969c;text-align:center}.separator{padding:0 13px;color:#b87946}.top-status{color:#a6b7b2;letter-spacing:1px;font-size:10px;font-weight:700;white-space:nowrap}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9bbb86;box-shadow:0 0 9px #9bbb86;margin-right:10px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:calc(100vh - 72px)}.workspace{padding:25px 28px 28px 36px;min-width:0}.section-head{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:14px}.section-head h1{font-size:clamp(25px,2.7vw,41px);font-weight:800;line-height:1;margin:12px 0 7px;letter-spacing:-1px;color:#f1eee7}.section-head p{color:#94a8ad;font-size:13px;margin:0}.accent{color:#d59b67}.edition-tag{text-align:right;font:10px/1.6 Consolas,monospace;letter-spacing:.7px;color:#84969c;white-space:nowrap}.edition-tag strong{color:#d6b48e;font-weight:600}.viewport-wrapper{height:min(58vh,590px);min-height:380px;position:relative;border:1px solid #2d4350;border-radius:3px;overflow:hidden;background:radial-gradient(ellipse at 60% 50%,#273f44,#071520);box-shadow:inset 0 0 60px #101d29}#viewer{width:100%;height:100%;display:block;cursor:grab;touch-action:none}#viewer:active{cursor:grabbing}.viewport-wrapper:before{pointer-events:none;content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,20,29,.15),transparent 38%,rgba(8,19,27,.04));z-index:1}.viewport-corner{position:absolute;z-index:2;pointer-events:none}.viewport-corner.top-left{left:20px;top:18px;display:grid;gap:8px}.tiny-label{font-family:Consolas,monospace;color:#f4e8d3;letter-spacing:1.4px;font-size:10px}.small-line{font-family:Consolas,monospace;color:#819da4;letter-spacing:.5px;font-size:9px}.small-line i{display:inline-block;height:3px;width:3px;background:#d9a577;border-radius:50%;vertical-align:middle}.top-right{right:20px;top:21px}.render-mode{font:9px Consolas,monospace;letter-spacing:1px;background:#132835bb;padding:8px 10px;color:#b0d8cc;border:1px solid #304a50}.bottom-left{bottom:20px;left:20px;pointer-events:auto}.camera-presets{display:flex;gap:2px}.camera-presets button{border:1px solid #49616a;background:#0c202bcc;color:#a8bab9;padding:8px 11px;font:10px Consolas,monospace;letter-spacing:.7px}.camera-presets button.active{color:#fce2bd;background:#344a4b;border-color:#ab9878}.camera-help{font:9px Consolas,monospace;color:#9fb3b8;letter-spacing:.6px;margin-top:11px}.camera-help span{color:#d2a075}.bottom-right{bottom:20px;right:20px}.compass-mark{border:1px solid #4c646b;padding:9px;font:11px Consolas,monospace;color:#d0e0db}.error-layer{position:absolute;inset:10%;z-index:6;display:grid;place-items:center;background:#301b20ee;color:#fff1d0;border:1px solid #dc8c73;padding:28px;text-align:center;font-weight:700}.error-layer[hidden]{display:none}.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #22323e;border-top:0;background:#101d28;min-height:133px}.metric{padding:21px 23px;min-width:0;border-right:1px solid #22323e}.metric:last-child{border:0}.metric-label{display:block;font:10px Consolas,monospace;letter-spacing:.7px;color:#94a6a9;white-space:nowrap}.metric-id{color:#ba895c}.metric-value{font-size:33px;font-weight:800;color:#f1eee5;letter-spacing:-1px;margin-top:13px;line-height:1.1;font-variant-numeric:tabular-nums}.metric-value small{font-size:15px;font-weight:500;color:#8da9ad}.state-value{font-size:24px;letter-spacing:.2px;color:#d1ab7a;padding-top:8px}.metric-foot{display:block;color:#6f8992;margin-top:10px;font-size:10px}.bottom-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px;padding:28px 0 0}.info-block{border-top:1px solid #2b3d46;padding-top:19px}.info-index{font:10px Consolas,monospace;color:#c99565;letter-spacing:1px}.info-block h2{font-size:15px;letter-spacing:-.2px;margin:10px 0}.info-block p{color:#92a5a9;font-size:12px;line-height:1.6;margin:0}.control-panel{background:#111d27;border-left:1px solid #2c3d46;min-width:0}.panel-heading{min-height:130px;padding:27px 25px 22px;border-bottom:1px solid #2b3d44;display:flex;align-items:flex-start;justify-content:space-between}.panel-heading h2{font-size:21px;line-height:1.1;margin:13px 0 0;letter-spacing:-.7px;color:#f0eee7}.panel-code{font:12px Consolas,monospace;color:#c99767;border:1px solid #586163;padding:8px;margin-top:3px}.panel-content{padding:0 25px 24px}.console-section{padding:23px 0 22px;border-bottom:1px solid #2b3c46}.section-title{display:flex;align-items:center;gap:10px;font:10px Consolas,monospace;font-weight:700;color:#e3e4dc;letter-spacing:1.3px;margin-bottom:19px}.section-number{color:#cf9164}.status-label{margin-left:auto;color:#9baaaa;border:1px solid #48585b;padding:5px 7px;font-size:9px;letter-spacing:0}.status-label.running{color:#b1d8ab;border-color:#6a956a}.primary-actions{display:flex;gap:7px}.btn-primary{flex:1;background:#d5a16f;color:#172029;border:1px solid #e2b88e;font-size:11px;font-weight:800;letter-spacing:.5px;padding:13px 7px;transition:background .15s}.btn-primary.running{background:#bbd8c8;border-color:#c9e9d7}.btn-primary:hover{background:#eed1a8}.btn-secondary{background:#1b2b36;color:#ece8de;border:1px solid #415660;font:10px Consolas,monospace;font-weight:700;padding:13px 9px}.btn-secondary:hover{background:#2b4856}.btn-text{background:none;border:0;color:#a1b4b5;padding:14px 0 0;letter-spacing:.8px;font:10px Consolas,monospace}.btn-text:hover{color:#f3cf9c}.field-label{display:block;color:#91a5a9;font:10px Consolas,monospace;letter-spacing:.8px;margin:0 0 9px}.select-field{width:100%;padding:12px 29px 12px 11px;border:1px solid #40525a;background:#1b2b35;color:#e5e7e2;border-radius:1px;font-size:12px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#c9a780 50%),linear-gradient(135deg,#c9a780 50%,transparent 50%);background-position:calc(100% - 16px) 17px,calc(100% - 11px) 17px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.select-field option{background:#1b2b35}.draft-head{display:flex;justify-content:space-between;align-items:center;color:#99a5aa;font:9px Consolas,monospace;margin:18px 0 9px;white-space:nowrap}.key{font:8px Consolas,monospace;display:flex;gap:4px;align-items:center}.key b{width:7px;height:7px;display:inline-block;margin-left:4px}.key-over{background:#daa677}.key-under{background:#374f5a}.weave-draft{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(8,11px);gap:2px}.draft-cell{background:#294451;border:1px solid #48606a}.draft-cell.over{background:#d0a06e;border-color:#f0c89b}.small-help{color:#718c91;font-size:10px;line-height:1.5;margin:11px 0 0}.range-label{display:flex;justify-content:space-between;align-items:baseline;gap:8px;color:#b2c1c2;font:10px Consolas,monospace;letter-spacing:.5px;margin-bottom:13px}.range-label:not(:first-of-type){margin-top:20px}.range-label output{color:#e5d5b6;font-size:14px;white-space:nowrap}.range-label small{font-size:9px;color:#92a8a9}.console-section input[type=range]{appearance:none;width:100%;height:4px;background:linear-gradient(to right,#d3a174 var(--range-progress),#304551 var(--range-progress));outline:none;cursor:pointer;margin:0}.console-section input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;background:#ecd5b5;border:2px solid #96663f;border-radius:50%;box-shadow:0 0 0 3px #16262f}.console-section input[type=range]::-moz-range-thumb{width:10px;height:10px;background:#ecd5b5;border:2px solid #96663f;border-radius:50%}.range-ends{display:flex;justify-content:space-between;font:9px Consolas,monospace;color:#6f8a90;margin:8px 0 0}.stage-section{border-bottom:0}.stage-heading{display:flex;justify-content:space-between;align-items:baseline}.stage-heading span{font:10px Consolas,monospace;color:#adbdba}.stage-heading strong{font:16px Consolas,monospace;letter-spacing:.5px;color:#e4b88c}.stage-track{height:5px;background:#2c4550;margin-top:13px}.stage-progress{height:100%;width:0%;background:#d5a16f;transition:width .07s linear}.stage-description{font-size:11px;line-height:1.55;min-height:52px;color:#91a7ac}.machine-alert{display:flex;gap:9px;align-items:center;background:#1a3033;border:1px solid #355652;padding:10px;margin-top:8px;font:9px/1.4 Consolas,monospace;color:#b1cfc3}.alert-indicator{width:6px;height:6px;background:#9eca92;border-radius:50%;flex-shrink:0}.machine-alert.caution{color:#f4c196;border-color:#786046;background:#33291f}.machine-alert.caution .alert-indicator{background:#eaaa63}.console-footer{display:grid;gap:8px;color:#5e7882;letter-spacing:.8px;font:9px Consolas,monospace;margin-top:10px}
@media(min-width:1600px){.layout{grid-template-columns:minmax(0,1fr) 390px}.control-panel{font-size:14px}.viewport-wrapper{height:min(62vh,680px)}.panel-content{padding-left:30px;padding-right:30px}}
@media(max-width:1120px){.top-center{display:none}.layout{grid-template-columns:minmax(0,1fr) 325px}.workspace{padding:20px}.metric{padding:17px 13px}.metric-label{font-size:9px}.metric-value{font-size:27px}.bottom-section{gap:15px}}
@media(max-width:790px){.topbar{padding:0 18px;height:64px}.layout{grid-template-columns:1fr}.workspace{padding:18px}.control-panel{border-left:0;border-top:1px solid #42515b}.panel-heading{min-height:90px;padding:20px}.panel-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.console-section{padding:19px 0}.panel-content .console-footer{grid-column:1/-1}.viewport-wrapper{height:57vh;min-height:340px}.section-head{min-height:100px}}
@media(max-width:530px){.brand{min-width:0}.top-status{font-size:8px}.brand strong{font-size:13px}.brand .eyebrow{font-size:7px}.section-head{min-height:101px}.section-head h1{font-size:25px}.edition-tag{font-size:8px}.section-head p{font-size:11px}.viewport-wrapper{height:44vh;min-height:310px}.top-right{display:none}.viewport-corner.top-left{left:12px;top:11px}.bottom-left{bottom:12px;left:12px}.camera-presets button{font-size:9px;padding:7px}.camera-help{font-size:8px}.metric-strip{grid-template-columns:repeat(2,1fr)}.metric{min-height:110px;border-bottom:1px solid #22323e}.metric:nth-child(even){border-right:0}.metric:nth-child(n+3){border-bottom:0}.bottom-section{grid-template-columns:1fr;gap:20px}.panel-content{display:block}.top-status span:last-child{display:none}.panel-heading{min-height:97px}.viewport-corner.bottom-right{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}