html,body{margin:0;min-height:100%;background:#101217;color:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{display:grid;grid-template-columns:minmax(860px,min(62vw,1280px)) minmax(360px,1fr);min-height:100vh}#viewport{display:block;width:100%;height:auto;aspect-ratio:1;background:#0b0e13}#app{display:grid;align-content:start;gap:16px;padding:24px}.panel{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #2d3544;padding-bottom:16px}h1{margin:0 0 6px;font-size:22px;font-weight:700;letter-spacing:0}p{margin:0;max-width:520px;color:#aab5c4;font-size:13px;line-height:1.45}button{min-width:132px;border:1px solid #41506a;border-radius:6px;background:#1f6feb;color:#fff;font:inherit;font-size:13px;font-weight:700;padding:10px 12px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px}.metrics span{border:1px solid #2d3544;border-radius:6px;padding:10px;color:#d8e0eb;font-size:12px;line-height:1.35}.controls,.diagnostics{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px;border:1px solid #2d3544;border-radius:6px;padding:12px}.controls label{display:grid;gap:6px;color:#d8e0eb;font-size:12px;line-height:1.3}.controls input[type=range]{width:100%}.controls input[type=checkbox]{width:18px;height:18px}.button-row{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:8px}.button-row button,.panel button{width:100%}.diagnostics{grid-template-columns:repeat(2,minmax(140px,1fr))}.diagnostics h2{grid-column:1 / -1;margin:0;font-size:15px;letter-spacing:0}.diagnostics span{border:1px solid #2d3544;border-radius:6px;padding:9px;color:#d8e0eb;font-size:12px;line-height:1.35}@media(max-width:860px){body{grid-template-columns:1fr}#viewport{width:100vw;height:auto;aspect-ratio:1}.panel{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.controls,.button-row,.diagnostics{grid-template-columns:1fr}}body.production-product-configurator{grid-template-columns:minmax(880px,min(72vw,1540px)) minmax(420px,1fr);overflow:hidden}body.production-product-configurator #viewport{width:100%;height:100vh;max-height:100vh;aspect-ratio:auto}body.production-product-configurator #app{max-height:100vh;overflow:auto;padding:18px}body.production-product-configurator .metrics,body.production-product-configurator .controls,body.production-product-configurator .button-row{grid-template-columns:repeat(2,minmax(130px,1fr))}@media(max-width:1180px){body.production-product-configurator{grid-template-columns:1fr;overflow:auto}body.production-product-configurator #viewport{width:100vw;height:min(72vh,100vw);max-height:none}}