.customize-backdrop[data-v-7c2c0a2f]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:16px;background:#0a0c108c}.customize[data-v-7c2c0a2f]{width:min(880px,100%);max-height:100%;min-width:0;display:flex;flex-direction:column;background:var(--panel);border-radius:8px;box-shadow:0 12px 40px #00000073}header[data-v-7c2c0a2f]{display:flex;align-items:center;gap:16px;padding:12px 16px 0}header h2[data-v-7c2c0a2f]{margin:0;font-size:1.05em;flex:1}header .tabs[data-v-7c2c0a2f]{width:220px}.customize-body[data-v-7c2c0a2f]{display:flex;gap:16px;padding:12px 16px;min-height:0;overflow:hidden}.preview[data-v-7c2c0a2f]{flex-shrink:0}.preview-canvas[data-v-7c2c0a2f]{width:304px;height:208px;border-radius:6px;overflow:hidden;image-rendering:pixelated}.preview-canvas[data-v-7c2c0a2f] canvas{display:block;width:100%!important;height:100%!important}.preview .muted[data-v-7c2c0a2f]{color:var(--muted);font-size:.8em;margin:6px 0 0}.options[data-v-7c2c0a2f]{flex:1;overflow-y:auto;max-height:420px;padding-right:4px}section h3[data-v-7c2c0a2f]{font-size:.8em;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:10px 0 6px}section:first-child h3[data-v-7c2c0a2f]{margin-top:0}.grid[data-v-7c2c0a2f]{display:flex;flex-wrap:wrap;gap:6px}.opt[data-v-7c2c0a2f]{position:relative;width:56px;height:64px;padding:2px;display:flex;align-items:center;justify-content:center;background:#1e2128;border:2px solid transparent;border-radius:6px}.opt.head[data-v-7c2c0a2f]{height:56px}.opt img[data-v-7c2c0a2f]{image-rendering:pixelated;max-width:100%;max-height:100%}.opt.selected[data-v-7c2c0a2f]{border-color:var(--accent)}.opt .swatch[data-v-7c2c0a2f]{position:absolute;right:3px;bottom:3px;width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.6)}.opt .none[data-v-7c2c0a2f]{position:absolute;bottom:2px;font-size:.7em;color:var(--muted)}footer[data-v-7c2c0a2f]{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:0 16px 14px}footer .error[data-v-7c2c0a2f]{margin-right:auto;color:#e0796f}button.primary[data-v-7c2c0a2f]{background:var(--accent);color:#fff}@media(max-width:820px){.customize-backdrop[data-v-7c2c0a2f]{padding:8px;align-items:stretch}header[data-v-7c2c0a2f]{flex-wrap:wrap;gap:8px;padding:12px 12px 0}header h2[data-v-7c2c0a2f]{flex-basis:100%}header .tabs[data-v-7c2c0a2f]{width:100%}.customize-body[data-v-7c2c0a2f]{flex-direction:column;gap:12px;padding:12px;overflow-y:auto;flex:1}.preview[data-v-7c2c0a2f]{align-self:center;width:min(304px,100%)}.preview-canvas[data-v-7c2c0a2f]{width:100%;height:auto;aspect-ratio:304 / 208}.options[data-v-7c2c0a2f]{max-height:none;overflow:visible;padding-right:0}.grid[data-v-7c2c0a2f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr))}.opt[data-v-7c2c0a2f]{width:auto}footer[data-v-7c2c0a2f]{padding:8px 12px 12px;flex-wrap:wrap}footer .error[data-v-7c2c0a2f]{flex-basis:100%}}:root{--bg: #1f2129;--panel: #2a2d36;--panel-2: #343844;--text: #e8e6e1;--muted: #9aa0ab;--accent: #5b8dd6;--danger: #d9534f;--ok: #3fbf6a;--warn: #e0a33a;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#app{margin:0;height:100%}button,select,input{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid #454a58;border-radius:6px;padding:6px 10px}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button.off{background:#4a2f33}.login{max-width:560px;margin:10vh auto;padding:0 16px;text-align:center}.login .hint{color:var(--muted)}.user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-top:24px}.error{color:var(--danger)}.office{display:grid;grid-template-columns:minmax(0,1fr) 320px;height:100%;overflow:hidden}.stage{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;overflow:hidden}.canvas-host{min-height:0;overflow:hidden;position:relative}.canvas-host canvas{display:block}.controls{display:flex;gap:6px;align-items:center;flex-wrap:nowrap;padding:8px 12px;background:var(--panel);white-space:nowrap;min-width:0;overflow:hidden}.controls>*{flex-shrink:0}.controls .where{font-weight:600;margin-right:4px;max-width:170px;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:60px}.controls .logout{margin-left:auto}.screen-view{position:absolute;top:12px;right:12px;width:min(55%,720px);background:#000;border:1px solid #454a58;border-radius:8px;overflow:hidden}.screen-view header{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:var(--panel)}.screen-view video{display:block;width:100%}.toasts{position:absolute;top:12px;left:12px;display:grid;gap:6px}.toast{background:var(--panel);border-left:3px solid var(--warn);padding:8px 12px;border-radius:4px}.sidebar{display:flex;flex-direction:column;background:var(--panel);border-left:1px solid #3a3e4a;min-height:0}.tabs{display:flex}.tabs button{flex:1;border:0;border-radius:0;background:transparent;border-bottom:2px solid transparent}.tabs button.active{border-bottom-color:var(--accent)}.tabs.small button{padding:4px;font-size:.9em}.people{padding:8px 12px;overflow:auto}.people h3{font-size:.85em;color:var(--muted);text-transform:uppercase;margin:12px 0 6px}.people ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.people li{display:flex;align-items:center;gap:6px}.people li span:first-child{flex:1}.people li.speaking span:first-child{color:var(--ok)}.people input[type=range]{width:70px;padding:0}.status{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);flex:none!important}.status.busy{background:var(--warn)}.status.dnd{background:var(--danger)}.chat{display:flex;flex-direction:column;flex:1;min-height:0}.messages{flex:1;overflow:auto;padding:8px 12px}.messages .hint{color:var(--muted);font-size:.9em}.msg p{margin:2px 0 10px;white-space:pre-wrap;word-break:break-word}.msg small{color:var(--muted)}.separator{text-align:center;color:var(--muted);font-size:.8em;margin:8px 0;border-top:1px dashed #454a58;padding-top:4px}.composer{display:flex;gap:6px;padding:8px;border-top:1px solid #3a3e4a}.composer input{flex:1;min-width:0}.composer-open{flex:1;text-align:left;color:var(--muted)}kbd{font:inherit;font-size:.8em;padding:1px 6px;border:1px solid #4a4f5d;border-radius:4px;margin-left:6px}.controls-hint{color:var(--muted);font-size:.8em;overflow:hidden;text-overflow:ellipsis;flex-shrink:1!important;min-width:0}.composer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:16px;background:#14161c73}.composer-box{width:min(560px,100%);display:grid;gap:8px;padding:14px;background:var(--panel);border:1px solid var(--accent);border-radius:8px;box-shadow:0 8px 24px #00000059}.composer-box input{width:100%;font-size:1.05em;padding:10px 12px}.composer-targets{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:.9em}.composer-targets button.active{border-color:var(--accent);color:var(--text)}.composer-hint{margin:0;color:var(--muted);font-size:.8em}@media(max-width:800px){.office{grid-template-columns:1fr;grid-template-rows:1fr 40%}}.form{display:grid;gap:12px;text-align:left;margin-top:24px}.form label{display:grid;gap:4px}.small{font-size:.9em}.ok{color:var(--ok)}.admin{max-width:1100px;margin:0 auto;padding:16px;height:100%;overflow:auto}.admin header{display:flex;gap:12px;align-items:center}.admin header h1{margin-right:auto}.admin .counter{font-weight:600;padding:4px 10px;border-radius:999px;background:var(--panel-2)}.admin .counter.full{background:#4a2f33}.admin section{background:var(--panel);border-radius:8px;padding:12px 16px;margin:12px 0}.admin h2{font-size:1.05em;margin:0 0 8px}.admin .inline{display:flex;gap:8px;flex-wrap:wrap}.admin .hint{color:var(--muted);font-size:.9em}.admin table{width:100%;border-collapse:collapse;font-size:.92em}.admin th,.admin td{text-align:left;padding:6px 8px;border-bottom:1px solid #3a3e4a}.admin td.actions{display:flex;gap:6px;justify-content:flex-end}.admin td.details{color:var(--muted)}.admin .state.pending{color:var(--warn)}.admin .state.accepted{color:var(--ok)}.admin .state.expired,.admin .state.revoked{color:var(--muted)}.admin .plain{list-style:none;padding:0;margin:0;display:grid;gap:6px}button.danger{background:#4a2f33}button.link{background:none;border:none;color:var(--muted);font-size:.85em;padding:0 4px;text-decoration:underline;cursor:pointer}.credits{position:absolute;right:12px;top:12px;z-index:5;padding:6px 10px;border-radius:4px;background:var(--panel);color:var(--muted);font-size:.85em}.credits a{color:var(--text)}.controls .credits-link{font-size:.95em;text-decoration:none;padding:0 2px}.badge{display:inline-block;min-width:18px;padding:0 6px;margin-left:4px;border-radius:999px;background:var(--accent);color:#fff;font-size:.75em;line-height:18px;text-align:center}.people li .dm-start{margin-left:auto;font-size:.8em;padding:2px 8px}.dm-new{display:grid;gap:4px;margin-bottom:8px;color:var(--muted);font-size:.85em}.dm-conversation{display:grid;gap:2px;width:100%;text-align:left;margin-bottom:6px;padding:8px}.dm-conv-top,.dm-conv-last{display:flex;justify-content:space-between;align-items:center;gap:6px}.dm-conv-top small{color:var(--muted)}.dm-preview{color:var(--muted);font-size:.9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.dm-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.dm-more{display:block;margin:0 auto 8px}