@font-face{font-family:Play;src:url(/assets/play-bold-C-hIU9wN.woff2) format("woff2");font-weight:700}:root{color-scheme:dark;font-family:Segoe UI,sans-serif;background:#0f141b;color:#edf2f7;--space-1: .25rem;--space-2: .5rem;--space-3: 1rem;--radius-1: .5rem;--radius-2: 1rem;--panel-bg: #151c24;--panel-border: #273240;--section-bg: #111821;--field-bg: #0d1319;--muted: #9bacbf}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#0f141b}body{min-height:100vh}body[data-mode=control]{overflow-y:auto}body[data-mode=control] #app{display:none;height:0;min-height:0;overflow:hidden}body[data-mode=control] #ui-root,body[data-mode=control] .screen{position:relative;inset:auto;min-height:100vh;overflow:visible}body[data-mode=play] #ui-root{pointer-events:none}body[data-mode=play] .play-standby{pointer-events:auto}body[data-mode=play] .ws-pill{display:none}canvas{display:block}a{color:inherit;text-decoration:none}#ui-root{position:fixed;inset:0;z-index:5;pointer-events:none}.screen{position:absolute;inset:0;display:none;padding:var(--space-3);pointer-events:none}.screen.active{display:flex}.play-screen{align-items:center;justify-content:center}.control-screen{align-items:stretch;justify-content:center}.panel{pointer-events:auto}.control-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-2);box-shadow:0 .5rem 2rem #0000002e;padding:var(--space-3)}.control-layout{width:100%;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(20rem,.8fr);gap:var(--space-3)}.control-main,.control-side{min-width:0}.panel-header,.runtime-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.panel-header{margin-bottom:var(--space-3)}.panel-link{white-space:nowrap}.stack-form,.grid-two,.grid-three,.action-row,.runtime-list,.recent-list,.control-form,.runtime-group,.section-heading{display:grid}.stack-form,.grid-two,.grid-three,.action-row,.runtime-list,.recent-list,.control-form,.runtime-group{gap:var(--space-2)}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-section,.side-section,.panel-note,.summary-card,.runtime-row,.recent-card{border:1px solid #24303d;border-radius:var(--radius-2)}.form-section,.side-section{background:var(--section-bg);padding:var(--space-3);margin-bottom:var(--space-3)}.section-heading{gap:var(--space-1);margin-bottom:var(--space-3)}.section-heading strong{color:#f3f6fa}.section-heading span,.muted,.status-copy,label span,.runtime-row span,.recent-card span,.summary-card span{color:var(--muted)}.panel-note{margin-top:var(--space-3);padding:var(--space-3);background:#10161d;color:#c7d2df}.play-standby.hidden{display:none}.play-standby,.ws-pill,.primary-btn,.ghost-btn,.danger-btn{display:inline-flex;align-items:center;justify-content:center}.ws-pill{position:absolute;top:var(--space-3);right:var(--space-3);z-index:20}.play-standby{width:100%;height:100%;background:#000;font-family:Play,sans-serif;font-size:2rem;text-align:center;color:#f7f4ea}#ws-dot{width:var(--space-2);height:var(--space-2);border-radius:50%;background:#f44}.eyebrow,.runtime-heading{margin:0;color:#8ea0b5;text-transform:uppercase}.eyebrow{margin-bottom:var(--space-2)}.runtime-heading{font-weight:700}h1,h2{margin:0 0 var(--space-3);font-family:Play,sans-serif}h1,h2{font-size:2rem}.summary-grid{margin:0 0 var(--space-3)}.compact-summary{gap:var(--space-2)}.side-summary{grid-template-columns:1fr;margin-bottom:var(--space-3)}label{display:grid;gap:var(--space-2)}input,select,button{font:inherit;padding:var(--space-2)}input,select{width:100%;border:1px solid #334252;border-radius:var(--radius-1);background:var(--field-bg);color:#f3f6fa;padding:var(--space-2);outline:none}input:focus,select:focus{border-color:#5c7896;box-shadow:0 0 0 var(--space-1) #5c78962e}.action-row,.admin-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-btn,.ghost-btn,.danger-btn{padding:0 var(--space-2);border:1px solid #334252;border-radius:var(--radius-1);cursor:pointer;transition:background-color .12s ease,border-color .12s ease,opacity .12s ease}.primary-btn{background:#d7dde5;border-color:#d7dde5;color:#11161d;font-weight:700}.ghost-btn{background:#18212b;color:#eef3f8}.danger-btn{background:#27181b;border-color:#61333a;color:#ffd8dd}.primary-btn:hover,.ghost-btn:hover,.danger-btn:hover{opacity:.96}.summary-card,.runtime-row,.recent-card{background:#18212b;padding:var(--space-3)}.summary-card strong,.runtime-row strong,.recent-card strong{display:block;margin-top:var(--space-2)}.runtime-row{align-items:center}.recent-eyebrow{margin-top:var(--space-3)}@media(max-width:56.25rem){.control-layout{grid-template-columns:1fr}.side-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:45rem){.grid-two,.grid-three,.side-summary,.action-row,.admin-actions{grid-template-columns:1fr}.panel-header{flex-direction:column;align-items:stretch}.primary-btn,.ghost-btn,.danger-btn{width:100%}}
