:root{--bg:#07111f;--panel:#0c192a;--line:#29415c;--ink:#eef7ff;--muted:#9fb2c5;--cyan:#54c8ff;--gold:#ffd264}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Inter,ui-sans-serif,system-ui,sans-serif;overflow:hidden}button,input,select{font:inherit}.sim-header{height:58px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#081423}.sim-header a{color:var(--ink);text-decoration:none}.sim-header>div{display:flex;gap:18px;align-items:center}.sim-header #saveState{color:var(--muted);font-size:12px}.brand{font-weight:900;letter-spacing:.08em}.brand small{font-weight:500;color:#83a1bc;margin-left:6px}.sim-app{display:grid;grid-template-columns:330px minmax(420px,1fr) 330px;height:calc(100vh - 58px);min-height:0}.panel{min-height:0;overflow-y:auto;overscroll-behavior:contain;background:var(--panel)}.builder{border-right:1px solid var(--line)}.snapshot{border-left:1px solid var(--line);padding:18px}.panel-title{padding:18px}.panel-title p,.eyebrow{color:var(--cyan);font-size:11px;font-weight:900;letter-spacing:.14em;margin:0}.panel-title h1,.panel-title h2{margin:5px 0 0;font-size:25px}.builder section{border-top:1px solid var(--line);padding:16px 18px}.builder h2{font-size:16px;margin:0 0 13px;display:flex;align-items:center;gap:9px}.builder h2 b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#184e77;color:#bde8ff}.builder label{display:grid;gap:6px;margin:10px 0;color:#bdd0df;font-size:12px}.builder input,.builder select,.contact-dialog input{width:100%;border:1px solid #35506d;border-radius:9px;background:#0a1423;color:#fff;padding:10px}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.segmented{display:grid;grid-template-columns:1fr 1fr}.segmented button{border:1px solid #34506e;background:#0a1423;color:#b8cbe0;padding:10px}.segmented button:first-child{border-radius:9px 0 0 9px}.segmented button:last-child{border-radius:0 9px 9px 0}.segmented .active{background:#1b5d8d;color:#fff}.notice{color:#ffcc81;font-size:11px;line-height:1.45}.muted{color:var(--muted);font-size:12px;line-height:1.45}.choice,.extra{border:1px solid #294965;background:#0a1626;border-radius:10px;padding:10px;margin:8px 0}.choice.selected{border-color:#59cbff;background:#102944}.choice-top,.extra{display:flex;justify-content:space-between;gap:8px;align-items:center}.choice h3,.extra h3{margin:0;font-size:13px}.choice small,.extra small{color:var(--muted)}.choice button,.extra button,.scene-toolbar button,.snapshot button,.sim-header button{border:1px solid #375877;background:#102238;color:#eef7ff;border-radius:8px;padding:8px;cursor:pointer}.extra-list{max-height:none;overflow:visible}.extra-info{min-width:0}.extra-info h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qty{display:flex;align-items:center;gap:6px}.qty b{min-width:22px;text-align:center}.viewport-panel{min-width:0;min-height:0;position:relative;background:#050b13}.scene-toolbar{position:absolute;z-index:3;left:12px;right:12px;top:12px;display:flex;flex-wrap:wrap;gap:7px}.scene-toolbar button{background:#0b1929dd;backdrop-filter:blur(8px)}.scene-toolbar button.active{background:#1c6290}.scene-host{width:100%;height:100%}.scene-host canvas{display:block;width:100%;height:100%}.scene-loading,.webgl-fallback{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:var(--muted)}.scene-loading[hidden],.webgl-fallback[hidden]{display:none}.scene-note{position:absolute;left:12px;right:12px;bottom:36px;background:#091522dd;border:1px solid #304a64;border-radius:10px;padding:9px 12px;font-size:11px;color:#bdcbd9}.scene-note strong{color:#ffd277}.scene-help{position:absolute;left:15px;right:15px;bottom:10px;font-size:10px;color:#9eb1c2;line-height:1.35}.snapshot-list{max-height:calc(100vh - 390px);overflow:auto}.snap{border-bottom:1px solid #253a50;padding:10px 0}.snap>div{display:flex;justify-content:space-between;gap:8px}.snap h3{font-size:13px;margin:0}.snap small{color:var(--muted)}.tag{display:inline-block;margin-top:5px;border:1px solid #2f6f5f;background:#0d352d;color:#82e4c4;border-radius:999px;padding:3px 7px;font-size:10px}.tag.pending{border-color:#79592c;background:#342711;color:#ffd28c}.snapshot-total{border:1px solid #34506b;background:#091625;border-radius:12px;padding:14px;margin:14px 0}.snapshot-total span,.snapshot-total small{display:block;color:var(--muted)}.snapshot-total strong{display:block;color:var(--gold);font-size:23px;margin:4px 0}.snapshot button{width:100%;margin:5px 0}.snapshot .primary,.primary{background:linear-gradient(135deg,#187bb2,#2eacd3);border:0;color:#fff;font-weight:900;padding:11px;border-radius:9px;cursor:pointer}.contact-dialog{width:min(720px,calc(100vw - 28px));max-height:90vh;overflow:auto;color:var(--ink);background:#0c192a;border:1px solid #3d5874;border-radius:20px;padding:28px}.contact-dialog::backdrop{background:#020711dd;backdrop-filter:blur(6px)}.contact-dialog h2{font-size:29px;margin:5px 0}.close{position:absolute;right:16px;top:16px;border:1px solid #3a526b;background:#13243a;color:#fff;border-radius:8px;font-size:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{display:grid;gap:6px;color:#c9d7e5}.consent{display:flex;gap:9px;margin:16px 0;color:#c8d5e2}.consent input{width:18px}.bot-field{position:absolute;left:-10000px}.status{min-height:20px;color:#ffc476}.print-summary{display:none}
@media(max-width:1000px){body{overflow:auto}.sim-header{position:sticky;top:0;z-index:10}.sim-app{display:flex;flex-direction:column;height:auto}.viewport-panel{order:1;height:62vh;min-height:430px}.builder{order:2;border:0;overflow:visible}.snapshot{order:3;border:0;overflow:visible}.snapshot-list,.extra-list{max-height:none}.scene-note{bottom:42px}}
@media(max-width:620px){.sim-header #saveState{display:none}.scene-toolbar .toolbar-link{position:sticky;left:0}.selection-info{right:10px;bottom:112px;max-width:70%}.form-grid{grid-template-columns:1fr}.viewport-panel{height:55vh;min-height:390px}.scene-toolbar{overflow:auto;flex-wrap:nowrap}.scene-toolbar button{white-space:nowrap}.scene-note{font-size:9px}.scene-help{display:none}.panel-title h1{font-size:21px}}
@media print{body{background:#fff;color:#111;overflow:visible}.sim-header,.sim-app,.contact-dialog{display:none!important}.print-summary{display:block;padding:20px}.print-summary img{display:block;max-width:100%;max-height:55vh;margin:14px auto;border:1px solid #bbb}.print-summary table{border-collapse:collapse;width:100%}.print-summary td{border-bottom:1px solid #ddd;padding:6px}}
.included-list{display:grid;gap:4px;margin-top:8px;padding-left:8px;border-left:2px solid #2f6f5f}.included-list span{font-size:10px;color:#aebfd0}.included-list b{color:#72dbb9;margin-right:4px}
.scene-toolbar .toolbar-link{border:1px solid #375877;background:#102238;color:#eef7ff;border-radius:8px;padding:8px;text-decoration:none;cursor:pointer}.scene-toolbar button:disabled{opacity:.45;cursor:not-allowed}.selection-info{position:absolute;z-index:3;right:14px;bottom:94px;max-width:45%;padding:7px 10px;border:1px solid #3c5873;border-radius:8px;background:#071321d9;color:#cae6fa;font-size:11px;pointer-events:none}.scene-help b{color:#d9eaf7}
.builder .check-row{display:flex;align-items:flex-start;gap:8px;line-height:1.35}.builder .check-row input{width:18px;height:18px;margin:0;flex:0 0 auto}.equipment-config{margin:10px 0}.config-card{border:1px solid #35506d;background:#0a1626;border-radius:10px;padding:10px;margin:8px 0}.config-card h3{font-size:13px;margin:0 0 7px}.config-card .row{grid-template-columns:1fr 1fr}.config-card button{border:1px solid #375877;background:#102238;color:#eef7ff;border-radius:8px;padding:8px;cursor:pointer}.config-card .danger{color:#ffb3a7}.led-list{display:grid;gap:8px}.led-card{border-left:3px solid #54c8ff}.led-actions{display:flex;gap:7px}.led-actions button{flex:1}.scene-note{bottom:12px}.mouse-guide{position:absolute;z-index:4;right:14px;top:62px;display:flex;gap:11px;align-items:center;width:236px;padding:11px;border:1px solid #496784;border-radius:12px;background:#071321e8;box-shadow:0 8px 24px #0008;color:#d8eafb}.mouse-guide>div:last-child{display:grid;gap:4px;font-size:11px}.mouse-guide b{color:#65ccff;font-size:11px;letter-spacing:.1em}.mouse-guide span{display:block}.mouse-guide kbd{display:inline-block;min-width:70px;color:#fff;font:600 10px inherit}.mouse-shape{position:relative;width:45px;height:68px;border:3px solid #dcecff;border-radius:23px;flex:0 0 auto}.mouse-shape:before{content:"";position:absolute;left:50%;top:0;bottom:36px;border-left:2px solid #dcecff}.mouse-shape:after{content:"";position:absolute;left:4px;right:4px;top:31px;border-top:2px solid #dcecff}.mouse-shape i{position:absolute;left:18px;top:8px;width:5px;height:13px;border:1px solid #65ccff;border-radius:4px}.mouse-shape span{position:absolute;left:5px;top:5px;width:14px;height:24px;background:#2381ba66;border-radius:15px 0 0 0}
.scene-watermark{position:absolute;z-index:2;right:18px;bottom:22px;width:min(25%,260px);height:auto;opacity:.28;filter:drop-shadow(0 2px 8px #000c);pointer-events:none;user-select:none}.mouse-guide .vertical-help{margin:2px -4px;padding:4px;border-radius:5px;background:#143b59;color:#eaf8ff}.mouse-guide.vertical-ready{border-color:#ffd264;box-shadow:0 0 0 2px #ffd26455,0 8px 24px #0008}.mouse-guide.vertical-ready .vertical-help{background:#7a5918;color:#fff4c7}
.lighting-group-list{display:grid;gap:8px}.lighting-group-card{border-left:3px solid #ffd264}.config-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.config-heading h3{margin:0}.config-card .compact{padding:5px 8px}.grouped-qty button{white-space:nowrap}
@media(max-width:620px){.scene-toolbar .toolbar-link{position:sticky;left:0}.selection-info{right:10px;bottom:112px;max-width:70%}.scene-help{font-size:9px;display:block;background:#071321cc;padding:5px;border-radius:6px}.scene-note{bottom:68px}}
@media(max-width:620px){.mouse-guide{top:62px;right:8px;width:178px;padding:7px;gap:7px}.mouse-shape{width:32px;height:48px;border-width:2px}.mouse-shape:before{bottom:25px}.mouse-shape:after{top:22px}.mouse-shape i{left:12px;top:5px}.mouse-shape span{width:10px;height:17px}.mouse-guide>div:last-child{font-size:9px}.mouse-guide kbd{min-width:52px;font-size:8px}.scene-note{bottom:8px}}

.sim-brand{display:flex;align-items:center;gap:10px}.sim-brand img{display:block;width:auto;height:46px;object-fit:contain}.sim-brand span{color:#a9c2d8;font-size:10px;letter-spacing:.15em}@media(max-width:640px){.sim-brand img{height:40px}.sim-brand span{display:none}}
