*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden}.app.svelte-12qhfyh{display:flex;height:100vh;width:100vw;background:#0a0a0a;color:#e0e0e0;font-family:monospace}.drawer.svelte-12qhfyh{width:180px;flex-shrink:0;background:#111;border-right:1px solid #1e1e1e;padding:16px 0;display:flex;flex-direction:column;gap:2px}.drawer-title.svelte-12qhfyh{padding:0 16px 12px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#444}.visual-item.svelte-12qhfyh{all:unset;padding:8px 16px;cursor:pointer;color:#777;font-size:13px;font-family:monospace;transition:color .1s,background .1s}.visual-item.svelte-12qhfyh:hover{color:#ccc;background:#161616}.visual-item.active.svelte-12qhfyh{color:#fff;background:#1a1a1a}.canvas-area.svelte-12qhfyh{flex:1;overflow:hidden;position:relative}.drawer-spacer.svelte-12qhfyh{flex:1}.room-section.svelte-12qhfyh{padding:12px 16px;display:flex;flex-direction:column;gap:6px;border-top:1px solid #1e1e1e}.room-label.svelte-12qhfyh{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#444}.room-url.svelte-12qhfyh{all:unset;font-family:monospace;font-size:11px;color:#888;background:#0d0d0d;border:1px solid #222;border-radius:3px;padding:4px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:text;-webkit-user-select:all;user-select:all}.room-btn.svelte-12qhfyh{all:unset;padding:7px 16px;cursor:pointer;font-size:13px;font-family:monospace;color:#ccc;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:3px;text-align:center;transition:background .1s,color .1s}.room-btn.svelte-12qhfyh:hover:not(:disabled){background:#252525;color:#fff}.room-btn.svelte-12qhfyh:disabled{color:#444;cursor:default}.room-btn--leave.svelte-12qhfyh{color:#844;border-color:#3a1a1a}.room-btn--leave.svelte-12qhfyh:hover{background:#2a1010;color:#c66}.room-peers.svelte-12qhfyh{font-size:11px;color:#555}.room-msg.svelte-12qhfyh{font-size:11px;color:#777}.room-msg--ok.svelte-12qhfyh{color:#484}.room-msg--err.svelte-12qhfyh{color:#a44}.join-form.svelte-12qhfyh{display:flex;gap:4px}.join-input.svelte-12qhfyh{all:unset;flex:1;min-width:0;font-family:monospace;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#ccc;background:#0d0d0d;border:1px solid #222;border-radius:3px;padding:6px 8px}.join-input.svelte-12qhfyh::placeholder{color:#333;letter-spacing:.1em}.join-input.svelte-12qhfyh:focus{border-color:#444;outline:none}.join-submit.svelte-12qhfyh{all:unset;padding:6px 10px;cursor:pointer;font-size:12px;font-family:monospace;color:#888;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:3px;transition:background .1s,color .1s}.join-submit.svelte-12qhfyh:hover{background:#252525;color:#fff}