:root{--brand:#f60;--bg:#fafafa;--surface:#fff;--surface-2:#f2f2f2;--border:#e5e5e5;--text:#0a0a0a;--muted:#6b6b6b;--primary:#f60;--primary-hover:#e65c00;--primary-soft:#fff0e5;--link:#c74f00;--record:#f60;--record-hover:#e65c00;--danger:#dc2626;--success:#16a34a;--radius:12px;--shadow:0 1px 2px #0000000a, 0 4px 16px #0000000f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0a0a0a;--surface:#141414;--surface-2:#1f1f1f;--border:#2b2b2b;--text:#f5f5f5;--muted:#a3a3a3;--primary:#f60;--primary-hover:#ff7a1f;--primary-soft:#2e1a0b;--link:#ff8533;--record:#f60;--record-hover:#ff7a1f;--danger:#f87171;--success:#4ade80;--shadow:0 1px 2px #0006, 0 4px 16px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0a0a0a;--surface:#141414;--surface-2:#1f1f1f;--border:#2b2b2b;--text:#f5f5f5;--muted:#a3a3a3;--primary:#f60;--primary-hover:#ff7a1f;--primary-soft:#2e1a0b;--link:#ff8533;--record:#f60;--record-hover:#ff7a1f;--danger:#f87171;--success:#4ade80;--shadow:0 1px 2px #0006, 0 4px 16px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}a{color:var(--link);text-decoration:none}h1,h2,h3{margin:0 0 8px;line-height:1.25}h1{letter-spacing:-.02em;font-size:26px}h2{font-size:18px}.muted{color:var(--muted)}.small{font-size:13px}.grow{flex:1;min-width:0}.btn{height:40px;font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-sm{border-radius:8px;height:32px;padding:0 12px;font-size:13px}.btn-block{width:100%}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-record{background:var(--record);color:#fff}.btn-record:hover:not(:disabled){background:var(--record-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{background:var(--surface);border-color:var(--border);color:var(--text)}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.danger{color:var(--danger)!important}.link{font:inherit;color:var(--link);cursor:pointer;background:0 0;border:none;padding:0}.link:disabled{cursor:default}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px;outline:none;width:100%;padding:9px 12px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}input:disabled,select:disabled{background:var(--surface-2);color:var(--muted)}input[type=checkbox]{width:auto}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field>span{justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.inline-toggle{color:var(--muted);cursor:pointer;align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.toggle-pill{font:inherit;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:0;font-size:14px;font-weight:500;display:inline-flex}.toggle-pill.dark{color:#fff}.toggle-knob{background:var(--border);border-radius:999px;flex-shrink:0;width:36px;height:20px;transition:background .15s;position:relative}.toggle-pill.dark .toggle-knob{background:#404040}.toggle-pill:focus-visible{outline:none}.toggle-pill:focus-visible .toggle-knob{box-shadow:0 0 0 3px var(--primary-soft), 0 0 0 4px var(--primary)}.toggle-list{flex-wrap:wrap;gap:12px 28px;margin-top:4px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.alert{background:color-mix(in srgb, var(--danger) 10%, transparent);color:var(--danger);border-radius:10px;margin-bottom:14px;padding:10px 12px;font-size:14px}.alert .link{color:inherit;text-decoration:underline}.notice{background:color-mix(in srgb, var(--success) 12%, transparent);color:var(--success);border-radius:10px;margin-bottom:14px;padding:10px 12px;font-size:14px}.count{background:var(--surface-2);min-width:20px;color:var(--muted);text-align:center;border-radius:10px;padding:0 6px;font-size:12px;display:inline-block}.avatar{background:var(--primary-soft);color:var(--link);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.page-loading{text-align:center;color:var(--muted);padding:64px}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;margin:0 auto 16px;animation:.8s linear infinite spin}.spinner.small{border-width:2px;width:20px;height:20px;margin:0}@keyframes spin{to{transform:rotate(360deg)}}.topbar{z-index:10;background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex;position:sticky;top:0}.logo{color:var(--text);align-items:center;gap:10px;font-size:16px;font-weight:700;display:inline-flex}.logo em{color:var(--muted);font-style:normal;font-weight:500}.logo svg{flex-shrink:0}.theme-toggle{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:inline-flex}.theme-toggle:hover{color:var(--text);background:var(--surface-2)}.auth-page>.theme-toggle{position:fixed;top:16px;right:16px}.nav{align-items:center;gap:18px;display:flex}.nav>a:not(.btn){color:var(--muted);font-weight:500}.nav>a.active{color:var(--text)}.main{max-width:1280px;margin:0 auto;padding:32px 24px 64px}.rec-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.btn .rec-dot{background:#fff}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.auth-card{width:100%;max-width:400px;padding:32px}.auth-card .logo{margin-bottom:28px}.auth-card h1{font-size:22px}.auth-card p{margin:0 0 20px}.code-input{letter-spacing:12px;text-align:center;font-variant-numeric:tabular-nums;font-size:26px}.auth-links{justify-content:space-between;margin-top:16px;font-size:14px;display:flex}.library-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.library-head p{margin:0}.library-actions{gap:10px;display:flex}.library-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.search{max-width:320px}.tabs{background:var(--surface-2);border-radius:10px;gap:4px;padding:4px;display:inline-flex}.tabs button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:14px;font-weight:600;display:inline-flex}.tabs button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.tabs-full{margin:12px 12px 0;display:flex}.tabs-full button{flex:1;justify-content:center}.video-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.video-card{color:inherit;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);transition:transform .15s,box-shadow .15s;display:block;overflow:hidden}.video-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.thumb{aspect-ratio:16/9;background:#0a0a0a;position:relative}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb-empty{color:#a3a3a3;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;display:flex}.badge-duration{color:#fff;background:#000000bf;border-radius:6px;padding:2px 6px;font-size:12px;font-weight:600;position:absolute;bottom:8px;right:8px}.thumb-actions{opacity:0;gap:6px;transition:opacity .15s;display:flex;position:absolute;top:8px;right:8px}.thumb-actions button{color:#0a0a0a;font:inherit;cursor:pointer;background:#fffffff2;border:none;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600}.thumb-actions button:hover{background:#fff}.video-card:hover .thumb-actions,.video-card:focus-within .thumb-actions{opacity:1}@media (hover:none){.thumb-actions{opacity:1}}.video-meta{padding:12px 14px 14px}.video-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.empty{text-align:center;padding:56px 24px}.empty.narrow{max-width:480px;margin:48px auto}.empty-icon{margin-bottom:8px;font-size:40px}.record-layout{grid-template-columns:1fr 340px;align-items:start;gap:24px;display:grid}.record-stage{aspect-ratio:16/9;background:#0a0a0a;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.stage-cam{object-fit:cover;width:100%;height:100%}.stage-placeholder{color:#a3a3a3;text-align:center;padding:24px}.stage-icon{font-size:48px}.stage-overlay{background:linear-gradient(#0000 60%,#00000073);justify-content:center;align-items:flex-end;padding:24px;display:flex;position:absolute;inset:0}.countdown{color:#fff;text-shadow:0 4px 24px #0006;align-self:center;font-size:120px;font-weight:800}.record-panel{padding:24px}.record-panel>h2{margin-bottom:16px}.mode-list{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.mode{text-align:left;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;display:flex}.mode span{color:var(--muted);font-size:13px}.mode.active{border-color:var(--primary);background:var(--primary-soft)}.mode:disabled{cursor:not-allowed}.mic-meter{background:var(--surface-2);border-radius:3px;height:6px;overflow:hidden}.mic-meter div{background:var(--success);height:100%;transition:width 80ms}.rec-controls{flex-direction:column;align-items:center;gap:12px;display:flex}.rec-bar{color:#fff;background:#0a0a0a;border-radius:14px;align-items:center;gap:8px;padding:8px 10px;display:flex;box-shadow:0 8px 24px #0000004d}.rec-bar .btn-ghost{color:#fff;background:0 0;border-color:#333}.rec-bar .btn-ghost:hover{background:#262626}.rec-time{font-variant-numeric:tabular-nums;align-items:center;gap:8px;min-width:80px;padding:0 8px;font-weight:600;display:inline-flex}.rec-time .rec-dot{color:var(--record);animation:1.2s ease-in-out infinite pulse}.rec-time .rec-dot.paused{color:#a3a3a3;animation:none}@keyframes pulse{50%{opacity:.35}}.cam-bubble{object-fit:cover;border:3px solid #fff;border-radius:50%;width:240px;height:240px;box-shadow:0 8px 24px #0000004d}.pip-body{background:#0a0a0a;justify-content:center;align-items:center;min-height:100vh;margin:0;display:flex;overflow:hidden}.rec-controls.compact{gap:10px;padding:10px}.rec-controls.compact .rec-bar{box-shadow:none}.upload-card{text-align:center;max-width:480px;margin:64px auto;padding:32px}.progress{background:var(--surface-2);border-radius:4px;height:8px;margin:20px 0 12px;overflow:hidden}.progress div{background:var(--primary);height:100%;transition:width .3s}.video-page{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:24px;display:grid}.player-wrap{border-radius:var(--radius);background:#000;overflow:hidden}.player-wrap mux-player{--media-object-fit:contain;width:100%;max-height:75vh;display:block}.player-placeholder{aspect-ratio:16/9;text-align:center;color:#f5f5f5;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.video-header{margin:20px 0 12px}.video-header h1{margin-bottom:10px;font-size:24px}.video-header h1.editable{cursor:text;border-radius:8px}.video-header h1.editable:hover{background:var(--surface-2)}.title-form input{margin-bottom:10px;font-size:22px;font-weight:700}.video-byline{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.video-actions{flex-wrap:wrap;gap:10px;display:flex}.select-compact{width:auto;height:40px;padding:0 12px}.btn-sm+.select-compact,.member-row .select-compact{height:32px;font-size:13px}.description{resize:vertical;margin-top:8px}.description:read-only{background:0 0;border-color:#0000;padding-left:0}.viewers{margin-bottom:12px;padding:16px}.viewers-head{justify-content:space-between;margin-bottom:10px;display:flex}.viewer-row{align-items:center;gap:10px;padding:4px 0;display:flex}.video-side{flex-direction:column;max-height:calc(100vh - 108px);display:flex;position:sticky;top:84px;overflow:hidden}.side-body{flex:1;min-height:200px;padding:12px;overflow-y:auto}.transcript-tools{gap:8px;margin-bottom:8px;display:flex}.transcript-tools input{height:32px;padding:4px 10px;font-size:13px}.segment{text-align:left;width:100%;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;gap:12px;padding:8px;display:flex}.segment:hover{background:var(--surface-2)}.segment.active{background:var(--primary-soft)}.segment .ts,.ts-chip{color:var(--link);font-variant-numeric:tabular-nums;min-width:36px;padding-top:2px;font-size:12px;font-weight:600}.transcript-pending{align-items:center;gap:12px;display:flex}.comments{flex-direction:column;padding:0;display:flex}.comment-list{flex:1;padding:12px;overflow-y:auto}.comment{gap:10px;margin-bottom:14px;display:flex}.comment-body{flex:1;min-width:0}.comment-head{align-items:baseline;gap:8px;display:flex}.comment-head .link{margin-left:auto}.comment-text{white-space:pre-wrap;word-break:break-word}.ts-chip{background:var(--primary-soft);cursor:pointer;border:none;border-radius:6px;min-width:0;margin-right:6px;padding:1px 6px}.reactions{border-top:1px solid var(--border);gap:4px;padding:8px 12px 0;display:flex}.reactions button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;padding:2px 8px;font-size:16px}.reactions button:hover{background:var(--surface-2)}.comment-form{padding:8px 12px 12px}.comment-form textarea{resize:none}.comment-form-foot{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.signin-to-comment{border-top:1px solid var(--border);padding:12px}.settings{max-width:820px;margin:0 auto}.settings h1{margin-bottom:20px}.settings-section{margin-bottom:20px;padding:24px}.settings-section h2{margin-bottom:16px}.row-form{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.row-form .btn{margin-bottom:14px}.member-list{margin-top:8px}.member-row{border-top:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.member-row.pending{opacity:.75}.role-badge{text-transform:capitalize;background:var(--surface-2);color:var(--muted);border-radius:10px;padding:2px 10px;font-size:12px;font-weight:600}.watermark{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2;max-height:22%;position:absolute}.wm-top-left{top:4%;left:3%}.wm-top-right{top:4%;right:3%}.wm-bottom-left{bottom:4%;left:3%}.wm-bottom-right{bottom:4%;right:3%}.wm-over-controls.wm-bottom-left,.wm-over-controls.wm-bottom-right{bottom:calc(4% + 48px)}.watermark-editor{grid-template-columns:minmax(0,280px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.watermark-preview{aspect-ratio:16/9;color:#a3a3a3;background:linear-gradient(135deg,#1f1f1f,#3a3a3a);border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.watermark-controls{flex-direction:column;gap:12px;display:flex}.watermark-controls>.toggle-pill{align-self:flex-start}.watermark-controls p{margin:0}.watermark-controls .row-form,.watermark-controls .field{margin-bottom:0}.watermark-upload{align-items:center;gap:14px;display:flex}.watermark-controls input[type=range]{box-shadow:none;accent-color:var(--primary);background:0 0;border:none;padding:0}@media (width<=700px){.watermark-editor{grid-template-columns:1fr}}.toast-stack{z-index:50;flex-direction:column;gap:10px;width:min(360px,100vw - 32px);display:flex;position:fixed;bottom:20px;right:20px}.toast{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--primary);padding:14px 16px;animation:.2s ease-out toast-in;position:relative;box-shadow:0 8px 28px #0000002e}.toast p{margin:0 24px 4px 0}.toast-actions{gap:8px;margin-top:10px;display:flex}.toast-close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px;line-height:1;position:absolute;top:6px;right:8px}.toast-close:hover{color:var(--text)}.toast-success{border-left-color:var(--success)}.toast-muted{border-left-color:var(--muted)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.join-card{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:440px;margin:48px auto;padding:32px;display:flex}.join-card h1,.join-card p{margin:0}.join-link{margin:4px 0 16px}.join-link p{margin:2px 0 8px}.field-label{font-size:13px;font-weight:600}.join-link-row{align-items:center;gap:10px;display:flex}.join-link-row input{height:32px;color:var(--muted);padding:4px 10px;font-size:13px}.member-row.request{background:var(--primary-soft);border-top:none;border-radius:10px;margin-bottom:4px;padding:12px}.import-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);margin:0 0 16px;padding:16px}.import-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.import-panel p{margin:0 0 10px}.dropzone{text-align:center;border:2px dashed var(--border);background:var(--surface);border-radius:10px;flex-direction:column;align-items:center;gap:8px;margin-bottom:14px;padding:24px 16px;transition:border-color .15s,background .15s;display:flex}.dropzone.over{border-color:var(--primary);background:var(--primary-soft)}.import-table{border:1px solid var(--border);background:var(--surface);border-radius:10px;max-height:320px;overflow-y:auto}.import-row{border-top:1px solid var(--border);cursor:pointer;grid-template-columns:24px minmax(0,1fr) minmax(0,1.4fr) auto;align-items:center;gap:10px;padding:8px 12px;font-size:14px;display:grid}.import-row:first-child{border-top:none}.import-row.disabled{opacity:.55;cursor:default}.import-row-head{z-index:1;background:var(--surface);color:var(--muted);font-size:12px;font-weight:600;position:sticky;top:0}.import-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.role-badge.status-new{background:var(--primary-soft);color:var(--link)}.import-foot{flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px;display:flex}@media (width<=600px){.import-row{grid-template-columns:24px minmax(0,1fr) auto}.import-row>span:nth-child(2){display:none}}.avatar-img{object-fit:cover;background:var(--surface-2)}.user-menu{display:inline-flex;position:relative}.user-menu-trigger{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0;display:inline-flex}.user-menu-trigger:focus-visible,.user-menu-trigger[aria-expanded=true]{outline:2px solid var(--primary);outline-offset:2px}.user-menu-panel{z-index:30;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);flex-direction:column;width:260px;padding:6px;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 32px #0000002e}.user-menu-head{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:4px;padding:8px 8px 12px;display:flex}.user-menu-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-menu-photo{cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;padding:0;display:inline-flex;position:relative}.user-menu-photo-edit{color:#fff;opacity:0;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:600;transition:opacity .15s;display:flex;position:absolute;inset:0}.user-menu-photo:hover .user-menu-photo-edit,.user-menu-photo:focus-visible .user-menu-photo-edit,.user-menu-photo:disabled .user-menu-photo-edit{opacity:1}.user-menu-panel>button,.user-menu-panel>a{text-align:left;width:100%;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 10px;font-size:14px;display:block}.user-menu-panel>button:hover:not(:disabled),.user-menu-panel>a:hover{background:var(--surface-2)}.user-menu-panel>button:disabled{opacity:.55;cursor:default}.user-menu-panel hr{border:none;border-top:1px solid var(--border);margin:4px 0}.user-menu-panel .alert{margin:4px 4px 6px}.breadcrumbs{flex-wrap:wrap;align-items:center;gap:2px;margin-bottom:2px;font-size:13px;display:flex}.crumb-wrap{align-items:center;gap:2px;display:inline-flex}.crumb{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:1px dashed #0000;border-radius:6px;padding:2px 6px}.crumb:hover{color:var(--text);background:var(--surface-2)}.crumb-sep{color:var(--muted)}.library-section{color:var(--muted);margin:4px 0 10px;font-size:14px}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:24px;display:grid}.folder-tile{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative}.folder-tile>svg{color:var(--primary);flex-shrink:0}.folder-tile:hover{box-shadow:var(--shadow)}.folder-tile:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.folder-tile.editing{cursor:default;border-color:var(--primary)}.folder-tile.editing input{height:32px;padding:4px 8px}.folder-tile-text{min-width:0}.folder-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.drop-over,.crumb.drop-over{border-color:var(--primary)!important;background:var(--primary-soft)!important;border-style:dashed!important}.folder-menu{flex-shrink:0;position:relative}.folder-menu-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:18px;line-height:1}.folder-menu-btn:hover{color:var(--text);background:var(--surface-2)}.folder-menu-panel{z-index:20;flex-direction:column;min-width:150px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.folder-menu-panel button{text-align:left;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 10px;font-size:14px}.folder-menu-panel button:hover{background:var(--surface-2)}.video-card[draggable=true]{cursor:grab}.video-folder{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;margin-top:4px;display:flex;overflow:hidden}.video-folder svg{flex-shrink:0;width:14px;height:14px}.move-dialog{width:min(440px,100vw - 32px)}.move-list{flex-direction:column;gap:2px;max-height:50vh;margin:8px 0 4px;display:flex;overflow-y:auto}.move-list button{text-align:left;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:flex}.move-list button svg{width:16px;height:16px;color:var(--primary);flex-shrink:0}.move-list button:hover:not(:disabled){background:var(--surface-2)}.move-list button.current{color:var(--muted);cursor:default}.move-list button.current:after{content:"Current";margin-left:auto;font-size:12px}.stage-tools-pills{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.record-panel-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.record-panel-head h2{margin:0}.tour{z-index:60;pointer-events:none;position:fixed;inset:0}.tour-spotlight{box-shadow:0 0 0 3px var(--primary), 0 0 0 9999px #0000008c;border-radius:14px;transition:left .25s,top .25s,width .25s,height .25s;position:fixed}.tour-dim{background:#0000008c;position:fixed;inset:0}.tour-card{pointer-events:auto;border-top:4px solid var(--primary);padding:16px 18px;transition:left .25s,top .25s;animation:.2s ease-out toast-in;position:fixed;box-shadow:0 16px 48px #00000059}.tour-card h3{margin:2px 0 6px;font-size:17px}.tour-body p{color:var(--muted);margin:0;font-size:14px}.tour-actions{align-items:center;gap:8px;margin-top:14px;display:flex}@media (prefers-reduced-motion:reduce){.tour-spotlight,.tour-card{transition:none;animation:none}}.confetti{z-index:80;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.first-video{text-align:center;max-width:440px}.first-video-emoji{margin-bottom:8px;font-size:44px;line-height:1}.first-video .modal-actions{justify-content:center}.tour-body p+p{margin-top:8px}.panel-rec-controls{flex-direction:column;gap:10px;display:flex}.panel-rec-controls p{margin:0}.panel-rec-row{align-items:center;gap:8px;display:flex}.panel-rec-row .rec-time{flex:1;min-width:0;padding:0}.stop-square{background:#fff;border-radius:2px;width:10px;height:10px;display:inline-block}.impersonation-banner{z-index:40;background:var(--primary);color:#fff;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;padding:8px 16px;font-size:14px;display:flex;position:sticky;top:0}.impersonation-banner .btn{color:#fff;background:#0a0a0a}.impersonation-banner .btn:hover:not(:disabled){background:#262626}.admin-add{margin-bottom:20px;padding:16px 20px}.admin-add p{margin:0}.admin-add .admin-check,.admin-add .btn{margin-bottom:14px}.admin-check{color:var(--text);font-size:14px}.admin-count{margin:0}.admin-table{overflow:hidden}.admin-row{border-top:1px solid var(--border);grid-template-columns:minmax(0,2.4fr) 90px 110px minmax(0,1.6fr);align-items:center;gap:12px;padding:12px 16px;display:grid}.admin-row:first-child{border-top:none}.admin-row-head{color:var(--muted);background:var(--surface-2);font-size:12px;font-weight:600}.admin-user{align-items:center;gap:10px;min-width:0;display:flex}.admin-name{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.admin-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-badge{background:var(--primary-soft);color:var(--link)}.admin-num{font-variant-numeric:tabular-nums}.admin-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.admin-more{border-width:1px 0 0;border-radius:0}.admin-edit{width:min(480px,100vw - 32px)}.admin-workspaces ul{max-height:200px;margin:6px 0 0;padding:0;list-style:none;overflow-y:auto}.admin-workspaces li{border-top:1px solid var(--border);align-items:center;gap:8px;padding:6px 0;display:flex}.admin-workspaces .role-badge{margin-left:auto}.admin-audit{margin-top:32px}.admin-audit ul{margin:8px 0 0;padding:0;font-size:14px;list-style:none}.admin-audit li{border-top:1px solid var(--border);padding:6px 0}@media (width<=860px){.admin-row{grid-template-columns:minmax(0,1fr) auto}.admin-row>:nth-child(2),.admin-row>:nth-child(3),.admin-row>:nth-child(4){display:none}}.danger-zone{border-color:color-mix(in srgb, var(--danger) 45%, var(--border))}.danger-zone h2{color:var(--danger)}.danger-zone-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.danger-zone-row p{margin:2px 0 0}.delete-ws{width:min(520px,100vw - 32px)}.delete-ws>p{margin:0 0 14px}.delete-ws-options{border:none;flex-direction:column;gap:8px;margin:0 0 14px;padding:0;display:flex}.delete-ws-options legend{margin-bottom:8px}.delete-ws-options>p{margin:0}.delete-ws-option{border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.delete-ws-option input[type=radio]{width:auto;accent-color:var(--primary);margin-top:3px}.delete-ws-option .grow{flex-direction:column;gap:4px;display:flex}.delete-ws-option select{margin-top:6px}.delete-ws-option.active{border-color:var(--primary);background:var(--primary-soft)}.delete-ws-option.danger-option.active{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, transparent)}.delete-ws-option.danger-option input[type=radio]{accent-color:var(--danger)}.delete-ws-option.disabled{opacity:.55;cursor:not-allowed}.library{min-height:60vh;position:relative}.file-drop-overlay{z-index:55;background:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.file-drop-card{text-align:center;border:3px dashed var(--primary);background:var(--surface);border-radius:20px;flex-direction:column;align-items:center;gap:6px;max-width:420px;padding:36px 40px;display:flex;box-shadow:0 16px 48px #00000040}.file-drop-card strong{font-size:18px}.file-drop-icon{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:6px;font-size:24px;display:flex}.badge-loom{vertical-align:middle;color:#fff;letter-spacing:.02em;background:#625df5;border-radius:999px;align-items:center;margin-right:6px;padding:1px 7px;font-size:11px;font-weight:700;line-height:1.6;display:inline-flex}.video-header h1 .badge-loom{font-size:12px;position:relative;top:-3px}.upload-confirm{width:min(480px,100vw - 32px)}.upload-confirm-list{border:1px solid var(--border);border-radius:10px;max-height:240px;margin:8px 0 14px;padding:0;list-style:none;overflow-y:auto}.upload-confirm-list li{border-top:1px solid var(--border);align-items:center;gap:10px;padding:7px 12px;font-size:14px;display:flex}.upload-confirm-list li:first-child{border-top:none}.upload-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.upload-loom{color:var(--text);margin-bottom:6px;font-size:14px}.upload-confirm p{margin:0}.upload-panel{z-index:50;width:min(360px,100vw - 32px);padding:12px 14px;position:fixed;bottom:20px;left:20px;box-shadow:0 12px 32px #0003}.upload-panel-head{align-items:center;gap:10px;display:flex}.upload-panel .progress{height:6px;margin:8px 0 0}.upload-list{max-height:260px;margin:8px 0 0;padding:0;list-style:none;overflow-y:auto}.upload-item{border-top:1px solid var(--border);padding:7px 0;font-size:14px}.upload-item-row{align-items:center;gap:8px;display:flex}.upload-item .badge-loom{margin-right:0}.upload-state{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.upload-item.done .upload-state{color:var(--success)}.upload-item.failed .upload-state{color:var(--danger)}.upload-item .progress{margin-top:6px}@media (width<=960px){.record-layout,.video-page{grid-template-columns:1fr}.video-side{max-height:none;position:static}}@media (width<=600px){.topbar{padding:0 16px}.logo em{display:none}.main{padding:20px 16px 48px}.nav{gap:12px}.search{max-width:none}}.record-stage-col{flex-direction:column;gap:12px;min-width:0;display:flex}.record-stage.with-editor{aspect-ratio:auto;display:block}.bubble-frame{border-radius:inherit;-webkit-user-select:none;user-select:none;background:#1a1a1a;width:100%;position:relative;overflow:hidden}.bubble-frame-screen{object-fit:contain;background:#0a0a0a;width:100%;height:100%;position:absolute;inset:0}.bubble-frame-placeholder{color:#737373;background:linear-gradient(#262626 1px,#0000 1px) 0 0/100% 12.5%,#1a1a1a;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.bubble{aspect-ratio:1;cursor:grab;touch-action:none;background:#0a0a0a;outline:3px solid #ffffffe6;transition:left .22s,top .22s,width .22s;position:absolute;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 6px 20px #00000073}.bubble.dragging{cursor:grabbing;outline-color:var(--primary);transition:none}.bubble video{object-fit:cover;pointer-events:none;width:100%;height:100%}.bubble-circle{border-radius:50%}.bubble-rounded{border-radius:18%}.bubble-square{border-radius:4px}.stage-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.stage-overlay{pointer-events:none}.stage-overlay>*{pointer-events:auto}.bubble-toolbar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);height:30px;color:var(--text);font:inherit;text-transform:capitalize;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}.chip:hover:not(:disabled){background:var(--surface-2)}.chip:disabled{opacity:.45;cursor:not-allowed}.bubble-toolbar.dark .chip{color:#fff;background:0 0;border-color:#333}.shape-icon{border:1.5px solid;width:11px;height:11px}.shape-circle{border-radius:50%}.shape-rounded{border-radius:3px}.toggle-pill{border:1px solid var(--border);background:var(--surface-2);height:28px;color:var(--muted);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 12px 0 4px;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.toggle-knob{background:var(--border);border-radius:999px;width:30px;height:18px;transition:background .15s;position:relative}.toggle-knob:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000004d}.toggle-pill.on{background:var(--primary-soft);border-color:var(--primary);color:var(--text)}.toggle-pill.on .toggle-knob{background:var(--primary)}.toggle-pill.on .toggle-knob:after{transform:translate(12px)}.toggle-pill:disabled{opacity:.5;cursor:not-allowed}.toggle-pill.dark{color:#d4d4d4;background:0 0;border-color:#333}.toggle-pill.dark.on{color:#fff;border-color:var(--primary)}.field>span:has(.toggle-pill){justify-content:space-between;align-items:center;display:flex}.field-inline{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.save-default{margin-top:8px}.live-caption{border-radius:var(--radius);color:#fff;background:#0a0a0a;min-height:44px;padding:10px 14px;font-size:15px;line-height:1.4}.live-caption.idle{color:#a3a3a3;font-style:italic}.rec-controls.compact{align-items:stretch;width:100%}.pip-frame{border-radius:10px}.rec-controls.compact .bubble-toolbar,.rec-controls.compact .rec-bar{justify-content:center}.player-wrap{position:relative}.caption-overlay{text-align:center;pointer-events:none;width:min(86%,900px);position:absolute;bottom:14%;left:50%;transform:translate(-50%)}.caption-overlay span{color:#fff;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#000000b8;border-radius:6px;padding:4px 10px;font-size:clamp(14px,2.1vw,22px);font-weight:500;line-height:1.6;display:inline}.cc-toggle{letter-spacing:.04em;font-weight:700}.cc-toggle.on{border-color:var(--primary);color:var(--primary)}.ai-note{background:var(--surface-2);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;padding:8px 10px;font-size:13px;display:flex}.chapters{border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:10px}.chapters-head{text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.chapter{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;gap:10px;padding:6px 8px;font-weight:600;display:flex}.chapter:hover{background:var(--surface-2)}.chapter.active{background:var(--primary-soft)}.chapter .ts{color:var(--primary);font-variant-numeric:tabular-nums}.modal-backdrop{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:16px;animation:.12s ease-out fade-in;display:flex;position:fixed;inset:0}.modal{width:min(440px,100%);padding:24px;animation:.14s ease-out pop-in}.modal h2{margin:0 0 8px;font-size:18px}.modal-body{margin-bottom:20px;line-height:1.5}.modal-actions{justify-content:flex-end;gap:8px;display:flex}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.96)}}.bubble-ghost{aspect-ratio:1;border:2px dashed var(--primary);background:color-mix(in srgb, var(--primary) 18%, transparent);pointer-events:none;transition:left .15s,top .15s;animation:.12s ease-out ghost-in;position:absolute;transform:translate(-50%,-50%)}@keyframes ghost-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}}.bubble-frame-placeholder.pick{border-radius:inherit;color:#d4d4d4;width:100%;font:inherit;cursor:pointer;border:2px dashed #404040;flex-direction:column;gap:4px;transition:border-color .15s,color .15s}.bubble-frame-placeholder.pick:hover{border-color:var(--primary);color:#fff}.bubble-frame-placeholder.pick strong{font-size:16px}.bubble-frame-placeholder.pick span:last-child{color:#8a8a8a;font-size:13px}.pick-icon{font-size:36px}.frame-change{z-index:2;color:#fff;font:inherit;cursor:pointer;background:#000000b3;border:none;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;position:absolute;top:10px;right:10px}.frame-change:hover{background:var(--primary)}.segmented{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.segmented button{height:24px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.segmented button:hover:not(.active){color:var(--text)}.segmented button.active{background:var(--primary);color:#fff}.bubble-toolbar.dark .segmented{background:0 0;border-color:#333}.bubble-toolbar.dark .segmented button{color:#a3a3a3}.bubble-toolbar.dark .segmented button.active{color:#fff}.shape-square{border-radius:1px}.stage-tools-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ws-switcher{position:relative}.ws-trigger{border:1px solid var(--border);background:var(--surface);max-width:220px;height:34px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 10px 0 5px;font-size:14px;font-weight:600;display:inline-flex}.ws-trigger:hover{background:var(--surface-2)}.ws-name,.ws-item-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ws-badge{background:var(--primary);color:#fff;border-radius:7px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:inline-flex}.ws-badge-add{background:var(--surface-2);color:var(--text);font-size:16px}.ws-menu{z-index:50;width:280px;padding:6px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 12px 32px #0000002e}.ws-menu-head{padding:6px 8px 4px}.ws-item{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:7px 8px;font-size:14px;display:flex}.ws-item:hover:not(:disabled){background:var(--surface-2)}.ws-item.active{background:var(--primary-soft)}.ws-item .ws-item-name{flex:1}.ws-item svg{color:var(--primary);flex:none}.ws-item .role-badge{font-size:11px}.ws-divider{background:var(--border);height:1px;margin:6px 4px}.ws-create{gap:6px;padding:4px;display:flex}.ws-create input{flex:1;min-width:0}.ws-menu .alert{margin:6px 4px 2px}.settings-footer{flex-wrap:wrap;gap:8px;display:flex}@media (width<=600px){.ws-trigger{max-width:140px}.ws-menu{width:auto;position:fixed;top:60px;left:16px;right:16px}}.ws-logo{object-fit:contain;box-shadow:inset 0 0 0 1px var(--border);background:#fff;border-radius:7px;flex:none}.logo-field{align-items:center;gap:16px;margin-bottom:16px;display:flex}.logo-field .ws-logo,.logo-field .ws-badge{border-radius:14px}.logo-field-body{flex-direction:column;gap:4px;min-width:0;display:flex}.logo-field-actions{gap:8px;margin-top:4px;display:flex}