:root{color:#18202f;background:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{align-items:center;border:1px solid #c8d0da;background:#fff;border-radius:7px;color:#172033;cursor:pointer;display:inline-flex;font-weight:700;gap:7px;justify-content:center;min-height:38px;padding:0 12px}button:hover:not(:disabled){border-color:#46668f}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{margin:0 auto;max-width:1560px;padding:22px}.topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.topbar h1{font-size:24px;line-height:1.2;margin:0}.topbar p{color:#647084;margin:5px 0 0}.status-group{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.status-pill,.connection{align-items:center;border-radius:999px;display:inline-flex;font-size:13px;font-weight:800;gap:6px;min-height:30px;padding:0 12px}.status-live{background:#d8f3df;color:#13572a}.status-paused,.status-waiting{background:#fff2cc;color:#664800}.status-ended,.status-error{background:#ffd9de;color:#8d1526}.connection.online{background:#e0eefb;color:#174b77}.connection.offline{background:#eceff3;color:#647084}.summary-strip{background:#fff;border:1px solid #dce2ea;border-radius:8px;display:grid;gap:1px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px;overflow:hidden}.summary-strip div{background:#fff;min-width:0;padding:14px 16px}.summary-strip span{color:#647084;display:block;font-size:12px;font-weight:700;margin-bottom:5px;text-transform:uppercase}.summary-strip strong{display:block;font-size:16px;overflow-wrap:anywhere}.layout{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(320px,1fr) 420px}.frame-panel{min-width:0}.frame-stage{align-items:center;background:#0e1420;border-radius:8px;display:flex;justify-content:center;min-height:650px;overflow:hidden;position:relative}.frame-stage img{display:block;height:auto;max-width:100%;object-fit:contain;width:auto}.frame-image-wrap{line-height:0;max-height:min(78vh,860px);max-width:100%;position:relative}.frame-image-wrap img{max-height:min(78vh,860px)}.empty-frame{align-items:center;color:#b7c1d0;display:flex;flex-direction:column;font-weight:800;gap:10px}.gesture-overlay{cursor:crosshair;top:0;right:0;bottom:0;left:0;margin:auto;position:absolute}.gesture-overlay:after{border:2px solid rgba(80,178,255,.6);border-radius:8px;content:"";top:10px;right:10px;bottom:10px;left:10px;pointer-events:none;position:absolute}.gesture-svg{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.gesture-svg line{stroke:#38bdf8;stroke-linecap:round;stroke-width:8}.gesture-svg circle{fill:#38bdf859;stroke:#e0f2fe;stroke-width:4}.gesture-svg .tap-ring{fill:#fbbf2440;stroke:#fbbf24}.side,.bottom-layout{display:grid;gap:14px}.bottom-layout{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.panel{background:#fff;border:1px solid #dce2ea;border-radius:8px;padding:16px}.panel h2{font-size:15px;margin:0 0 12px}.kv-list{display:grid;gap:8px;margin:0}.kv-list div{display:grid;gap:8px;grid-template-columns:minmax(110px,.45fr) minmax(0,1fr)}.kv-list dt{color:#647084;font-size:12px;font-weight:800;min-width:0;overflow-wrap:anywhere}.kv-list dd{font-size:13px;margin:0;min-width:0;overflow-wrap:anywhere}.muted{color:#647084;margin:0}.command-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}button.danger{background:#d7253d;border-color:#d7253d;color:#fff}button.wide{margin-top:8px;width:100%}.field{display:grid;gap:8px;grid-template-columns:108px minmax(0,1fr) 70px;margin:10px 0}.field span{color:#647084;font-size:13px;font-weight:800}.field strong{font-size:13px;text-align:right}.segmented{display:grid;gap:6px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}.segmented button{min-width:0;padding:0 8px}.segmented button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.segmented .selected{background:#123e6d;border-color:#123e6d;color:#fff}.event-list{display:grid;gap:8px;list-style:none;margin:0;padding:0}.event-list li{border-bottom:1px solid #e6ebf1;display:grid;gap:4px;padding-bottom:8px}.event-list span{color:#647084;font-size:12px}.event-list strong{font-size:13px;overflow-wrap:anywhere}.state-json{margin-top:18px}.state-json pre{background:#111827;border-radius:8px;color:#d1d5db;font-size:12px;max-height:420px;margin:0;overflow:auto;padding:14px}.missing-session{margin:60px auto;max-width:640px;padding:24px}@media (max-width: 980px){.topbar{align-items:flex-start;flex-direction:column;gap:14px}.summary-strip,.layout,.bottom-layout{grid-template-columns:1fr}.frame-stage{min-height:460px}.field{grid-template-columns:1fr}.field strong{text-align:left}}