:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink:#241f1a;--muted-ink:#6b6258;--canvas:#f5f1ea;--surface:#fcfaf6;--panel-border:#d3c8b7;font-family:Space Grotesk,Helvetica Neue,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}body{min-width:320px;color:var(--ink);background:var(--canvas);margin:0}#root{width:min(1200px,100%);margin:0 auto}.app-shell{min-height:100vh;padding:24px}.app-header{margin-bottom:20px}.app-header h1{margin:0 0 8px;font-size:28px;font-weight:600;line-height:1.2}.status-row{color:var(--muted-ink);flex-wrap:wrap;gap:16px;font-size:14px;display:flex}.workspace{grid-template-columns:minmax(0,1.8fr) 320px;align-items:start;gap:20px;display:grid}.scene-card,.status-panel{background:var(--surface);border:1px solid var(--panel-border);border-radius:8px}.scene-card{padding:16px}.scene-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;overflow:auto hidden}.scene{background:#f3eee4;border:1px solid #d1c5b4;position:relative;overflow:hidden}.belt-track{background:#5d6666;position:absolute}.belt-edge{background:#434a4a;position:absolute}.roller{background:#a8b0b0;border:1px solid #616969;position:absolute}.n-stand{background:#262c2c;position:absolute}.n-stand-bridge{transform-origin:0;transform:skew(-28deg)}.camera-zone{background:#58606a1f;border-left:2px dashed #6a716c;border-right:2px dashed #6a716c;position:absolute}.camera-lens{background:#202727;border:2px solid #879190;border-radius:50%;position:absolute}.camera-body{background:#262c2c;position:absolute}.alarm-beacon{background:#d8b35b;border:1px solid #816a2e;border-radius:50%;position:absolute}.alarm-beacon.is-active{background:#c73a2f}.bag{background:#efe3cb;border:1px solid #7d6d56;padding:2px;position:absolute;overflow:hidden}.bag img{object-fit:contain;transform-origin:50%;-webkit-user-select:none;user-select:none;pointer-events:none;background:#f5ebd9;width:100%;height:100%;display:block;transform:rotate(90deg)scale(1.05)}.toolbar{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.toolbar button{color:#2b2722;height:40px;font:inherit;background:#f8f3eb;border:1px solid #b6aa98;border-radius:8px;padding:0 14px}.toolbar button:disabled{opacity:.55}.toolbar .secondary{background:#f1ece3}.toolbar .danger{color:#fff;background:#8d2f27;border-color:#8d2f27}.toolbar .ghost{background:#fff}.status-panel{padding:16px}.status-panel h2,.status-panel h3{margin:0 0 12px;font-size:16px;font-weight:600}.metric-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.metric-grid p{border:1px solid var(--panel-border);background:#fff;margin:0;padding:10px}.metric-grid span{color:var(--muted-ink);margin-bottom:4px;font-size:13px;display:block}.metric-grid strong{font-size:20px;font-weight:600}.note{color:var(--muted-ink);margin:12px 0 0;font-size:14px}.reference-row{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.reference-row figure{border:1px solid var(--panel-border);background:#fff;margin:0;padding:8px}.reference-row img{object-fit:contain;background:#f6f1e8;border:1px solid #e3d9ca;width:100%;height:140px;display:block}.reference-row figcaption{color:var(--muted-ink);margin-top:6px;font-size:13px}.event-log{border:1px solid var(--panel-border);background:#fff;margin:0;padding:0;list-style:none}.event-log li{border-bottom:1px solid #ece4d7;padding:10px;font-size:13px}.event-log li:last-child{border-bottom:0}@media (width<=980px){.workspace{grid-template-columns:1fr}.status-panel{order:3}}@media (width<=700px){.app-shell{padding:12px}.app-header{margin-bottom:14px}.app-header h1{font-size:22px}.status-row{gap:8px 12px;font-size:13px}.scene-card{padding:8px}.scene-scroll{overflow-x:auto}.toolbar{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.toolbar button{width:100%;height:auto;min-height:44px;padding:10px 12px}.status-panel{display:none}}@media (width<=420px){.toolbar{grid-template-columns:1fr}}