:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#eee9df;background:#11171d;--orange:#f49b49;--muted:#a4adb6;--hair:#3b4650}*{box-sizing:border-box}body{margin:0;min-width:330px}.app{max-width:1920px;margin:auto;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.topbar{height:79px;display:flex;align-items:center;border-bottom:1px solid #303a44;padding:0 35px;gap:16px;background:#11171d}.brandMark{width:40px;height:42px;border-radius:9px;background:#e48b42;color:#151a1e;display:grid;place-items:center;font-size:24px;font-weight:900;letter-spacing:-3px}.brandMark span{font-size:14px;margin-left:-11px;margin-top:16px}.brand strong{letter-spacing:2px;font-size:17px}.brand strong span{color:#ed9752}.brand small{display:block;font-size:9px;letter-spacing:1.5px;color:#8896a0;margin-top:5px}.topRight{margin-left:auto;font-size:10px;letter-spacing:1.8px;color:#8e9da9;display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;background:#70d0ac;border-radius:50%;box-shadow:0 0 14px #70d0ac}.counter{border:1px solid #36434e;padding:10px 16px;margin-left:17px}main{display:grid;grid-template-columns:minmax(0,1fr) 385px;min-height:730px}.stage{min-height:720px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 46% 47%,#303b45 0%,#1e2831 49%,#171f27 100%)}.stage:before{position:absolute;content:'';inset:0;background-image:linear-gradient(90deg,rgba(173,183,187,.025) 1px,transparent 1px),linear-gradient(0deg,rgba(173,183,187,.025) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.stageHead{position:absolute;top:35px;left:44px;z-index:1;pointer-events:none}.eyebrow{color:var(--orange);font-weight:750;letter-spacing:2.3px;font-size:10px}.stageHead h1{font-size:72px;letter-spacing:-4.5px;line-height:1;margin:15px 0 5px;font-weight:800}.stageHead h1 span{color:#ed8d41}.stageHead p{font-size:14px;color:#b5c2ce;font-weight:300}.stage canvas{display:block;width:100%;height:100%;min-height:720px;cursor:grab;touch-action:none}.stage canvas:active{cursor:grabbing}.stageFoot{position:absolute;bottom:30px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;gap:18px;z-index:2;flex-wrap:wrap}.stageFoot small{color:#98a5b2;font-size:10px;letter-spacing:1.25px}.cameraButtons{display:flex;gap:7px}.ghost{background:rgba(15,21,27,.58);border:1px solid #46545e;color:#bdc7cf;font-size:10px;letter-spacing:.9px;padding:11px 12px}.ghost:hover,.ghost.active{border-color:#e9954d;color:#f4bd8b}.watermark{position:absolute;bottom:98px;right:36px;font-size:10px;letter-spacing:2.8px;color:#73818e;pointer-events:none}.loading{position:absolute;z-index:4;top:49%;left:50%;transform:translate(-50%,-50%);background:#121b23e8;border:1px solid #495a64;padding:25px;min-width:295px;text-align:center;font-size:11px;letter-spacing:2px;color:#eee;transition:opacity .3s}.loading span{color:#f2a862}.panel{border-left:1px solid #39434c;padding:32px 25px 22px;background:#161d24;display:flex;flex-direction:column}.panelTitle{display:flex;align-items:center;justify-content:space-between;color:#b9c2cc;font-size:9px;letter-spacing:1.5px}.tag{background:#2d413a;color:#95dfba;padding:7px 9px;border-radius:3px;font-size:8px}.panel h2{font-size:34px;letter-spacing:-1px;line-height:1.1;font-weight:750;margin:25px 0 13px}.panel h2 em{font-style:normal;color:var(--orange)}.lead{font-size:12px;color:#9ba8b3;line-height:1.65;margin:0 0 23px}.telemetry{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #35404a;border-left:1px solid #35404a}.telemetry div{padding:15px 12px;border-bottom:1px solid #35404a;border-right:1px solid #35404a}.telemetry small{display:block;color:#8e9aa8;font-size:9px;letter-spacing:1.1px;margin-bottom:9px}.telemetry strong{font-size:24px;font-weight:600;color:#eae9e3;font-variant-numeric:tabular-nums}.telemetry strong i{font-size:10px;color:#97a5b1;font-style:normal;font-weight:400}.barhead{display:flex;justify-content:space-between;margin-top:20px;color:#abb7c1;font-size:9px;letter-spacing:1.3px}.barhead span{color:var(--orange)}.progress{height:4px;background:#364049;margin:11px 0 8px}.progress>div{height:100%;width:0%;background:#f49b49;transition:width .15s}.control{margin:13px 0 4px}.labelline{display:flex;justify-content:space-between;color:#b7c1c9;gap:5px;font-size:10px;letter-spacing:.7px}.labelline output{color:#f0ad75;white-space:nowrap}input[type=range]{width:100%;margin:13px 0 2px;accent-color:#ec9954;height:4px;cursor:pointer}.buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:23px 0 14px}.buttons button{padding:14px 6px;font-size:10px;font-weight:700;letter-spacing:.7px;border:1px solid #485660;color:#d2d9de;background:#202b33;transition:background .15s}.buttons button:hover{background:#314452}.buttons button.primary{background:#f09948;color:#14202a;border-color:#f09948}.buttons button.primary:hover{background:#ffb470}.status{padding:12px;background:#1c2930;color:#9ebbb8;font-size:9px;letter-spacing:1.2px;display:flex;align-items:center;gap:9px}.status .ind{width:7px;height:7px;border-radius:50%;background:#79cdac}.status.warn{color:#efae8f}.status.warn .ind{background:#f2ab64}.formula{padding:19px 1px 0;margin-top:17px;border-top:1px solid #35404a}.formula small{letter-spacing:1.8px;font-size:9px;color:var(--orange)}.formula .math{font-family:Cambria,Georgia,serif;font-size:15px;color:#dde3e5;margin:15px 0}.formula p{color:#8d9ba5;font-size:11px;line-height:1.6;margin-bottom:0}footer{min-height:55px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 35px;border-top:1px solid #313b45;font-size:9px;letter-spacing:1.5px;color:#8c99a3}footer strong{color:#ece7dc}@media(max-width:1100px){main{grid-template-columns:minmax(0,1fr) 335px}.panel{padding:25px 17px}.stageHead h1{font-size:57px}}@media(max-width:800px){main{display:block}.stage,.stage canvas{min-height:560px;height:560px}.stageHead{top:22px;left:24px}.stageHead h1{font-size:53px}.stageFoot{left:15px;right:15px;bottom:14px}.stageFoot small{display:none}.panel{border-left:none;border-top:1px solid #46545e}.telemetry strong{font-size:24px}.watermark{display:none}footer{flex-wrap:wrap;padding:22px;line-height:1.7}.topRight{font-size:0}.counter{font-size:10px}.topbar{padding:0 18px}}@media(max-width:420px){.cameraButtons{flex-wrap:wrap}.ghost{font-size:8px;padding:9px}.stage,.stage canvas{min-height:490px;height:490px}.stageHead h1{font-size:45px}}