:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,sans-serif;background:#0f1419;color:#e7ecf3}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0}a{color:#8cb4ff}button,input,select{font:inherit;border-radius:8px;border:1px solid #2a3644;background:#1a222c;color:inherit;padding:8px 12px}button{cursor:pointer;background:#2563eb;border-color:#2563eb}button:disabled{opacity:.5;cursor:wait}button.secondary{background:#1a222c}.layout{max-width:1100px;margin:0 auto;padding:24px;min-height:100%}.layout:has(.remote-page){max-width:none;height:100dvh;padding:8px 12px;display:flex;flex-direction:column;overflow:hidden}.nav{display:flex;gap:16px;margin-bottom:24px}.layout:has(.remote-page) .nav{margin-bottom:8px;flex-shrink:0}.remote-page{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}.remote-stage{flex:1;min-height:0;display:grid;place-items:center}.remote-stage canvas{display:block;width:auto;height:auto;max-width:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain;background:#000;border-radius:8px;touch-action:none}.card{background:#151b22;border:1px solid #243040;border-radius:12px;padding:16px}.grid{display:grid;gap:12px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.tier{font-size:12px;padding:2px 8px;border-radius:999px}.READY,.live,.active{background:#14532d}.DEGRADED,.connecting,.checking,.starting,.probing{background:#854d0e}.NOT_READY,.error,.failed{background:#7f1d1d}.OFFLINE,.disconnected,.closed{background:#334155}.err{color:#fca5a5}