:root{--bg:#16181d;--panel:#1e2128;--panel-2:#262a33;--border:#323743;--text:#e6e8ee;--muted:#949bab;--accent:#4f8cff;--accent-hover:#6a9dff;--danger:#ff6b6b;--ok:#3ecf8e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button,input{font:inherit;color:inherit}button{background:var(--panel-2);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:6px;padding:5px 10px}button:hover:not(:disabled){border-color:#4a5160}button:disabled{cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.primary:disabled{opacity:.5}button.big{padding:10px 16px;font-weight:600}button.link{color:var(--muted);background:0 0;border:none;padding:0 0 0 8px;font-size:12px;text-decoration:underline}input{background:var(--bg);border:1px solid var(--border);border-radius:6px;outline:none;width:100%;padding:8px 10px}input:focus{border-color:var(--accent)}.muted{color:var(--muted)}.home{place-items:center;min-height:100%;padding:24px 16px;display:grid}.home-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;width:min(640px,100%);padding:28px}.home-card h1{margin:0 0 6px;font-size:24px}.stack{flex-direction:column;gap:16px;display:flex}.stack label,.label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.label{margin-bottom:6px}.row{gap:8px;display:flex}.row.spread{justify-content:space-between;align-items:center}.home-card.narrow{width:min(420px,100%)}.home-card.wide{width:min(900px,100%)}.home-card h2{align-items:baseline;gap:8px;margin:28px 0 12px;font-size:16px;display:flex}.home-card h2 .count{font-weight:400}.grow{flex:1;min-width:0}.row:has(>.grow){flex-wrap:wrap}button.link.inline{font-size:inherit;padding:0;text-decoration:none}button.danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.room-list{flex-direction:column;gap:8px;display:flex}.room-row{background:var(--bg);border:1px solid var(--border);border-radius:8px;grid-template-columns:1fr auto;gap:6px 12px;padding:10px 12px;display:grid}.room-main{align-items:baseline;gap:10px;min-width:0;display:flex}.room-id-link{color:var(--accent);background:0 0;border:none;padding:0;font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:600}.room-meta{flex-wrap:wrap;grid-column:1;gap:4px 14px;font-size:12px;display:flex}.room-meta .online{color:var(--ok)}.room-actions{grid-area:1/2/span 2;align-items:center;gap:6px;display:flex}@media (width<=700px){.room-row{grid-template-columns:1fr}.room-actions{flex-wrap:wrap;grid-area:auto/1}}.error-text{color:var(--danger);margin:0}.templates{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;display:grid}.template{text-align:left;white-space:normal;background:var(--bg);flex-direction:column;gap:4px;padding:10px 12px;display:flex}.template span{color:var(--muted);font-size:12px}.template.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.divider{color:var(--muted);align-items:center;gap:12px;margin:20px 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid var(--border);flex:1}.app{flex-direction:column;height:100%;display:flex}.header{background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:8px 12px;display:flex}.brand{color:var(--text);background:0 0;border:1px solid #0000;padding:3px 6px;font-weight:700}.brand:hover:not(:disabled){border-color:var(--border)}.room-id{color:var(--muted);background:var(--bg);border-radius:4px;padding:2px 8px;font-family:ui-monospace,Menlo,Consolas,monospace}.timer{font-variant-numeric:tabular-nums;color:var(--muted)}.spacer{flex:1}.peers{flex-wrap:wrap;gap:6px;display:flex}.peer{border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:13px;display:flex}.peer.following{border-color:var(--c);box-shadow:0 0 0 1px var(--c)}.dot{background:var(--c);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.tag{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:0 4px;font-size:10px}.status{background:var(--danger);border-radius:50%;width:10px;height:10px}.status.connected{background:var(--ok)}.main{flex:1;min-height:0;display:grid}.pane{background:var(--panel);flex-direction:column;min-width:0;min-height:0;display:flex}.splitter{cursor:col-resize;background:var(--border)}.splitter:hover{background:var(--accent)}body.dragging{cursor:col-resize;-webkit-user-select:none;user-select:none}body.dragging iframe{pointer-events:none}.code-pane{flex-direction:row}.editor-column{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar{border-right:1px solid var(--border);background:var(--panel);flex-direction:column;flex:none;width:210px;display:flex}.sidebar .toolbar{gap:4px;min-height:35px;padding:4px 6px 4px 10px}button.icon{padding:1px 6px;font-size:12px}.tree{flex:1;padding:4px 0;font-size:13px;overflow:auto}.tree-row{cursor:pointer;height:26px;color:var(--muted);white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding-right:6px;display:flex}.tree-row:hover{background:var(--panel-2);color:var(--text)}.tree-row.active{color:var(--text);box-shadow:inset 2px 0 0 var(--accent);background:#2c3340}.tree-icon{width:8px;font-size:10px}.tree-name{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.tree-actions{gap:2px;display:none}.tree-row:hover .tree-actions{display:flex}.tree-actions button{opacity:.75;background:0 0;border:none;padding:0 3px;font-size:11px}.tree-actions button:hover{opacity:1}.tabs{background:var(--panel);border-bottom:1px solid var(--border);flex:none;min-height:35px;display:flex;overflow-x:auto}.tab{border:none;border-right:1px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:0;align-items:center;gap:6px;padding:8px 6px 8px 12px;font-size:13px;display:flex}.tab.active{color:var(--text);box-shadow:inset 0 -2px 0 var(--accent);background:#282c34}.tab.add{padding:8px 14px;font-size:16px;line-height:1}.tab-close{color:var(--muted);visibility:hidden;background:0 0;border:none;padding:0 4px}.tab:hover .tab-close,.tab.active .tab-close{visibility:visible}.tab-close:hover{color:var(--danger)}.editor{background:#282c34;flex:1;min-height:0;overflow:hidden}.empty{flex:1;place-items:center;display:grid}.preview{flex-direction:column;flex:1;min-height:0;display:flex}.toolbar{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:10px;padding:5px 10px;display:flex}.pane-title{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;flex:1;align-items:center;gap:6px;font-size:12px;display:flex}.check{color:var(--muted);align-items:center;gap:4px;font-size:12px;display:flex}.check input{width:auto}.preview-frame{background:#fff;border:none;flex:1;width:100%;min-height:0}.console{border-top:1px solid var(--border);flex-direction:column;flex:none;display:flex}.console.open{height:35%;min-height:120px}.console-bar{cursor:pointer;-webkit-user-select:none;user-select:none}.badge{background:var(--panel-2);text-transform:none;letter-spacing:0;border-radius:999px;padding:0 7px}.badge.error{color:var(--danger);background:#4a1d22}.console-body{flex:1;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;overflow:auto}.log{white-space:pre-wrap;word-break:break-word;border-bottom:1px solid #262a33;margin:0;padding:3px 10px}.log.warn{color:#f5c46b;background:#2b2414}.log.error{color:#ff9b9b;background:#2b1418}.log.info{color:#8ab4ff}@media (width<=800px){.main{grid-template-rows:1fr 1fr;grid-template-columns:1fr!important}.splitter{display:none}.sidebar{width:150px}}