*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f172a;color:#e2e8f0}input,button,a,select{font:inherit}a{color:#93c5fd}.centered{min-height:100vh;display:grid;place-items:center;padding:16px}.page{max-width:980px;margin:0 auto;padding:16px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.card{background:#111827;border-radius:12px;padding:16px;margin:12px 0;box-shadow:0 8px 26px #02061773;display:grid;gap:10px}.row{display:flex;gap:8px;flex-wrap:wrap}button{border:0;border-radius:10px;background:#334155;color:#e2e8f0;padding:8px 12px;cursor:pointer;transition:background .18s ease,transform .18s ease}button:hover{background:#475569}input{border:1px solid #334155;border-radius:10px;padding:10px;background:#0f172a;color:#e2e8f0}.error{color:#fca5a5}.created{border:1px dashed #3b82f6;border-radius:10px;padding:12px}.room-item{border:1px solid #334155;border-radius:10px;padding:12px;margin:10px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.session-shell{position:relative;min-height:100vh;background:#0f172a}.top-bar{height:48px;padding:0 12px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;border-bottom:1px solid rgba(148,163,184,.2);background:#0f172ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{font-weight:700;color:#cbd5e1}.room-chip{justify-self:center;background:#1e293bcc;border:1px solid #334155;font-size:13px}.top-actions{justify-self:end;display:flex;gap:8px}.icon-btn{background:#1e293bd9;border:1px solid #334155}.icon-btn.active{background:#1d4ed8}.video-stage{position:fixed;top:48px;left:0;right:0;bottom:0;padding:10px 10px 78px;transition:right .2s ease}.video-stage.chat-open{right:300px}.video-wrap,.chat-wrap{background:#0b1222;border-radius:12px;box-shadow:0 8px 30px #02061773;overflow:hidden}.video-wrap{display:block}.video-overlay-root{position:relative;height:100vh;max-height:calc(100vh - 136px);border-radius:12px;overflow:hidden;background:#020617}.video-panel{height:100%;width:100%}.video-draw-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;touch-action:none;cursor:default}.video-draw-overlay.active{pointer-events:auto;cursor:crosshair}.draw-tools{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:14px;background:#0f172ad9;border:1px solid rgba(148,163,184,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tool-btn{min-width:36px;height:36px;border-radius:10px;padding:0;background:#1e293b;border:1px solid #334155}.tool-btn.active{background:#1d4ed8;border-color:#60a5fa}.color-dot{width:24px;height:24px;border-radius:999px;border:2px solid rgba(255,255,255,.2);padding:0}.color-dot.active{transform:scale(1.1);border-color:#e2e8f0}.size-select{height:36px;border-radius:10px;border:1px solid #334155;background:#1e293b;color:#e2e8f0;padding:0 8px}.chat-drawer{position:fixed;top:48px;right:0;bottom:0;width:300px;padding:12px;background:#111827;border-left:1px solid rgba(148,163,184,.2);transform:translate(100%);transition:transform .2s ease;display:grid;grid-template-rows:auto 1fr auto auto 1fr;gap:10px;z-index:9}.chat-drawer.open{transform:translate(0)}.chat-drawer.drag-over{background:#172554}.messages{border:1px solid #334155;border-radius:10px;padding:8px;overflow:auto;background:#0b1222}.message{padding:8px;border-bottom:1px solid rgba(148,163,184,.1)}.msg-head{font-size:12px;color:#94a3b8;margin-bottom:2px}.chat-form{display:flex;gap:8px}.chat-form input{flex:1}.files{display:grid;gap:6px;min-height:80px;border:1px solid #334155;border-radius:10px;padding:8px;background:#0b1222;overflow:auto}.upload-label{display:grid;place-items:center;border:1px dashed #475569;border-radius:10px;padding:10px;color:#cbd5e1}.upload-label input{display:none}.file-item{border:1px solid #334155;border-radius:10px;padding:8px;text-decoration:none;background:#111827}.bottom-toolbar{position:fixed;left:50%;bottom:16px;transform:translate(-50%);display:flex;gap:10px;padding:8px;border-radius:16px;background:#0f172ad6;border:1px solid rgba(148,163,184,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.fab{border-radius:12px;min-width:120px;min-height:42px;background:#1e293b;border:1px solid #334155}.fab.icon-only{min-width:44px;width:44px;min-height:44px;height:44px;padding:0;display:grid;place-items:center;font-size:18px}.fab.active{background:#1d4ed8;border-color:#60a5fa}.fab.danger{background:#7f1d1d;border-color:#ef4444}.fab.danger:hover{background:#991b1b}.modern-scroll::-webkit-scrollbar{width:8px}.modern-scroll::-webkit-scrollbar-thumb{background:#334155;border-radius:10px}@media (max-width: 1024px){.video-stage.chat-open{right:0}.chat-drawer{width:min(88vw,320px)}.video-overlay-root{max-height:calc(100vh - 150px)}.fab{min-width:88px;font-size:13px}.fab.icon-only{min-width:42px;width:42px}}