:root{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #fafbfd;--surface-3: #f0f2f6;--text: #0a0c12;--text-soft: #5b6172;--text-muted: #95a0b8;--border: #e4e7ee;--border-strong:#d4d8e1;--accent: #0b5fff;--accent-soft: #e8efff;--accent-hover: #0a52d9;--accent-fg: #ffffff;--good: #119d68;--warn: #b45309;--bad: #dc2626;--shadow-sm: 0 1px 2px rgba(15,17,21,.04), 0 1px 3px rgba(15,17,21,.04);--shadow-md: 0 4px 12px rgba(15,17,21,.06), 0 2px 4px rgba(15,17,21,.04);--shadow-lg: 0 18px 36px rgba(15,17,21,.07), 0 4px 12px rgba(15,17,21,.05);--shadow-glow: 0 0 0 4px rgba(11,95,255,.12);--r-xs: 4px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-2xl: 28px;--mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease: cubic-bezier(.32, .72, 0, 1)}@media (prefers-color-scheme: dark){:root{--bg: #0a0c12;--surface: #11141c;--surface-2: #161922;--surface-3: #1d212c;--text: #ecedf0;--text-soft: #9ca3b3;--text-muted: #5c6377;--border: #1e2230;--border-strong:#2a2f40;--accent: #4f8dff;--accent-soft: rgba(79,141,255,.16);--accent-hover: #6aa1ff;--accent-fg: #0a0c12;--good: #2ecc8a;--warn: #f5b441;--bad: #ff6b6b;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.35);--shadow-lg: 0 18px 36px rgba(0,0,0,.5);--shadow-glow: 0 0 0 4px rgba(79,141,255,.2)}}*{box-sizing:border-box}html,body,#root{height:100%}html,body{margin:0;padding:0;background:var(--bg)}body{color:var(--text);font-family:Inter var,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:"cv11","ss01","ss03";font-size:14.5px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}code{font:500 .9em var(--mono);background:var(--surface-3);padding:1px 6px;border-radius:var(--r-xs);white-space:nowrap}::selection{background:var(--accent-soft);color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:var(--r-md);font-weight:500;font-size:14px;border:1px solid transparent;background:var(--surface);color:var(--text);cursor:pointer;transition:background .15s var(--ease),border-color .15s var(--ease),transform .1s var(--ease),box-shadow .15s var(--ease);white-space:nowrap}.btn:active{transform:translateY(.5px)}.btn:focus-visible{outline:none;box-shadow:var(--shadow-glow)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn--ghost{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn--ghost:hover:not(:disabled){background:var(--surface-2)}.btn--danger{background:transparent;border-color:var(--border);color:var(--bad)}.btn--danger:hover:not(:disabled){background:#dc262614;border-color:var(--bad)}.btn--icon{padding:8px;width:36px;height:36px}.btn--lg{padding:12px 22px;font-size:15px}.input{width:100%;padding:10px 14px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border-strong);color:var(--text);outline:none;transition:border-color .15s var(--ease),box-shadow .15s var(--ease);font-size:14.5px}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent);box-shadow:var(--shadow-glow)}.input--lg{padding:12px 16px;font-size:15px}label.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-soft);font-weight:500}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 15% 10%,rgba(11,95,255,.08),transparent 35%),radial-gradient(circle at 85% 85%,rgba(110,59,255,.06),transparent 35%),var(--bg)}@media (prefers-color-scheme: dark){.login-screen{background:radial-gradient(circle at 15% 10%,rgba(79,141,255,.1),transparent 30%),radial-gradient(circle at 85% 85%,rgba(140,90,255,.08),transparent 35%),var(--bg)}}.login-card{width:100%;max-width:420px;padding:40px 36px 32px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg)}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:32px}.login-logo{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,#0b5fff,#6e3bff);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;box-shadow:0 1px #fff6 inset,0 4px 12px #0b5fff4d}.login-h1{font-size:22px;letter-spacing:-.018em;font-weight:600;margin:0 0 4px}.login-sub{font-size:14px;color:var(--text-soft);margin:0 0 28px}.login-form{display:flex;flex-direction:column;gap:14px}.login-error{background:#dc262614;color:var(--bad);border:1px solid rgba(220,38,38,.24);border-radius:var(--r-md);padding:10px 14px;font-size:13px;margin-bottom:4px}.login-foot{margin-top:28px;font-size:12.5px;color:var(--text-muted);text-align:center}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:20px 12px;display:flex;flex-direction:column;gap:22px;position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto}.sidebar__brand{display:flex;align-items:center;gap:10px;padding:4px 8px 0;font-weight:600;font-size:14px;letter-spacing:-.01em}.sidebar__brand .login-logo{width:28px;height:28px;font-size:11px}.sidebar__group{display:flex;flex-direction:column;gap:2px}.sidebar__heading{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:0 10px;margin:6px 0 4px}.sidebar__link{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--r-sm);color:var(--text-soft);font-weight:500;font-size:13.5px;text-decoration:none;transition:background .12s var(--ease),color .12s var(--ease)}.sidebar__link:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.sidebar__link.active{background:var(--accent-soft);color:var(--accent)}.sidebar__footer{margin-top:auto;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;font-size:12.5px;color:var(--text-muted);border-top:1px solid var(--border)}.sidebar__user{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--text-soft)}.avatar{width:26px;height:26px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:11px;color:#fff}.avatar--sky{background:#0ea5e9}.avatar--violet{background:#8b5cf6}.avatar--pink{background:#ec4899}.avatar--amber{background:#f59e0b}.avatar--emerald{background:#10b981}.avatar--slate{background:#64748b}.project-switcher{position:relative;margin-top:4px}.project-switcher__btn{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;text-align:left;transition:background .12s var(--ease)}.project-switcher__btn:hover{background:var(--surface-3)}.project-switcher__name{flex:1;font-weight:600;font-size:13.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-switcher__sub{font-size:11.5px;color:var(--text-muted)}.content{padding:32px 40px 80px;min-width:0;max-width:1240px}.content__head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:28px}.content__h1{font-size:26px;font-weight:600;letter-spacing:-.02em;margin:0}.content__sub{font-size:14px;color:var(--text-soft);margin:4px 0 0}.empty{background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--r-xl);padding:56px 32px;display:grid;place-items:center;text-align:center}.empty__icon{width:56px;height:56px;border-radius:16px;background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px}.empty__h2{font-size:20px;font-weight:600;letter-spacing:-.018em;margin:0 0 6px}.empty__desc{font-size:14.5px;color:var(--text-soft);margin:0 0 22px;max-width:460px}.empty__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.proj-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;display:flex;flex-direction:column;gap:14px;transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease);cursor:pointer;text-decoration:none;color:inherit}.proj-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-md);text-decoration:none}.proj-card__head{display:flex;align-items:center;gap:12px}.proj-card__icon{width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.proj-card__name{font-weight:600;font-size:15px;letter-spacing:-.012em}.proj-card__slug{font:500 11.5px var(--mono);color:var(--text-muted)}.proj-card__desc{font-size:13.5px;color:var(--text-soft);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.proj-card__foot{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-muted)}.modal-backdrop{position:fixed;inset:0;background:#0a0c1273;backdrop-filter:blur(4px);display:grid;place-items:center;z-index:50;animation:fadeIn .18s var(--ease)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:480px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);padding:28px;animation:pop .2s var(--ease)}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal__h2{font-size:19px;font-weight:600;letter-spacing:-.018em;margin:0 0 6px}.modal__sub{font-size:13.5px;color:var(--text-soft);margin:0 0 20px}.modal__form{display:flex;flex-direction:column;gap:14px}.modal__foot{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.code-block{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 16px;font:500 13px var(--mono);color:var(--text);word-break:break-all;position:relative}.code-block .copy{position:absolute;top:8px;right:8px;background:var(--surface);border:1px solid var(--border-strong);padding:4px 9px;border-radius:999px;font:600 11px Inter,sans-serif;cursor:pointer}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);padding:12px 18px;border-radius:var(--r-md);font-size:13.5px;z-index:100;display:flex;align-items:center;gap:10px;animation:pop .18s var(--ease)}.toast--good{border-color:var(--good);color:var(--good)}.toast--bad{border-color:var(--bad);color:var(--bad)}.splash{min-height:100vh;display:grid;place-items:center;color:var(--text-muted)}.spinner{width:28px;height:28px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);margin-bottom:18px;text-decoration:none;transition:color .12s var(--ease)}.back-link:hover{color:var(--text);text-decoration:none}.switcher-pop{position:absolute;top:52px;left:0;right:0;z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:6px;max-height:300px;overflow-y:auto;animation:pop .15s var(--ease)}.switcher-item{display:flex;align-items:center;gap:10px;padding:7px 8px;font-size:13.5px;color:var(--text);text-decoration:none;border-radius:var(--r-sm);transition:background .1s var(--ease)}.switcher-item:hover{background:var(--surface-2);text-decoration:none}.switcher-item--all{color:var(--text-soft);font-weight:500}.switcher-divider{height:1px;background:var(--border);margin:4px 6px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:22px}.toolbar__search{flex:1;min-width:240px;max-width:400px;display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);transition:border-color .12s var(--ease),box-shadow .12s var(--ease)}.toolbar__search:focus-within{border-color:var(--accent);box-shadow:var(--shadow-glow)}.toolbar__input{flex:1;border:none;outline:none;background:transparent;font-size:13.5px;color:var(--text);min-width:0}.toolbar__check{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-soft);cursor:pointer;user-select:none}.toolbar__check input{accent-color:var(--accent)}.rooms-section{margin-bottom:28px}.rooms-section__head{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:10px;padding:0 4px}.rooms-section__count{background:var(--surface-3);color:var(--text-soft);padding:1px 8px;border-radius:999px;font:600 11px var(--mono);letter-spacing:0}.rooms-list{display:flex;flex-direction:column;gap:8px}.room-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 16px;display:flex;align-items:center;gap:14px;transition:border-color .12s var(--ease),background .12s var(--ease)}.room-card:hover{border-color:var(--border-strong);background:var(--surface-2)}.room-card--ended{opacity:.7}.room-card__main{flex:1;min-width:0;display:flex;align-items:center;gap:12px}.room-card__icon{position:relative;width:36px;height:36px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.room-card__live-dot{position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:999px;background:var(--good);box-shadow:0 0 0 2px var(--surface);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.room-card__name{font-weight:600;font-size:14.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-card__meta{font-size:12.5px;color:var(--text-muted);display:flex;gap:4px;flex-wrap:wrap}.room-card__meta span{white-space:nowrap}.room-card__actions{display:flex;gap:6px;flex-shrink:0}.btn--sm{padding:6px 10px;font-size:12.5px;border-radius:999px}.field__hint{font-size:11.5px;color:var(--text-muted);font-weight:400;margin-top:-2px}.dev-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}@media (max-width: 1080px){.dev-grid{grid-template-columns:1fr}}.dev-form{padding:20px;display:flex;flex-direction:column;gap:14px}.dev-form__head{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;margin-bottom:4px}.dev-form__hint{color:var(--text-soft);font-size:13.5px;padding:12px;background:var(--surface-2);border-radius:var(--r-md)}.dev-slider{width:100%;-webkit-appearance:none;appearance:none;height:4px;background:var(--border-strong);border-radius:999px;outline:none;margin:4px 0}.dev-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--accent);border-radius:999px;cursor:pointer;box-shadow:0 1px 3px #0003;transition:transform .1s var(--ease)}.dev-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.perms{display:flex;flex-direction:column;gap:6px;margin-top:4px}.perm{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);font-size:13.5px;color:var(--text-soft);cursor:pointer;text-align:left;transition:background .12s var(--ease),border-color .12s var(--ease),color .12s var(--ease)}.perm--on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.perm__check{width:16px;height:16px;border:1.5px solid var(--border-strong);border-radius:4px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--surface)}.perm__check--on{border-color:var(--accent);background:var(--accent);color:#fff}.dev-output{min-width:0}.result-stack{display:flex;flex-direction:column;gap:14px}.cb{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.cb--primary{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.cb__head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);font-size:12.5px;font-weight:600;color:var(--text-soft);background:var(--surface-2)}.cb__title{letter-spacing:-.005em}.cb__body{margin:0;padding:14px;font:500 12.5px var(--mono);color:var(--text);word-break:break-all;white-space:pre-wrap;background:var(--surface);max-height:220px;overflow:auto}.cb__body--multi{white-space:pre;word-break:normal}.cb__body--mono{word-break:break-all}.dev-meta{display:flex;gap:18px;flex-wrap:wrap;padding:12px 4px;font-size:12.5px;color:var(--text-muted)}@media (max-width: 800px){.shell{grid-template-columns:1fr}.sidebar{display:none}.content{padding:20px 18px 80px}}