:root{font:14px/1.45 Inter,Segoe UI,Arial,sans-serif;color:#ebf0f2;background:#0c161d}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.workspace{height:100vh;min-height:700px;display:grid;grid-template-columns:minmax(0,1fr) 352px}.viewport{position:relative;background:radial-gradient(circle at 45% 45%,#203744,#080f15);overflow:hidden}.viewport canvas{display:block;width:100%;height:100%}.top{position:absolute;z-index:2;left:24px;right:24px;top:22px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.logo{font-weight:800;letter-spacing:3px;font-size:16px}.logo span{color:#f6aa43}.logo em{font-size:10px;letter-spacing:2px;font-style:normal;font-weight:500;color:#9aaeba}.state{font-size:10px;letter-spacing:1.4px;color:#bccad2;background:#101d27b9;padding:9px 12px;border:1px solid #31515b}.blink{display:inline-block;background:#e99c3c;width:7px;height:7px;border-radius:50%;margin-right:8px;box-shadow:0 0 11px #c7761d}.view-legend{position:absolute;left:24px;bottom:90px;color:#9fb4c0;font-size:10px;letter-spacing:1px;display:flex;gap:12px;flex-direction:column;pointer-events:none}.view-legend span:first-child{font-size:12px;color:#f4b45c}.bottom-bar{position:absolute;bottom:21px;left:21px;right:21px;display:flex;flex-wrap:wrap;gap:7px}.bottom-bar button{border:1px solid #355364;background:#0e1b25ba;padding:11px 12px;color:#d0dce1;font-size:10px;letter-spacing:.9px;cursor:pointer}.bottom-bar button:hover{color:#fff;border-color:#dd933e;background:#263948}.panel{background:#0c1720;border-left:1px solid #344852;padding:23px 24px;overflow:auto;scrollbar-width:thin;scrollbar-color:#395564 transparent}.eyebrow,.sectionlabel{letter-spacing:1.5px;font-size:10px;color:#eca647;font-weight:700}.panel h1{font-size:28px;letter-spacing:.4px;margin:8px 0 6px}.panel h1 strong{color:#f3ad55}.deck{color:#98acb6;font-size:12px;line-height:1.6;margin:0}.divider{height:1px;background:#2a3b45;margin:17px 0}.statusrow,.control label{display:flex;align-items:center;justify-content:space-between;color:#a8b9c4;font-size:10px;letter-spacing:1px;font-weight:700}.statusrow span:last-child{color:#e9a848}.actions{display:flex;gap:8px;margin:12px 0}.actions button,.panel select{background:#1b2c38;color:#c9dce5;border:1px solid #3b505b;padding:10px;cursor:pointer;font-size:11px;min-width:0;flex:1}.actions button:hover{border-color:#e7a04a}.actions .primary{background:#d99031;color:#1a2227;font-weight:800;border-color:#e8a04c}.control{margin:17px 0}.control output{color:#f4b766}.control input[type=range]{width:100%;accent-color:#f5ad54;margin:11px 0 2px}.control select{display:block;width:100%;margin-top:8px}.toggleRow{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#b7c7ce}input[type=checkbox]{accent-color:#f2aa54}#visibility label{display:block;padding:6px 0;font-size:12px;color:#b4c5cb}#visibility input{margin-right:10px}#inspector{background:#101f2a;border:1px solid #324854;border-radius:4px;min-height:65px;margin-top:9px;padding:11px;font-size:12px;color:#ccd9df;overflow-wrap:anywhere}.hint{color:#8099a9}.foot{border-top:1px solid #314650;padding-top:13px;margin-top:26px;font-size:10px;color:#81939b;line-height:1.8}.foot span{color:#d2a05d}.labels{position:absolute;pointer-events:none;inset:0}.mechanical-label{position:absolute;transform:translate(-50%,-50%);padding:5px 8px;border:1px solid #637d85;background:#0d1d27dd;border-radius:2px;color:#e9b875;font-size:10px;letter-spacing:.65px;white-space:nowrap;box-shadow:0 3px 15px #0006}@media(max-width:900px){.workspace{display:block;height:auto}.viewport{height:69vh;min-height:500px}.panel{height:auto;max-height:none}.top{left:10px;right:10px}.logo em{display:none}.bottom-bar{left:8px;right:8px;gap:4px}.bottom-bar button{padding:8px;font-size:9px}.view-legend{bottom:84px;left:13px}}