:root{font-family:'DM Sans',Arial,sans-serif;color:#d9e6ef;background:#070e16;font-size:13px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:360px}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #6dd6db;outline-offset:2px}#app{min-height:100vh;display:flex;flex-direction:column}.masthead{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #1c2b38;background:#0b1520;flex-shrink:0}.brand{display:flex;align-items:center;gap:16px}.brand-icon{width:42px;height:42px;border:1px solid #7acbd4;display:grid;place-items:center;transform:rotate(45deg);box-shadow:0 0 21px #0bb8cb1e}.brand-icon span{transform:rotate(-45deg);font-family:'Space Grotesk';font-size:22px;font-weight:700;color:#9de6eb}.eyebrow{font-size:9px;letter-spacing:2.4px;font-weight:700;color:#7dd4dd}.dim,.muted{color:#64798a}.brand-title{font-family:'Space Grotesk';letter-spacing:3px;font-size:21px;color:#eff6f8;line-height:1.35}.brand-title b{color:#71d8e3}.version{color:#607484;font-size:8px;vertical-align:top;letter-spacing:0}.header-right{display:flex;align-items:center;gap:28px;white-space:nowrap}.status{border:1px solid #315f5d;background:#102e2d;color:#91e5c7;padding:10px 14px;font-size:10px;font-weight:700;letter-spacing:1.8px}.status i{display:inline-block;width:6px;height:6px;background:#74d5a8;border-radius:50%;margin-right:10px;box-shadow:0 0 12px #72ecba}.header-id{color:#8094a1;font-size:10px;letter-spacing:2px;font-weight:700}.slash{padding:0 9px;color:#4c6272}.workspace{min-height:calc(100vh - 74px);display:grid;grid-template-columns:minmax(0,1fr) 348px}.workzone{min-height:0;display:flex;flex-direction:column}.viewport{height:calc(100vh - 74px - 217px);min-height:420px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 49%,#1b3545 0%,#0b1927 50%,#07111b 100%)}#three-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;outline:none}.viewport:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,15,25,.53),transparent 18%,transparent 80%,rgba(5,15,25,.25))}.stage-overline{position:absolute;left:32px;top:27px;font-weight:700;font-size:10px;letter-spacing:2px;color:#75d7df;z-index:2}.stage-overline span{display:block;letter-spacing:1.25px;margin-top:9px;color:#6f8b9e;font-size:9px}.stage-title{position:absolute;top:87px;left:32px;z-index:2;color:#d4e5eb;font-family:'Space Grotesk';font-weight:600;letter-spacing:1px;font-size:19px}.stage-title span{display:block;font-size:11px;font-weight:400;color:#7a90a1;letter-spacing:2px;margin-top:6px}.axis-metrics{position:absolute;right:24px;top:27px;display:grid;gap:8px;width:190px;z-index:2}.axis-metric{padding:12px 13px 10px;background:#0b1c29dc;border:1px solid #294051;backdrop-filter:blur(7px)}.metric-head{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#c6d9e5}.metric-head small{font-size:8px;float:right;color:#738a9a;letter-spacing:1px;margin-top:2px}.axis-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#52d7e7;margin-right:6px}.y .axis-dot{background:#ffa779}.z .axis-dot{background:#8d9dfb}.metric-value{font-family:'Space Grotesk';font-weight:700;font-size:21px;padding-top:9px;letter-spacing:.4px;font-variant-numeric:tabular-nums}.metric-value small{font:10px 'DM Sans';color:#7292a7}.meter{height:2px;background:#1f3444;margin-top:11px}.meter span{display:block;height:100%;width:0;background:#6ad7e5;transition:width .08s}.y .meter span{background:#ffa779}.z .meter span{background:#8698ff}.viewport-footer{position:absolute;bottom:19px;left:27px;right:25px;display:flex;align-items:center;gap:8px;z-index:2}.mini-tag{font-size:9px;font-weight:700;letter-spacing:1px;color:#7191a5;padding:10px;border:1px solid #334e5a;background:#07142086}.subtle-btn{margin-left:auto;background:#122c3bc7;border:1px solid #426473;color:#c3e7ed;font-size:9px;letter-spacing:1px;padding:11px 14px}.subtle-btn:hover{background:#1b4255}.toppill{position:absolute;bottom:78px;right:27px;font-size:9px;letter-spacing:1px;z-index:2;color:#8da2ae}.toppill span{color:#4a6374;margin:0 5px}.oscilloscope{height:217px;border-top:1px solid #284151;background:#0b1520;padding:15px 28px 10px;flex-shrink:0}.scope-top,.scope-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px}.scope-top>div:first-child{display:flex;align-items:center;gap:13px}.scope-badge{background:#213b4c;border:1px solid #426274;color:#b9e2ec;padding:6px 8px;font-size:10px;font-weight:700}.scope-heading{font-family:'Space Grotesk';font-weight:700;letter-spacing:1.3px;font-size:12px}.scope-top .muted,.scope-legend,.scope-bottom{font-size:9px;letter-spacing:1.2px}.scope-legend{display:flex;gap:17px;font-weight:700}.lx{color:#5bd8ea}.ly{color:#f9ad7e}.lz{color:#98a7ff}.scope-body{height:125px;position:relative;margin-top:8px}#scope-canvas{width:100%;height:100%;display:block}.scope-scale{position:absolute;top:4px;bottom:8px;right:3px;display:flex;flex-direction:column;justify-content:space-between;color:#547085;font-size:9px;pointer-events:none}.scope-bottom{color:#6d8b9d;padding:5px 5px 0}.control-panel{background:#101c28;border-left:1px solid #2a4150;display:flex;flex-direction:column;min-height:0}.panel-heading{padding:28px 25px 20px;border-bottom:1px solid #243543}.panel-heading h1{font-family:'Space Grotesk';font-size:23px;margin:9px 0;letter-spacing:-.4px;font-weight:600}.panel-heading p{line-height:1.6;color:#8799a9;font-size:11px;margin:0;max-width:278px}.panel-content{padding:0 24px 30px;overflow-y:auto;flex:1}.section-label{display:flex;align-items:center;gap:10px;color:#c0cfda;font-size:10px;letter-spacing:1.8px;font-weight:700;margin:26px 0 15px}.section-label>span:first-child{color:#62c6d0}.rule{height:1px;background:#2b4050;flex:1}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.action{background:#1c3040;border:1px solid #3d5362;color:#d7e6ef;font-weight:700;letter-spacing:1.2px;font-size:11px;padding:12px}.action.main{background:#12616d;border-color:#278b97;color:#ccfbff}.action:hover{filter:brightness(1.2)}.impact{margin-top:9px;width:100%;border:1px solid #966c46;background:linear-gradient(115deg,#433122,#2a2627);color:#ffc28b;text-align:left;padding:13px;font-size:10px;letter-spacing:1.15px;font-weight:700}.impact span{float:right}.field-label{display:block;color:#8ca4b5;font-size:11px;margin:12px 0 7px}select{appearance:none;color:#c4d7e1;background:#0b1823 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='m3 5 4 4 4-4' fill='none' stroke='%2394bec8' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid #334b5a;padding:11px 35px 11px 11px;width:100%;font-size:11px}.slider-control{margin:14px 0 19px}.slider-title{display:flex;justify-content:space-between;gap:12px;align-items:baseline;color:#afc5d1;font-size:11px}.slider-title output{font-family:'Space Grotesk';font-variant-numeric:tabular-nums;font-size:12px;color:#a9f2f4;font-weight:700}.slider-control input[type=range]{appearance:none;width:100%;height:3px;background:#314858;outline:0;margin:18px 0 6px;cursor:pointer;accent-color:#79dfe7}.slider-control input[type=range]::-webkit-slider-thumb{appearance:none;background:#b8ecf1;width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 4px #23728050}.slider-limits{display:flex;justify-content:space-between;color:#5e7a8d;font-size:9px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#c3d4de;margin:8px 0 2px;position:relative}.toggle-row small{display:block;color:#6e889a;font-size:9px;margin-top:5px}.toggle-row input{opacity:0;position:absolute;right:0}.switch{width:34px;height:18px;border-radius:10px;background:#304352;position:relative;flex-shrink:0;transition:background .2s}.switch:after{content:'';position:absolute;background:#b3c2cb;width:12px;height:12px;border-radius:50%;left:3px;top:3px;transition:transform .2s}.toggle-row input:checked+.switch{background:#247b89}.toggle-row input:checked+.switch:after{transform:translateX(16px);background:#b9f7f6}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preset-grid button{border:1px solid #395565;background:#162735;color:#93adbd;padding:12px 6px;font-size:9px;letter-spacing:1px;font-weight:700}.preset-grid button.active{border-color:#5abac4;background:#143c48;color:#c9f3f5}.preset-grid button:hover{border-color:#87c7d3}.render-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.render-stats>div{background:#0b1925;border:1px solid #284251;padding:12px 8px}.render-stats span,.physics-stats span{color:#698598;font-size:9px;letter-spacing:1px;display:block}.render-stats b{display:block;margin-top:6px;font-family:'Space Grotesk';color:#c5e3e9;font-size:19px}.physics-stats{border-top:1px solid #2a4050;padding-top:9px}.physics-stats div{display:flex;justify-content:space-between;padding:10px 0;gap:9px;border-bottom:1px solid #243746}.physics-stats strong{font-size:11px;color:#b0d2d9;font-weight:600;font-variant-numeric:tabular-nums}.panel-footer{border-top:1px solid #284052;color:#688394;letter-spacing:1.4px;font-size:8px;display:flex;justify-content:space-between;padding:18px 24px;gap:8px}.control-panel::-webkit-scrollbar,.panel-content::-webkit-scrollbar{width:5px}.panel-content::-webkit-scrollbar-thumb{background:#304e5b}@media(max-width:1150px){.workspace{grid-template-columns:minmax(0,1fr) 312px}.control-panel .panel-heading{padding:20px}.panel-content{padding:0 18px 20px}.axis-metrics{width:154px}.metric-head small{display:none}.stage-title{font-size:15px}.scope-top .muted{display:none}}@media(max-width:860px){.masthead{padding:0 18px;height:66px}.header-id{display:none}.workspace{display:block}.viewport{height:580px;min-height:450px}.control-panel{border-left:0;border-top:1px solid #2a4150}.panel-content{overflow:visible;display:grid;grid-template-columns:1fr;max-width:750px;width:100%;margin:auto}.panel-heading{max-width:750px;width:100%;margin:auto}.panel-footer{display:none}.oscilloscope{height:210px}}@media(max-width:540px){.brand-title{font-size:16px}.eyebrow{font-size:8px}.status{font-size:8px;padding:8px}.viewport{height:535px}.stage-overline{left:16px;top:17px;font-size:8px}.stage-overline span{max-width:160px;line-height:1.6}.stage-title{left:16px;top:85px;font-size:14px}.axis-metrics{right:10px;top:15px;width:126px}.axis-metric{padding:9px}.metric-head{font-size:8px}.metric-value{font-size:16px}.viewport-footer{left:12px;right:12px;gap:5px;flex-wrap:wrap}.mini-tag{font-size:7px;padding:7px}.subtle-btn{font-size:8px;padding:8px}.toppill{display:none}.oscilloscope{padding:12px}.scope-top{align-items:flex-start}.scope-top>div:first-child{gap:7px}.scope-heading{font-size:9px}.scope-legend{gap:8px;font-size:8px}.scope-legend .muted{display:none}}