:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--fg:#16181d;--muted:#5c6370;--line:#dcdfe5;--accent:#2f6feb;--ok:#1a7f4b;--warn:#9a6700;--bad:#b42318;--surface:#f6f7f9;--radius:8px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14161a;--fg:#e7e9ee;--muted:#9aa1ad;--line:#2b2f37;--accent:#6da2ff;--ok:#4ac07f;--warn:#d9a441;--bad:#f2837a;--surface:#1b1e24}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:14px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}code{background:var(--surface);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.muted{color:var(--muted)}.small{font-size:12px}.ok{color:var(--ok)}.warn{color:var(--warn)}.bad{color:var(--bad)}.spacer{flex:1}.sep{background:var(--line);align-self:stretch;width:1px;margin:0 4px}button,select,input{font:inherit;color:inherit;border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:6px 10px}button{cursor:pointer;background:var(--accent);color:#fff;border-color:#0000}button:hover:not(:disabled){filter:brightness(1.08)}button:disabled{opacity:.45;cursor:not-allowed}button.ghost{border-color:var(--line);color:var(--fg);background:0 0}button.danger{color:var(--bad);border-color:var(--bad)}button.active{outline:2px solid var(--accent);outline-offset:1px}button.tiny{padding:2px 7px;font-size:12px}label.inline{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.row{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.row.checks label{align-items:center;gap:6px;display:inline-flex}.row input[type=text],.row input:not([type]){flex:1;min-width:140px}.row input.num{flex:none;width:6.5em}.pill,.tag{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:1px 9px;font-size:12px}.tag{margin-left:6px}.tag.ok,.pill.connected{color:var(--ok);border-color:currentColor}.tag.warn{color:var(--warn);border-color:currentColor}.tag.bad,.pill.failed{color:var(--bad);border-color:currentColor}.pill.connecting{color:var(--warn)}.boot{text-align:center;color:var(--muted);padding:48px}.app header{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:16px;padding:10px 18px;display:flex}.app header .brand{color:var(--fg);font-weight:600;text-decoration:none}.app header nav{gap:12px;display:flex}.app header nav a{color:var(--muted);border-radius:6px;padding:3px 8px;text-decoration:none}.app header nav a.active{color:var(--fg);background:var(--bg)}.app header .who{color:var(--muted)}.app main{padding:18px}.login{place-items:center;min-height:100vh;padding:24px;display:grid}.login form{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:12px;width:min(360px,100%);padding:24px;display:flex}.login h1{margin:0 0 4px;font-size:20px}.login label{color:var(--muted);flex-direction:column;gap:4px;display:flex}.login label input{background:var(--bg)}.login code{overflow-wrap:anywhere;margin-top:4px;display:block}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:14px 16px}.panel h2{align-items:center;gap:8px;margin:0 0 8px;font-size:14px;font-weight:600;display:flex}.library{grid-template-columns:2fr 1fr;align-items:start;gap:16px;display:grid}.library .wide{grid-column:1/-1}@media (max-width:860px){.library{grid-template-columns:1fr}}.devices{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.device{border:1px solid var(--line);background:var(--bg);border-radius:6px;align-items:center;gap:12px;padding:8px 10px;display:flex}.device.stopped{opacity:.75}.device-main{flex-wrap:wrap;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.device-name{color:var(--fg);font-weight:500;text-decoration:none}.device-name:hover{text-decoration:underline}.device-actions{gap:6px;display:flex}.dot{background:var(--muted);border-radius:50%;flex:none;width:8px;height:8px}.dot.ready{background:var(--ok)}.dot.booting,.dot.creating{background:var(--warn)}.dot.unhealthy{background:var(--bad)}.device-page{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px;display:grid}@media (max-width:1000px){.device-page{grid-template-columns:1fr}}.stage-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.stage-head h2{margin:0;font-size:16px}.sidebar{flex-direction:column;gap:12px;display:flex}.screen{aspect-ratio:16/9;border-radius:var(--radius);background:#000;place-items:center;width:100%;display:grid;overflow:hidden}.screen video{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block}.screen-actual{aspect-ratio:auto;place-items:start;overflow:auto}.controls{margin-top:10px}.roombar{flex-direction:column;gap:8px;display:flex}.roombar.compact{flex-direction:row;align-items:center;gap:10px}.watchers{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.roombar.compact .watchers{flex-direction:row;gap:10px}.watchers li{align-items:center;gap:6px;display:flex}.watchers li.driving{font-weight:500}.roombar-actions{flex-wrap:wrap;gap:6px;display:flex}.shares{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.shares li{border:1px solid var(--line);background:var(--bg);border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 8px;display:flex}.shares li .muted{margin-left:auto}.fresh-link{border:1px solid var(--warn);border-radius:6px;margin-top:8px;padding:8px}.fresh-link input{width:100%;margin-bottom:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.admin{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:16px;display:grid}.admin .wide{grid-column:1/-1}.events{border-collapse:collapse;width:100%}.events td{border-bottom:1px solid var(--line);vertical-align:top;padding:3px 8px 3px 0}.popup{height:100vh;color:var(--fg);background:#000;flex-direction:column;display:flex}.popup .screen{aspect-ratio:auto;border-radius:0;flex:1;width:100%;min-height:0}.popup-bar,.popup-foot{background:var(--surface);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:8px;padding:6px 10px;display:flex}.popup-foot{border-bottom:none;border-top:1px solid var(--line)}.popup-bar .title{text-overflow:ellipsis;white-space:nowrap;max-width:40%;font-weight:500;overflow:hidden}.popup-bar button{padding:3px 8px}.popup-error{background:var(--surface);padding:6px 10px}.popup-strip{cursor:pointer;background:0 0;flex:none;height:8px;display:none}.popup.chrome-hidden .popup-strip{display:block}.popup.chrome-hidden .popup-strip:hover{background:var(--accent)}.popup.chrome-hidden .popup-bar,.popup.chrome-hidden .popup-foot{display:none}