*{box-sizing:border-box}body{margin:0;background:#08141d;color:#e7eeeb;font:15px/1.5 system-ui,Arial,sans-serif}main{display:grid;grid-template-columns:minmax(0,1fr) 390px;min-height:100vh}.stage{position:relative;min-height:100vh;background:radial-gradient(ellipse at 55% 34%,#163949,#07151e 75%)}#viewport{height:100%;min-height:650px}.brand{position:absolute;top:20px;left:25px;letter-spacing:2.2px;font-size:13px;font-weight:800;color:#f2cc8d}.brand span{color:#fff}.toolbar{position:absolute;bottom:23px;left:23px;display:flex;gap:9px}.toolbar button{border:1px solid #537180;background:#152d39;color:#eef2ee;padding:12px 14px;cursor:pointer;border-radius:5px}.toolbar button:hover{background:#234859}aside{padding:26px 27px;max-height:100vh;overflow-y:auto;border-left:1px solid #39515e;background:#0d202a}.eyebrow{color:#e9b96e;font-size:11px;letter-spacing:2px;font-weight:bold}h1{font-size:26px;line-height:1.2;margin:14px 0 9px}.subtitle{color:#a1b7c0;font-size:13px;margin-bottom:28px}.control{padding:14px 0;border-top:1px solid #28404b}.labelRow{display:flex;justify-content:space-between;gap:8px}.control label{font-weight:600;font-size:13px}output{color:#e2b36e;font-variant-numeric:tabular-nums}input[type=range]{accent-color:#dca858;width:100%;margin:11px 0 0}select{background:#18313e;color:#fff;border:1px solid #446272;width:100%;padding:11px;margin-top:8px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0}.metric{background:#17313d;border:1px solid #264452;padding:13px 10px;border-radius:6px}.metric b{display:block;font-size:22px;font-variant-numeric:tabular-nums}.metric span{font-size:11px;color:#acc0c3}.warning{min-height:24px;color:#ffca7c;font-size:13px}.small{font-size:12px;line-height:1.7;color:#aac0c6;margin-top:16px}.inspector{border-left:3px solid #dca858;padding:10px 14px;background:#17303c;margin-top:20px}.inspector p{margin:8px 0;font-size:13px;color:#b7cad0}a{color:#f2c67e}@media(max-width:920px){main{grid-template-columns:1fr}.stage{min-height:62vh}#viewport{height:62vh;min-height:430px}aside{max-height:none}.toolbar{flex-wrap:wrap}}