:root{--bg: #0f172a;--surface: #1e293b;--surface-hover: #334155;--text: #f1f5f9;--text-muted: #94a3b8;--accent: #3b82f6;--accent-hover: #2563eb;--success: #22c55e;--error: #ef4444;--warning: #f59e0b;--radius: 8px;--shadow: 0 4px 6px -1px rgb(0 0 0 / .3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;align-items:center;justify-content:center}#app{width:100%;max-width:1920px;padding:2rem}.card{background:var(--surface);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow)}h1{font-size:1.5rem;margin-bottom:1rem}h2{font-size:1.2rem;margin-bottom:.75rem}button{background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:.6rem 1.2rem;font-size:1rem;cursor:pointer;transition:background .15s}button:hover{background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}input,select{background:var(--bg);color:var(--text);border:1px solid var(--surface-hover);border-radius:var(--radius);padding:.6rem;font-size:1rem;width:100%}.room-code{font-family:SF Mono,Fira Code,monospace;font-size:1.3rem;background:var(--bg);padding:1rem;border-radius:var(--radius);text-align:center;margin:1rem 0;letter-spacing:.05em}.room-code-badge{position:fixed;top:.75rem;left:.75rem;z-index:10;font-family:SF Mono,Fira Code,monospace;font-size:.8rem;color:var(--text-muted);background:var(--surface);border:1px solid var(--surface-hover);padding:.25rem .6rem;border-radius:var(--radius);letter-spacing:.05em}.progress-bar{height:8px;background:var(--bg);border-radius:4px;overflow:hidden;margin:.5rem 0}.progress-bar .fill{height:100%;background:var(--accent);border-radius:4px;transition:width .3s ease}.room-layout{display:flex;gap:1rem;align-items:flex-start}.room-layout .card{flex:1;min-width:0}.chat-pane{width:25%;min-width:200px;border-left:1px solid var(--surface-hover);padding-left:1rem}.chat-messages{height:300px;overflow-y:auto;margin-bottom:.5rem}.chat-input-row{display:flex;flex-direction:column;gap:.5rem}.chat-input-row input{font-size:.9rem}.chat-input-row button{width:100%}.chat-msg{margin:.25rem 0;font-size:.9rem}.chat-msg .name{color:var(--accent);font-weight:600}.file-list{list-style:none}.file-list li{padding:.5rem;border-bottom:1px solid var(--surface-hover);display:flex;justify-content:space-between;align-items:center}.file-status{font-size:.85rem;color:var(--text-muted)}.file-status.saved{color:var(--success)}.file-status.failed{color:var(--error)}.fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}