:root{color:#0f172a;--border:#0f172a1f;--panel:#fffffff0;--muted:#475569;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef2ff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}body{background:radial-gradient(circle at 100% 0,#2563eb24,#0000 26%),radial-gradient(circle at 0 0,#0ea5e924,#0000 28%),#eef2ff;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit;border:1px solid var(--border);background:#fff;border-radius:12px;padding:11px 12px}button{cursor:pointer;color:#fff;background:linear-gradient(#2563eb,#1d4ed8);border:none;font-weight:600}button.secondary{color:#0f172a;border:1px solid var(--border);background:#fff}button.active{color:#1d4ed8;border-color:#2563eb}button:disabled{cursor:not-allowed;opacity:.6}h1,h2,p{margin:0}h1{font-size:clamp(28px,5vw,40px);line-height:1.05}h2{font-size:20px}#root{width:min(1120px,100%);min-height:100vh;margin:0 auto}.app-shell{flex-direction:column;gap:16px;padding:20px;display:flex}.topbar,.card-head,.header-actions,.login-row,.actions-row,.form-row,.form-grid,.status-strip,.devices-grid,.grid,.mode-grid{gap:12px;display:flex}.topbar,.card-head{justify-content:space-between;align-items:flex-start}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 4px;font-size:12px}.status-strip,.grid,.devices-grid,.mode-grid{flex-wrap:wrap}.status-strip span,.banner,.card,.login-card,.device-box{border:1px solid var(--border);background:var(--panel);border-radius:16px}.status-strip span{padding:8px 10px;font-size:13px}.banner{margin:0;padding:12px 14px}.banner.error{color:#b91c1c;background:#dc262614;border-color:#dc262659}.banner.success{color:#047857;background:#0596691a;border-color:#05966959}.ok{color:#047857}.warn{color:#b45309}.grid>*{flex:320px}.card,.login-card{padding:16px;box-shadow:0 8px 24px #0f172a0f}.compact{align-self:flex-start}.inset-card{box-shadow:none;background:#f8fafceb}.info-grid{grid-template-columns:110px 1fr;gap:8px 12px;margin-top:12px;display:grid}.info-grid span{color:var(--muted)}.devices-grid{margin-top:12px}.form-grid{flex-wrap:wrap;margin-top:12px}.device-box{flex-direction:column;flex:200px;gap:6px;padding:12px;display:flex}.mode-grid button{flex:100px}.login-row input,.form-row input,.form-row select,.form-grid input,.form-grid select{width:100%;min-width:0}.form-row label,.form-grid label{color:var(--muted);flex-direction:column;flex:180px;gap:6px;display:flex}.form-grid .full-width{flex-basis:100%}.checkbox-row{align-items:center;gap:10px;flex-direction:row!important}.checkbox-row input{width:auto}.empty{color:var(--muted);margin:12px 0 0}.hint-text{color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.45}.editor-block{margin-top:18px}.stack-list{flex-direction:column;gap:12px;margin-top:12px;display:flex}.discovery-strip,.scene-groups{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.scene-group{border:1px solid var(--border);background:#f8fafcbf;border-radius:14px;flex-direction:column;flex:240px;gap:10px;padding:12px;display:flex}@media (width<=720px){.app-shell{padding:14px}.topbar,.card-head,.login-row,.actions-row,.form-row{flex-direction:column}.header-actions{flex-wrap:wrap;width:100%}.header-actions>button,.login-row>button,.actions-row>button,.form-row>button{width:100%}.info-grid{grid-template-columns:1fr}}