:root{--color-bg: #f7f9fb;--color-bg-card: #ffffff;--color-bg-elevated: #eceef0;--color-bg-muted: #f2f4f6;--color-bg-raised: #eceef0;--color-bg-hover: #e6e8ea;--color-bg-accent: #d8e3fb;--color-bg-accent-soft: #e8eef8;--color-primary: #091426;--color-primary-container: #1e293b;--color-on-primary: #ffffff;--color-on-primary-container: #8590a6;--color-primary-fixed: #d8e3fb;--color-primary-fixed-dim: #bcc7de;--color-secondary: #515f74;--color-secondary-container: #d5e3fd;--color-on-secondary-container: #57657b;--color-text: #191c1e;--color-text-secondary: #515f74;--color-text-muted: #75777d;--color-text-subtle: #45474c;--color-border: #c5c6cd;--color-border-subtle: rgba(197, 198, 205, .2);--color-border-card: #e0e3e5;--color-accent-indigo: #4f6cd9;--color-accent-teal: #2bb3a8;--color-accent-cyan: #3ecbe1;--gradient-brand: linear-gradient(135deg, #1e293b 0%, #4f6cd9 50%, #2bb3a8 100%);--color-success: #16a34a;--color-success-bg: #f0fdf4;--color-success-border: #bbf7d0;--color-warning: #d97706;--color-warning-bg: #fffbeb;--color-warning-border: #fde68a;--color-error: #ba1a1a;--color-error-bg: #fef2f2;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Manrope", "Inter", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 3rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--space-3xl: 3rem;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -4px rgba(0,0,0,.05);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.08), 0 8px 10px -6px rgba(0,0,0,.04);--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-base: .2s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;color:var(--color-text);background:var(--color-bg);min-height:100vh}a{color:var(--color-primary);text-decoration:none;transition:opacity var(--duration-fast) var(--ease-out)}a:hover{opacity:.75}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.25;color:var(--color-primary)}img{max-width:100%;display:block}.container{max-width:1280px;margin:0 auto;padding:0 32px}.card{background:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:var(--radius-xl);padding:var(--space-lg);transition:box-shadow var(--duration-base) var(--ease-out)}.card:hover{box-shadow:var(--shadow-md)}.card-muted{background:var(--color-bg-muted);border:1px solid var(--color-border-card);border-radius:var(--radius-xl);padding:var(--space-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;letter-spacing:.01em;line-height:1.25;padding:.5rem 1rem;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--color-accent, #3b82f6);color:#fff;border-color:var(--color-accent, #3b82f6)}.btn-primary:hover:not(:disabled){opacity:.9;box-shadow:var(--shadow-md)}.btn-outline{background:var(--color-bg-card);color:var(--color-primary);border-color:var(--color-border)}.btn-outline:hover:not(:disabled){background:var(--color-bg-muted)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){color:var(--color-primary);background:var(--color-bg-muted)}.btn-sm{padding:.375rem .625rem;font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-lg{padding:.75rem 1.5rem;font-size:var(--text-xl);font-weight:600;border-radius:var(--radius-md)}.input,.select,.textarea{width:100%;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.5rem .75rem;outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-bg-accent)}.input::placeholder,.textarea::placeholder{color:var(--color-text-muted)}.textarea{resize:vertical;min-height:96px;line-height:1.5}.form-label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.form-group{display:grid;gap:var(--space-xs)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:.15rem .5rem;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;line-height:1.4}.badge-accent{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}.badge-accent.badge--pulse{animation:badge-pulse 1.5s ease-in-out infinite}.badge-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-border)}.badge-error{background:var(--color-error-bg);color:var(--color-error)}.badge-neutral{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.stack{display:grid;gap:var(--space-md)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-in{animation:fadeInUp .5s var(--ease-out) both}.animate-in-delay-1{animation:fadeInUp .5s var(--ease-out) .08s both}.animate-in-delay-2{animation:fadeInUp .5s var(--ease-out) .16s both}.animate-in-delay-3{animation:fadeInUp .5s var(--ease-out) .24s both}.animate-in-delay-4{animation:fadeInUp .5s var(--ease-out) .32s both}@media(max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}.container{padding:0 var(--space-md)}}.landing-header{position:sticky;top:0;z-index:50;background:#f7f9fbcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border-subtle)}.landing-header-inner{display:flex;justify-content:space-between;align-items:center;height:72px}.landing-nav-links{display:flex;align-items:center;gap:var(--space-lg)}.landing-nav-links a:not(.btn){color:var(--color-text-secondary);font-weight:500;font-size:var(--text-sm);text-decoration:none}.landing-nav-hamburger{display:none;width:44px;height:44px;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;color:var(--color-primary);border-radius:var(--radius-md)}.landing-mobile-menu{display:none}.landing-hero{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:center;padding:4rem 32px}.landing-hero-heading{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:600;letter-spacing:-.02em;line-height:1.15;margin-bottom:var(--space-lg);color:var(--color-primary)}.landing-hero-sub{font-size:var(--text-lg);color:var(--color-secondary);line-height:1.6;margin-bottom:var(--space-xl);max-width:520px}.landing-hero-ctas{display:flex;gap:var(--space-md)}.landing-hero-badge{position:absolute;bottom:-16px;right:-16px;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);box-shadow:var(--shadow-lg)}.landing-section{padding:4rem 32px}.landing-section-heading{font-size:var(--text-3xl);font-weight:600;color:var(--color-primary);margin-bottom:var(--space-md)}.landing-pricing-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-xl);max-width:1100px;margin:0 auto}@media(max-width:767px){.landing-nav-links{display:none}.landing-nav-hamburger{display:flex}.landing-header-inner{height:56px}.landing-mobile-menu{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border-top:1px solid var(--color-border-subtle);background:var(--color-bg-card)}.landing-mobile-menu a{display:block;padding:var(--space-sm) var(--space-md);color:var(--color-text-secondary);font-weight:500;font-size:var(--text-base);text-decoration:none;border-radius:var(--radius-md);min-height:44px;line-height:44px}.landing-mobile-menu a:active{background:var(--color-bg-hover)}.landing-hero{grid-template-columns:1fr;gap:var(--space-xl);padding:var(--space-xl) var(--space-md)}.landing-hero-heading{font-size:1.75rem;line-height:1.2}.landing-hero-sub{font-size:var(--text-base)}.landing-hero-ctas{flex-direction:column}.landing-hero-ctas .btn{width:100%;text-align:center;min-height:48px}.landing-hero-badge{position:relative;bottom:auto;right:auto;margin-top:var(--space-md)}#features{padding:var(--space-xl) 0}.landing-section-heading{font-size:var(--text-2xl)}.landing-section{padding:var(--space-xl) var(--space-md)}.landing-pricing-grid{grid-template-columns:1fr;gap:var(--space-md)}}.login-page{min-height:100vh;display:grid;grid-template-columns:1.3fr 1fr;background:var(--color-bg)}.login-visual{background:var(--gradient-brand);color:#fff;padding:3rem;display:flex;flex-direction:column;justify-content:flex-end}.login-form-section{display:grid;place-items:center;padding:2rem}.login-mobile-brand{display:none}@media(max-width:767px){.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-mobile-brand{display:block;text-align:center;margin-bottom:var(--space-lg)}.login-form-section{padding:var(--space-lg) var(--space-md);align-content:start;padding-top:3rem}.login-form-section .card{box-shadow:none;border:none;padding:var(--space-lg) 0}.login-form-section .input{font-size:var(--text-base);padding:.75rem;min-height:48px}.login-form-section .btn-lg{min-height:48px}}.editor-page{display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg)}.editor-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:0 var(--space-lg);height:52px;background:var(--color-bg-card);border-bottom:1px solid var(--color-border-card);box-shadow:var(--shadow-sm);flex-shrink:0;z-index:30}.editor-header-left{display:flex;align-items:center;gap:var(--space-md)}.editor-header-right{display:flex;align-items:center;gap:var(--space-sm)}.editor-back{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.editor-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-primary);margin:0}.editor-error{color:var(--color-error);font-size:var(--text-sm);padding:var(--space-sm) var(--space-lg);background:var(--color-error-bg);border-bottom:1px solid var(--color-error)}.editor-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:var(--space-md);color:var(--color-text-muted)}.editor-loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.editor-body{display:flex;flex:1;min-height:0;overflow:hidden}.editor-preview{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:#0c0e14;position:relative;min-width:0}.editor-preview-frame{width:100%;max-width:960px;max-height:calc(100vh - 160px);border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 40px #6366f114,0 0 80px #0006;background:#000}.editor-preview-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#ffffff59;font-size:var(--text-sm)}.editor-assets{width:280px;flex-shrink:0;background:var(--color-bg-card);border-left:1px solid var(--color-border-card);overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-lg)}.editor-assets-title{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--color-primary);margin:0 0 var(--space-sm);text-transform:uppercase;letter-spacing:.06em}.editor-assets-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.editor-assets-quickgen{display:grid;gap:var(--space-xs);margin-bottom:var(--space-sm)}.editor-assets-textarea{width:100%;font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:6px 8px;resize:vertical;min-height:48px;line-height:1.4;outline:none;transition:border-color var(--duration-fast) var(--ease-out)}.editor-assets-textarea:focus{border-color:var(--color-primary)}.editor-assets-list{display:grid;gap:4px}.editor-asset-item{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--color-bg);border:1px solid var(--color-border-card);border-radius:var(--radius-sm);font-size:var(--text-xs);cursor:grab;transition:all var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none}.editor-asset-item:hover{background:var(--color-bg-hover);border-color:var(--color-border)}.editor-asset-item:active{cursor:grabbing;opacity:.7;transform:scale(.98)}.editor-asset-icon{font-size:14px;flex-shrink:0}.editor-asset-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);font-weight:500}.editor-asset-meta{color:var(--color-text-muted);font-size:10px;flex-shrink:0}.editor-timeline{flex-shrink:0;border-top:1px solid var(--color-border-card)}.tl-editor{background:#111318;color:#e0e4ea;font-family:var(--font-body);-webkit-user-select:none;user-select:none;outline:none}.tl-toolbar{display:flex;align-items:center;gap:var(--space-lg);padding:6px var(--space-md);background:#1a1d26;border-bottom:1px solid rgba(255,255,255,.06);flex-wrap:wrap}.tl-toolbar-group{display:flex;align-items:center;gap:var(--space-sm)}.tl-toolbar-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);color:#c8cdd6;cursor:pointer;font-size:14px;transition:all var(--duration-fast) var(--ease-out)}.tl-toolbar-btn:hover{background:#ffffff1a;color:#fff}.tl-toolbar-btn--active{background:#6366f140;border-color:#6366f180;color:#a5b4fc}.tl-toolbar-time{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:#8890a0;min-width:100px}.tl-toolbar-label{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);color:#8890a0;cursor:pointer}.tl-toolbar-label input[type=checkbox]{accent-color:#6366f1}.tl-toolbar-label-text{font-size:var(--text-xs);color:#8890a0}.tl-toolbar-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#c8cdd6;font-size:var(--text-xs);padding:4px 6px;border-radius:var(--radius-sm);outline:none}.tl-toolbar-select:focus{border-color:#6366f180}.tl-toolbar-slider{width:100px;accent-color:#6366f1;cursor:pointer}.tl-toolbar-zoom-val{font-size:10px;color:#666e80;min-width:44px;font-variant-numeric:tabular-nums}.tl-scroll-area{overflow-x:auto;overflow-y:hidden;position:relative;min-height:232px}.tl-canvas{position:relative}.tl-ruler{position:relative;background:#1a1d26;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer}.tl-ruler-inner{height:100%}.tl-ruler-tick{position:absolute;top:0;height:100%}.tl-ruler-tick--major:before{content:"";position:absolute;bottom:0;left:0;width:1px;height:14px;background:#fff3}.tl-ruler-tick--minor:before{content:"";position:absolute;bottom:0;left:0;width:1px;height:8px;background:#ffffff14}.tl-ruler-label{position:absolute;top:3px;left:4px;font-size:9px;color:#6b7280;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none}.tl-track{display:flex;position:relative;border-bottom:1px solid rgba(255,255,255,.04)}.tl-track--muted{opacity:.45}.tl-track-label{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:0 10px;background:#1a1d26;border-right:1px solid rgba(255,255,255,.06);z-index:5}.tl-track-label-color{width:4px;height:28px;border-radius:2px;flex-shrink:0}.tl-track-label-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.tl-track-label-name{font-size:var(--text-xs);font-weight:600;color:#d0d4dc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-track-label-type{font-size:9px;color:#6b7280;text-transform:uppercase;letter-spacing:.08em}.tl-track-controls{display:flex;gap:2px;flex-shrink:0}.tl-track-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#6b7280;cursor:pointer;font-size:12px;border-radius:3px;transition:all var(--duration-fast) var(--ease-out)}.tl-track-btn:hover{background:#ffffff14;color:#c8cdd6}.tl-track-btn--active{color:#f59e0b}.tl-track-body{position:relative;flex:1;min-height:100%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.015) 0px,rgba(255,255,255,.015) 1px,transparent 1px,transparent 100px)}.tl-clip{position:absolute;top:6px;bottom:6px;border-radius:6px;display:flex;align-items:center;overflow:hidden;cursor:grab;transition:box-shadow var(--duration-fast) var(--ease-out);background:color-mix(in srgb,var(--clip-color) 22%,#1e2030);border:1px solid color-mix(in srgb,var(--clip-color) 40%,transparent)}.tl-clip:hover{box-shadow:0 0 0 1px var(--clip-color),0 2px 8px #0000004d}.tl-clip--dragging{cursor:grabbing;opacity:.85;box-shadow:0 0 0 2px var(--clip-color),0 4px 16px #00000080;z-index:10}.tl-clip--selected{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--clip-color);z-index:5}.tl-clip--locked{cursor:default;opacity:.5}.tl-clip-body{flex:1;display:flex;align-items:center;justify-content:space-between;gap:4px;padding:0 8px;min-width:0;pointer-events:none}.tl-clip-label{font-size:10px;font-weight:600;color:#e0e4ea;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-clip-duration{font-size:9px;color:#fff6;font-variant-numeric:tabular-nums;flex-shrink:0}.tl-clip-handle{position:absolute;top:0;bottom:0;width:6px;cursor:col-resize;z-index:2;transition:background var(--duration-fast) var(--ease-out)}.tl-clip-handle:hover{background:color-mix(in srgb,var(--clip-color) 60%,transparent)}.tl-clip-handle--left{left:0;border-radius:6px 0 0 6px}.tl-clip-handle--right{right:0;border-radius:0 6px 6px 0}.tl-playhead{position:absolute;top:0;width:2px;background:#ef4444;z-index:20;pointer-events:none;transform:translate(-1px)}.tl-playhead-head{position:absolute;top:-2px;left:-5px;width:12px;height:12px;background:#ef4444;clip-path:polygon(0% 0%,100% 0%,50% 100%);filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.tl-context-menu{position:fixed;background:#1e2030;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000080;padding:4px;z-index:100;min-width:140px}.tl-context-item{display:block;width:100%;text-align:left;padding:6px 10px;font-size:var(--text-xs);color:#c8cdd6;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast)}.tl-context-item:hover{background:#ffffff14;color:#fff}@media(max-width:960px){.editor-body{flex-direction:column}.editor-assets{width:100%;flex-direction:row;overflow-x:auto;border-left:none;border-top:1px solid var(--color-border-card);max-height:200px}.editor-assets-section{min-width:240px}}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.dash-layout{display:flex;min-height:100vh;background:var(--color-bg)}.dash-sidebar{position:fixed;left:0;top:0;height:100vh;width:240px;display:flex;flex-direction:column;padding:var(--space-md);gap:var(--space-sm);border-right:1px solid var(--color-border-subtle);background:var(--color-bg-muted);z-index:50}.dash-sidebar-brand{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--space-lg);padding:0 var(--space-sm)}.dash-sidebar-brand h1{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--color-primary);line-height:1.2}.dash-sidebar-brand p{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500;padding-left:42px}.dash-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:2px}.dash-nav-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);color:var(--color-text-subtle);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);border:none;background:transparent;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-decoration:none;width:100%;text-align:left;font-family:var(--font-body)}.dash-nav-item:hover{background:var(--color-bg-hover);color:var(--color-primary);opacity:1}.dash-nav-item.active{background:var(--color-secondary-container);color:var(--color-on-secondary-container);font-weight:600}.dash-nav-item .material-symbols-outlined{font-size:20px}.dash-nav-item--back{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-xs)}.dash-nav-item--back:hover{color:var(--color-primary)}.dash-sidebar-event-name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--color-text);padding:var(--space-xs) var(--space-md);line-height:1.3}.dash-sidebar-divider{height:1px;background:var(--color-border-subtle);margin:var(--space-xs) var(--space-md)}.dash-nav-label{flex:1}.dash-nav-count{font-size:.7rem;background:var(--color-bg-elevated);padding:.125rem .375rem;border-radius:999px;color:var(--color-text-muted)}.dash-nav-item.active .dash-nav-count{background:var(--color-primary-fixed);color:var(--color-primary)}.dash-sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--color-border-subtle);padding-top:var(--space-md)}.dash-sidebar-cta{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;cursor:pointer;margin-bottom:var(--space-sm);transition:opacity var(--duration-fast) var(--ease-out)}.dash-sidebar-cta:hover{opacity:.9}.dash-sidebar-cta:disabled{opacity:.45;cursor:not-allowed}@media(max-width:767px){.dash-sidebar{display:none}.dash-main{margin-left:0;padding-top:56px;padding-bottom:calc(56px + env(safe-area-inset-bottom))}}.mobile-top-bar,.mobile-drawer-backdrop,.mobile-drawer,.mobile-bottom-tabs{display:none}@media(max-width:767px){.mobile-top-bar{display:flex;position:fixed;top:0;left:0;right:0;height:56px;align-items:center;gap:var(--space-sm);padding:0 var(--space-sm);background:var(--color-bg-card);border-bottom:1px solid var(--color-border-subtle);z-index:100}.mobile-hamburger{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;color:var(--color-primary);border-radius:var(--radius-md);flex-shrink:0}.mobile-hamburger:active{background:var(--color-bg-hover)}.mobile-top-bar-title{flex:1;font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--color-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.mobile-drawer-backdrop{display:block;position:fixed;inset:0;background:#0006;z-index:200;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out)}.mobile-drawer-backdrop.open{opacity:1;pointer-events:auto}.mobile-drawer{display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:280px;max-width:80vw;background:var(--color-bg-card);z-index:201;transform:translate(-100%);transition:transform var(--duration-base) var(--ease-out);box-shadow:var(--shadow-xl)}.mobile-drawer.open{transform:translate(0)}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-md) var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-subtle);min-height:56px}.mobile-drawer-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-md);flex-shrink:0}.mobile-drawer-close:active{background:var(--color-bg-hover)}.mobile-drawer-nav{flex:1;display:flex;flex-direction:column;padding:var(--space-md);gap:2px;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-drawer-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);color:var(--color-text-subtle);font-size:var(--text-base);font-weight:500;border-radius:var(--radius-md);border:none;background:transparent;cursor:pointer;text-decoration:none;font-family:var(--font-body);min-height:48px;width:100%;text-align:left}.mobile-drawer-item .material-symbols-outlined{font-size:22px;flex-shrink:0}.mobile-drawer-item:active{background:var(--color-bg-hover)}.mobile-drawer-item.active{background:var(--color-secondary-container);color:var(--color-on-secondary-container);font-weight:600}.mobile-drawer-cta{background:var(--color-primary);color:var(--color-on-primary);justify-content:center;margin-top:var(--space-sm);font-weight:600}.mobile-drawer-cta:active{opacity:.85;background:var(--color-primary)}.mobile-drawer-divider{height:1px;background:var(--color-border-subtle);margin:var(--space-sm) var(--space-md)}.mobile-drawer-event-name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--color-text);padding:var(--space-xs) var(--space-md) var(--space-sm)}.mobile-bottom-tabs{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--color-bg-card);border-top:1px solid var(--color-border-subtle);z-index:100}.mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:none;background:transparent;cursor:pointer;color:var(--color-text-muted);text-decoration:none;font-family:var(--font-body);padding:var(--space-xs) 0;min-width:0;transition:color var(--duration-fast) var(--ease-out)}.mobile-tab .material-symbols-outlined{font-size:22px}.mobile-tab-label{font-size:10px;font-weight:500;white-space:nowrap}.mobile-tab.active{color:var(--color-primary)}.mobile-tab.active .material-symbols-outlined{font-variation-settings:"FILL" 1}}.dash-main{flex:1;margin-left:240px;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.dash-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--space-sm) var(--space-lg);background:var(--color-bg-card);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:40}.dash-header-left{display:flex;align-items:center;gap:var(--space-md)}.dash-header-left h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--color-primary);margin:0}.dash-header-right{display:flex;align-items:center;gap:var(--space-lg)}.dash-header-actions{display:flex;align-items:center;gap:var(--space-sm)}.dash-header-icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:transparent;color:var(--color-text-subtle);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.dash-header-icon-btn:hover{background:var(--color-bg-hover);color:var(--color-primary)}.dash-header-user{display:flex;align-items:center;gap:var(--space-sm);padding-left:var(--space-md);border-left:1px solid var(--color-border-subtle)}.dash-header-user-info{text-align:right}.dash-header-user-info p:first-child{font-size:var(--text-sm);font-weight:600;color:var(--color-primary);line-height:1.2}.dash-header-user-info p:last-child{font-size:var(--text-xs);color:var(--color-text-muted)}.dash-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-primary-fixed);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;border:2px solid var(--color-primary-fixed-dim)}.dash-content{padding:var(--space-lg);max-width:1280px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:var(--space-lg)}.dash-hero{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-subtle)}.dash-hero-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:var(--space-md)}.dash-hero-info{display:flex;flex-direction:column;gap:var(--space-xs)}.dash-hero-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-muted)}.dash-hero-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;color:var(--color-primary);line-height:1.15}.dash-hero-meta{display:flex;align-items:center;gap:var(--space-lg);margin-top:var(--space-xs)}.dash-hero-meta-item{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-text-subtle);font-size:var(--text-base)}.dash-hero-meta-item .material-symbols-outlined{font-size:20px}.dash-hero-actions{display:flex;align-items:center;gap:var(--space-sm)}.dash-grid-main{display:grid;grid-template-columns:5fr 7fr;gap:var(--space-lg)}.dash-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.dash-section-header h3{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;color:var(--color-primary);margin:0}.dash-section-header-right{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-text-muted)}.dash-section-header-right .material-symbols-outlined{font-size:18px;cursor:pointer}.dash-session-table-wrap{background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-subtle);overflow:hidden}.dash-session-table{width:100%;text-align:left;border-collapse:collapse}.dash-session-table thead tr{background:var(--color-bg-muted)}.dash-session-table th{padding:var(--space-sm) var(--space-md);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-subtle);text-transform:uppercase;letter-spacing:.04em}.dash-session-table td{padding:var(--space-md);font-size:var(--text-base);vertical-align:middle;border-bottom:1px solid var(--color-border-subtle)}.dash-session-table tbody tr{transition:background var(--duration-fast) var(--ease-out);cursor:pointer}.dash-session-table tbody tr:last-child td{border-bottom:none}.dash-session-table tbody tr:hover{background:var(--color-bg-muted)}.dash-session-table tbody tr.active{background:var(--color-bg-accent-soft)}.dash-session-name{font-weight:500;color:var(--color-primary)}.dash-session-meta{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.dash-reels-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.dash-reel-card{position:relative;overflow:hidden;border-radius:var(--radius-xl);background:var(--color-primary);height:192px;box-shadow:var(--shadow-sm);border:1px solid var(--color-border-subtle);cursor:pointer;transition:transform var(--duration-base) var(--ease-out)}.dash-reel-card:hover{transform:scale(1.02)}.dash-reel-card.featured{grid-column:1 / -1;height:256px}.dash-reel-card-bg{position:absolute;inset:0;background:linear-gradient(135deg,var(--color-primary-container) 0%,var(--color-primary) 100%);opacity:.85}.dash-reel-card.featured .dash-reel-card-bg{opacity:.7}.dash-reel-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 60%);padding:var(--space-md);display:flex;flex-direction:column;justify-content:flex-end}.dash-reel-overlay h4{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:#fff;margin:0;line-height:1.3}.dash-reel-overlay p{font-size:10px;color:#ffffffb3;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.dash-reel-badge{position:absolute;top:var(--space-sm);right:var(--space-sm);background:#091426cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:2px var(--space-xs);border-radius:var(--radius-sm);font-size:10px;font-weight:700;text-transform:uppercase}.dash-reel-play{position:absolute;bottom:var(--space-md);right:var(--space-md);width:40px;height:40px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.dash-reel-play:hover{background:#ffffff59}.dash-reel-actions-bar{position:absolute;top:var(--space-sm);left:var(--space-sm);display:flex;gap:4px;opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.dash-reel-card:hover .dash-reel-actions-bar{opacity:1}.dash-reel-actions-bar button,.dash-reel-actions-bar a{padding:4px 8px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:10px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;transition:background var(--duration-fast)}.dash-reel-actions-bar button:hover,.dash-reel-actions-bar a:hover{background:#000c;opacity:1}.dash-reel-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;background:var(--color-bg-card);border-radius:var(--radius-xl);border:2px dashed var(--color-border);color:var(--color-text-muted);gap:var(--space-sm)}.dash-reel-empty .material-symbols-outlined{font-size:40px;opacity:.4}.dash-reel-empty p{font-size:var(--text-sm)}.dash-assets-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.dash-asset-tile{background:var(--color-bg-muted);border-radius:var(--radius-xl);padding:var(--space-md);border:1px solid var(--color-border-subtle);display:flex;align-items:center;gap:var(--space-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.dash-asset-tile:hover{box-shadow:var(--shadow-md);border-color:var(--color-border)}.dash-asset-tile.upload{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.dash-asset-icon-wrap{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-secondary-container);color:var(--color-on-secondary-container);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-asset-tile.upload .dash-asset-icon-wrap{background:#fff3;color:#fff}.dash-asset-tile-label{font-size:var(--text-sm);font-weight:500;color:var(--color-primary)}.dash-asset-tile.upload .dash-asset-tile-label{color:#fff}.dash-asset-tile-meta{font-size:10px;color:var(--color-text-muted);margin-top:1px}.dash-asset-tile.upload .dash-asset-tile-meta{color:#ffffffb3}.dash-collapsible{background:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:var(--radius-xl);overflow:hidden;transition:box-shadow var(--duration-base) var(--ease-out)}.dash-collapsible:hover{box-shadow:var(--shadow-sm)}.dash-collapsible-trigger{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);background:transparent;border:none;cursor:pointer;font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-primary);text-align:left;transition:background var(--duration-fast) var(--ease-out)}.dash-collapsible-trigger:hover{background:var(--color-bg-muted)}.dash-collapsible-trigger .material-symbols-outlined:first-child{font-size:22px;color:var(--color-text-muted)}.dash-collapsible-trigger-label{flex:1}.dash-collapsible-trigger .material-symbols-outlined:last-child{font-size:20px;color:var(--color-text-muted);transition:transform var(--duration-fast) var(--ease-out)}.dash-collapsible.open .dash-collapsible-trigger .material-symbols-outlined:last-child{transform:rotate(180deg)}.dash-collapsible-body{padding:0 var(--space-lg) var(--space-lg)}.dash-collapsible-body .grid-2{margin-bottom:0}.dash-error{color:var(--color-error);font-size:var(--text-sm);padding:var(--space-sm) var(--space-md);background:var(--color-error-bg);border-radius:var(--radius-md);border:1px solid rgba(186,26,26,.15)}.dash-footer{margin-top:auto;background:var(--color-bg-raised);padding:var(--space-sm) var(--space-lg);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-border-subtle)}.dash-footer-left{display:flex;align-items:center;gap:var(--space-md)}.dash-footer-status-icon{width:32px;height:32px;border-radius:50%;background:#0914261a;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.dash-footer-status-icon .material-symbols-outlined{font-size:18px}.dash-footer-status-label{font-size:var(--text-xs);font-weight:600;color:var(--color-primary)}.dash-footer-progress{width:192px;height:4px;background:var(--color-border-subtle);border-radius:2px;overflow:hidden;margin-top:4px}.dash-footer-progress-bar{height:100%;background:var(--color-primary);border-radius:2px;transition:width .5s var(--ease-out)}.dash-footer-right{display:flex;align-items:center;gap:var(--space-md)}.dash-footer-right p{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:600}.dash-inline-form{background:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md);display:grid;gap:var(--space-sm)}@media(max-width:1024px){.dash-grid-main{grid-template-columns:1fr}.dash-assets-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dash-sidebar{display:none}.dash-main{margin-left:0}.dash-assets-row{grid-template-columns:1fr}.dash-hero-title{font-size:var(--text-3xl)}}.att-stats-bar{display:flex;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-lg)}.att-stat{background:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);display:flex;flex-direction:column;align-items:center;min-width:100px}.att-stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--color-text)}.att-stat-label{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.att-search-bar{display:flex;align-items:center;gap:var(--space-sm);background:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:var(--radius-lg);padding:var(--space-xs) var(--space-md);margin-bottom:var(--space-md)}.att-search-bar>.material-symbols-outlined{color:var(--color-text-muted);font-size:20px}.att-search-bar input{flex:1;border:none;background:transparent;font-size:var(--text-sm);color:var(--color-text);outline:none;padding:var(--space-xs) 0}.att-search-clear{background:none;border:none;cursor:pointer;color:var(--color-text-muted);display:flex;padding:2px}.att-table-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border-card)}.att-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.att-table th{text-align:left;padding:var(--space-sm) var(--space-md);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);background:var(--color-bg-card);border-bottom:1px solid var(--color-border-card);position:sticky;top:0}.att-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-card);color:var(--color-text);vertical-align:middle}.att-table tbody tr:hover{background:color-mix(in srgb,var(--color-accent) 5%,transparent)}.att-row-selected{background:color-mix(in srgb,var(--color-accent) 10%,transparent)!important}.att-th-check,.att-td-check{width:40px;text-align:center}.att-td-name{font-weight:600}.att-source-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.att-source-csv{background:color-mix(in srgb,#3b82f6 15%,transparent);color:#3b82f6}.att-source-manual{background:color-mix(in srgb,#8b5cf6 15%,transparent);color:#8b5cf6}.att-source-api{background:color-mix(in srgb,#10b981 15%,transparent);color:#10b981}.att-bulk-bar{display:flex;align-items:center;gap:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-accent);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap}.att-bulk-count{font-weight:600;font-size:var(--text-sm);color:var(--color-accent);white-space:nowrap}.att-bulk-actions{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap;flex:1}.att-bulk-actions select{padding:6px 10px;border-radius:var(--radius-md);border:1px solid var(--color-border-card);background:var(--color-bg);color:var(--color-text);font-size:var(--text-xs)}.att-add-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-sm)}.att-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-3xl) var(--space-md);text-align:center}.att-empty h3{margin:0;font-size:var(--text-lg)}.att-empty p{margin:0;color:var(--color-text-muted);font-size:var(--text-sm)}.att-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md)}.att-modal{background:var(--color-bg);border-radius:var(--radius-xl);width:100%;max-width:720px;max-height:90vh;overflow-y:auto;padding:var(--space-xl);box-shadow:0 20px 60px #0000004d}.att-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.att-modal-header h2{margin:0;font-size:var(--text-xl)}.att-modal-close{background:none;border:none;cursor:pointer;color:var(--color-text-muted);display:flex;padding:var(--space-xs);border-radius:var(--radius-md)}.att-modal-close:hover{background:var(--color-bg-card)}.att-drop-zone{border:2px dashed var(--color-border-card);border-radius:var(--radius-lg);padding:var(--space-3xl) var(--space-xl);text-align:center;cursor:pointer;transition:border-color .15s,background .15s;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.att-drop-zone:hover,.att-drop-zone--active{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 5%,transparent)}.att-drop-zone p{margin:0;font-size:var(--text-sm);color:var(--color-text)}.att-drop-hint{font-size:var(--text-xs)!important;color:var(--color-text-muted)!important}.att-mapping-section{margin-bottom:var(--space-lg)}.att-mapping-section h3{margin:0 0 var(--space-xs);font-size:var(--text-md)}.att-mapping-hint{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-md)}.att-mapping-grid{display:flex;flex-direction:column;gap:var(--space-xs)}.att-mapping-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md)}.att-mapping-row--header{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border-card)}.att-mapping-csv-col{font-weight:500;font-size:var(--text-sm);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-mapping-row select{padding:6px 10px;border-radius:var(--radius-md);border:1px solid var(--color-border-card);background:var(--color-bg-card);color:var(--color-text);font-size:var(--text-sm);width:100%}.att-preview-section{margin-bottom:var(--space-lg)}.att-preview-section h3{margin:0 0 var(--space-sm);font-size:var(--text-md)}.att-preview-table-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--color-border-card)}.att-preview-table{width:100%;border-collapse:collapse;font-size:var(--text-xs)}.att-preview-table th{text-align:left;padding:var(--space-xs) var(--space-sm);font-weight:600;background:var(--color-bg-card);border-bottom:1px solid var(--color-border-card);white-space:nowrap}.att-preview-table td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-border-card);white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}.att-import-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.att-dedup-label{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-text-muted)}.att-dedup-label select{padding:4px 8px;border-radius:var(--radius-md);border:1px solid var(--color-border-card);background:var(--color-bg-card);color:var(--color-text);font-size:var(--text-sm)}.att-import-buttons{display:flex;gap:var(--space-sm)}.att-result{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-xl) 0;text-align:center}.att-result-icon{font-size:56px;color:var(--color-success)}.att-result h3{margin:0;font-size:var(--text-xl)}.att-result-stats{display:flex;gap:var(--space-lg);font-size:var(--text-sm);color:var(--color-text-muted)}.att-result-errors{background:color-mix(in srgb,var(--color-error) 10%,transparent);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--text-xs);color:var(--color-error);text-align:left;width:100%}.att-result-errors ul{margin:var(--space-xs) 0 0;padding-left:var(--space-md)}.btn-primary .material-symbols-outlined{font-size:18px}.btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);border:1px solid var(--color-border-card);background:var(--color-bg-card);color:var(--color-text);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background .15s;white-space:nowrap}.btn-secondary:hover:not(:disabled){background:var(--color-bg-elevated)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary .material-symbols-outlined{font-size:18px}.btn-danger{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-error) 30%,transparent);background:color-mix(in srgb,var(--color-error) 10%,transparent);color:var(--color-error);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--color-error) 20%,transparent)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-danger .material-symbols-outlined{font-size:18px}.att-cohort-panel{padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-border-card);display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto}.att-cohort-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) 0;margin-bottom:var(--space-xs)}.att-cohort-panel-header h3{margin:0;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.att-cohort-auto-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-muted);transition:background .15s,color .15s}.att-cohort-auto-btn:hover{background:var(--color-bg-elevated);color:var(--color-accent, var(--color-primary))}.att-cohort-auto-btn .material-symbols-outlined{font-size:18px}.att-cohort-filter-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:6px var(--space-sm);border:none;background:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);color:var(--color-text-secondary);text-align:left;transition:background .12s,color .12s}.att-cohort-filter-item:hover{background:var(--color-bg-elevated)}.att-cohort-filter-item.active{background:var(--color-bg-accent-soft, var(--color-bg-accent));color:var(--color-text);font-weight:600}.att-cohort-filter-item>.material-symbols-outlined{font-size:18px;opacity:.6}.att-cohort-filter-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-cohort-filter-count{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:600;min-width:20px;text-align:right}.att-td-cohorts{max-width:240px}.att-cohort-tags{display:flex;flex-wrap:wrap;gap:4px}.att-cohort-tag{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600;background:var(--color-bg-accent-soft, var(--color-bg-accent));color:var(--color-text-secondary);border:1px solid var(--color-border-card);cursor:pointer;transition:background .12s,border-color .12s;white-space:nowrap}.att-cohort-tag:hover{background:var(--color-bg-accent);border-color:var(--color-border)}.att-no-cohort{color:var(--color-text-muted);font-size:var(--text-xs)}.att-header-filter-label{display:inline-flex;align-items:center;gap:4px;margin-left:var(--space-sm);padding:2px 10px;border-radius:var(--radius-full);background:var(--color-bg-accent-soft, var(--color-bg-accent));font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.att-header-filter-clear{display:flex;background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:0}.att-header-filter-clear .material-symbols-outlined{font-size:16px}.att-autogen-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-lg);line-height:1.5}.att-autogen-pick h3,.att-autogen-preview h3{margin:0 0 var(--space-sm);font-size:var(--text-md);font-weight:600}.att-autogen-attrs{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.att-autogen-attr-btn{display:flex;flex-direction:column;gap:2px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);border:2px solid var(--color-border-card);background:var(--color-bg-card);cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.att-autogen-attr-btn:hover{border-color:var(--color-border);background:var(--color-bg-muted)}.att-autogen-attr-btn.active{border-color:var(--color-accent, var(--color-primary));background:color-mix(in srgb,var(--color-accent, var(--color-primary)) 6%,transparent)}.att-autogen-attr-label{font-weight:600;font-size:var(--text-sm);color:var(--color-text)}.att-autogen-attr-meta{font-size:var(--text-xs);color:var(--color-text-muted)}.att-autogen-attr-preview{font-size:var(--text-xs);color:var(--color-text-secondary);font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-autogen-empty{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;padding:var(--space-lg)}.att-autogen-options{display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg);flex-wrap:wrap}.att-autogen-options label{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-text-secondary)}.att-autogen-options input{padding:4px 8px;border-radius:var(--radius-md);border:1px solid var(--color-border-card);background:var(--color-bg-card);color:var(--color-text);font-size:var(--text-sm)}.att-autogen-actions{display:flex;gap:var(--space-sm);justify-content:flex-end}.att-autogen-groups-list{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--space-lg);max-height:320px;overflow-y:auto;border:1px solid var(--color-border-card);border-radius:var(--radius-lg)}.att-autogen-group-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-md);border-bottom:1px solid var(--color-border-card)}.att-autogen-group-row:last-child{border-bottom:none}.att-autogen-group-name{font-weight:500;font-size:var(--text-sm);color:var(--color-text)}.att-autogen-group-count{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}@media(max-width:768px){.att-stats-bar{gap:var(--space-sm)}.att-stat{min-width:80px;padding:var(--space-xs) var(--space-sm)}.att-bulk-bar{flex-direction:column;align-items:flex-start}.att-mapping-row{grid-template-columns:1fr;gap:var(--space-xs)}.att-mapping-row>.material-symbols-outlined{display:none}.att-cohort-panel{display:none}.att-td-cohorts{max-width:140px}}.att-result{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-xl);text-align:center}.att-result-icon{font-size:56px;color:var(--color-success, #22c55e)}.att-result-stats{display:flex;gap:var(--space-lg);font-size:var(--text-sm);color:var(--color-text-secondary)}.att-result-errors{background:#fef2f2;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);color:#b91c1c;text-align:left;width:100%}.att-result-errors ul{margin:var(--space-xs) 0 0;padding-left:var(--space-lg)}.btn-danger{display:inline-flex;align-items:center;gap:var(--space-xs);padding:6px 14px;border:1px solid #fecaca;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;background:#fef2f2;color:#b91c1c;cursor:pointer;transition:all .15s}.btn-danger:hover{background:#fee2e2;border-color:#f87171}@media(max-width:768px){.tpl-create-pickers,.tpl-create-form,.tpl-tier-options{grid-template-columns:1fr}.tpl-preview-modal{width:98vw}}.fu-upload-zone{display:flex;align-items:center;justify-content:center;padding:var(--space-xl);border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);cursor:pointer;transition:all .15s}.fu-upload-zone:hover{border-color:var(--color-text-tertiary);background:var(--color-bg-muted, #f9fafb)}.fu-upload-zone--active{border-color:var(--color-primary, #4f46e5);background:var(--color-primary-bg, #e0e7ff)}.fu-upload-prompt{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.fu-upload-prompt p{margin:0;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.fu-upload-hint{font-size:12px;color:var(--color-text-tertiary)}.fu-upload-progress{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-text-secondary)}@keyframes fu-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fu-spin{animation:fu-spin 1s linear infinite}.fu-upload-compact{display:inline-flex}.workspace{min-height:100vh;background:var(--color-bg);display:flex;flex-direction:column}.workspace__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--color-bg-card);border-bottom:1px solid var(--color-border-card);position:sticky;top:0;z-index:40;box-shadow:var(--shadow-sm)}.workspace__header-title h1{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin:0}.workspace__header-right{display:flex;align-items:center;gap:.5rem}.workspace__error-bar{padding:.5rem 1.5rem;background:var(--color-error-bg, #fef2f2);color:var(--color-error);display:flex;align-items:center;justify-content:space-between;font-size:var(--text-sm)}.workspace__error-bar button{background:none;border:none;color:var(--color-error);cursor:pointer;font-size:1.25rem}.workspace__body{display:grid;grid-template-columns:1fr 320px;flex:1;overflow:hidden}.workspace__nav{background:var(--color-bg-card);border-right:1px solid var(--color-border-card);padding:var(--space-lg) var(--space-md);display:flex;flex-direction:column;gap:2px}.workspace__nav-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin-bottom:var(--space-md);padding:0 var(--space-sm)}.workspace__nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border:none;background:none;cursor:pointer;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);text-align:left;width:100%;border-radius:var(--radius-md);transition:background .15s,color .15s}.workspace__nav-item:hover{background:var(--color-bg-hover);color:var(--color-text)}.workspace__nav-item--active{background:var(--color-bg-muted);color:var(--color-text);font-weight:600;border:1px solid var(--color-border-card);box-shadow:var(--shadow-sm)}.workspace__nav-icon{font-size:20px;color:var(--color-text-secondary)}.workspace__nav-label{flex:1}.workspace__nav-count{font-size:.7rem;background:var(--color-bg-elevated);padding:.125rem .375rem;border-radius:999px;color:var(--color-text-muted)}.workspace__nav-item--active .workspace__nav-count{background:var(--color-primary-fixed);color:var(--color-primary)}.workspace__nav-divider{height:1px;background:var(--color-border-card);margin:var(--space-xs) var(--space-md)}.workspace__nav-item[href]{text-decoration:none}.workspace__main{overflow-y:auto;padding:1.5rem}.workspace__sidebar{border-left:1px solid var(--color-border-card);overflow-y:auto;background:var(--color-bg-card)}.workspace-loading,.workspace-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;color:var(--color-text-muted)}.workspace-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.workspace-section__header h2{margin:0;font-size:var(--text-base);font-family:var(--font-display);font-weight:700;display:flex;align-items:baseline;gap:.5rem}.workspace-section__header-actions{display:flex;align-items:center;gap:.75rem}.workspace-section__stats{font-size:var(--text-sm);color:var(--color-text-muted);display:flex;align-items:center;gap:.5rem}.workspace-section__form{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding:1rem;background:var(--color-bg-muted);border-radius:var(--radius-md, 8px)}.workspace-section__form input,.workspace-section__form select,.workspace-section__form textarea{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm, 6px);font-size:var(--text-sm);background:var(--color-bg-card);flex:1;min-width:150px}.workspace-section__form textarea{width:100%;flex-basis:100%;resize:vertical}.workspace-section__list{display:flex;flex-direction:column;gap:.5rem}.workspace-section__card{background:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:var(--radius-md, 8px);padding:1rem}.workspace-section__card--clickable{cursor:pointer;transition:border-color .15s,box-shadow .15s}.workspace-section__card--clickable:hover{border-color:var(--color-border-hover, #94a3b8)}.workspace-section__card--clickable:focus-visible{outline:2px solid var(--color-accent, #3b82f6);outline-offset:2px}.workspace-section__card--expanded{border-color:var(--color-accent, #3b82f6);box-shadow:0 0 0 1px var(--color-accent, #3b82f6)}.workspace-section__card--drop-active{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 5%,var(--color-card))}.workspace-section__chevron{display:inline-block;font-size:.75rem;color:var(--color-text-muted);transition:transform .2s ease;flex-shrink:0}.workspace-section__chevron--open{transform:rotate(90deg)}.workspace-section__card--compact{padding:.625rem 1rem}.workspace-section__card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:0}.workspace-section__card--expanded .workspace-section__card-header{margin-bottom:.5rem}.workspace-section__card-actions{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.workspace-section__card-body{font-size:var(--text-sm)}.workspace-section__highlights{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.session-card__meta{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.session-card__tag-preview{display:flex;gap:.25rem}.session-card__tag-chip{font-size:.6875rem;padding:.125rem .5rem;border-radius:9999px;background:var(--color-bg-muted);color:var(--color-text-muted);font-weight:500}.session-card__transcript-preview{margin:0;padding:.5rem .75rem;border-left:3px solid var(--color-border-card);color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.6;white-space:pre-wrap}.session-card__highlights-section{display:flex;flex-direction:column;gap:.375rem;margin-top:.75rem}.session-card__highlight-chips{display:flex;flex-wrap:wrap;gap:.375rem}.session-card__highlight-chip{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;padding:.25rem .625rem;border-radius:var(--radius-sm, 6px);background:color-mix(in srgb,var(--color-accent, #3b82f6) 8%,var(--color-bg-card));color:var(--color-text);border:1px solid color-mix(in srgb,var(--color-accent, #3b82f6) 15%,transparent)}.session-card__action-bar{display:flex;align-items:center;gap:.5rem;margin-top:.75rem}.badge-success-subtle{font-size:.75rem;font-weight:500;padding:.125rem .5rem;border-radius:9999px;background:color-mix(in srgb,var(--color-success, #22c55e) 10%,var(--color-bg-card));color:var(--color-success, #22c55e)}.session-clips{font-size:var(--text-sm)}.session-clips__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.session-clips__title{font-weight:600;font-size:.8125rem;color:var(--color-text)}.session-clips__list{display:flex;flex-direction:column}.session-clips__row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--color-border-subtle)}.session-clips__row:last-child{border-bottom:none}.clip-thumb{width:72px;height:40px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.clip-thumb img{width:100%;height:100%;object-fit:cover}.clip-thumb__placeholder{width:100%;height:100%;background:#0f172a;display:flex;align-items:center;justify-content:center}.clip-thumb__placeholder--shimmer{background:repeating-linear-gradient(-45deg,#e2e8f0,#e2e8f0 4px,#f1f5f9 4px 8px);animation:clip-shimmer 1.5s linear infinite}@keyframes clip-shimmer{0%{background-position:0 0}to{background-position:22.6px 0}}.session-clips__info{flex:1;min-width:0}.session-clips__clip-title{display:block;font-size:.8125rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-clips__meta{display:flex;align-items:center;gap:.5rem;margin-top:.125rem;font-size:.6875rem;color:var(--color-text-muted)}.session-clips__actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.session-clips__row--clickable{cursor:pointer}.session-clips__row--clickable:hover{background:var(--color-bg-muted)}.session-clips__preview{margin-top:.375rem;border-radius:var(--radius-sm);overflow:hidden;background:#000}.session-clips__preview video{display:block;width:100%;max-height:240px;object-fit:contain}.session-clips__add-panel{background:var(--color-bg-muted);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:.75rem;margin-top:.5rem}.session-clips__tabs{display:flex;gap:0;margin-bottom:.75rem;border-bottom:1px solid var(--color-border-subtle)}.session-clips__tab{font-size:.8125rem;font-weight:500;color:var(--color-text-muted);background:none;border:none;padding:.375rem .75rem .5rem;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.session-clips__tab:hover{color:var(--color-text-secondary)}.session-clips__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary-container);font-weight:600}.session-clips__form{display:flex;flex-direction:column;gap:.625rem}.session-clips__form-row{display:flex;gap:.5rem;align-items:flex-end}.session-clips__field{display:flex;flex-direction:column}.session-clips__field--grow{flex:1;min-width:0}.session-clips__field--time{width:72px;flex-shrink:0}.session-clips__label{font-size:.6875rem;font-weight:500;color:var(--color-text-muted);margin-bottom:.25rem}.session-clips__time-sep{color:var(--color-text-muted);padding-bottom:.5rem;flex-shrink:0;font-size:.8125rem}.session-clips__form-actions{display:flex;justify-content:flex-end;gap:.5rem}.session-clips__upload-zone{border:2px dashed var(--color-border-subtle);border-radius:var(--radius-md);padding:1.25rem;text-align:center;background:var(--color-bg-card);cursor:pointer;transition:border-color .15s,background .15s}.session-clips__upload-zone:hover,.session-clips__upload-zone--active{border-color:var(--color-primary-container);background:#f8fafc}.workspace-section__overview{display:flex;flex-direction:column;gap:1.5rem}.workspace-section__pipeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.pipeline-stat{background:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:var(--radius-md, 8px);padding:1rem;text-align:center}.pipeline-stat__value{display:block;font-size:1.75rem;font-weight:700;font-family:var(--font-display);color:var(--color-primary)}.pipeline-stat__label{display:block;font-size:var(--text-sm);color:var(--color-text-muted);margin-top:.25rem}.workspace-section__actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.activity-feed{display:flex;flex-direction:column;height:100%}.activity-feed__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem .75rem;border-bottom:1px solid var(--color-border-card)}.activity-feed__header h3{margin:0;font-size:var(--text-sm);font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.activity-feed__count{font-size:.7rem;background:var(--color-primary);color:var(--color-on-primary);padding:.125rem .5rem;border-radius:999px}.activity-feed__empty{padding:2rem 1rem;text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.activity-feed__list{flex:1;overflow-y:auto;padding:.5rem 0}.activity-feed__item{display:flex;gap:.5rem;padding:.75rem 1rem;cursor:pointer;transition:background .15s;position:relative}.activity-feed__item:hover{background:var(--color-bg-hover)}.activity-feed__item--unread{background:var(--color-bg-accent-soft)}.activity-feed__item--unread:hover{background:var(--color-bg-accent)}.activity-feed__item-icon{width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);border-radius:50%;flex-shrink:0;margin-top:.125rem}.activity-feed__item-icon .material-symbols-outlined{font-size:16px}.activity-feed__item--unread .activity-feed__item-icon{background:var(--color-primary);color:var(--color-on-primary)}.activity-feed__item-content{flex:1;min-width:0}.activity-feed__item-time{font-size:.65rem;color:var(--color-text-muted);margin-bottom:.125rem}.activity-feed__item-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text);line-height:1.3}.activity-feed__item-detail{font-size:.75rem;color:var(--color-text-secondary);margin-top:.25rem;line-height:1.4}.activity-feed__item-actions{display:flex;gap:.375rem;margin-top:.5rem}.activity-feed__action-btn{font-size:.7rem;padding:.25rem .625rem;border:1px solid var(--color-border);border-radius:var(--radius-sm, 6px);background:var(--color-bg-card);color:var(--color-primary);cursor:pointer;font-weight:600;transition:background .15s}.activity-feed__action-btn:hover{background:var(--color-bg-accent-soft)}.activity-feed__action-btn--primary{background:var(--color-accent, #3b82f6);color:#fff;border-color:var(--color-accent, #3b82f6)}.activity-feed__action-btn--primary:hover{opacity:.9;background:var(--color-accent, #3b82f6)}.activity-feed__action-btn:disabled{opacity:.6;cursor:default}.activity-feed__dismiss{position:absolute;top:.5rem;right:.5rem;background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:.875rem;opacity:0;transition:opacity .15s}.activity-feed__item:hover .activity-feed__dismiss{opacity:1}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:var(--text-sm)}.btn-icon{background:none;border:none;cursor:pointer;color:var(--color-text-muted);font-size:1.125rem;padding:.125rem .375rem;border-radius:var(--radius-sm, 6px);transition:background .15s,color .15s}.btn-icon:hover{background:var(--color-bg-hover);color:var(--color-error)}.wizard{min-height:100vh;background:var(--color-bg);display:flex;flex-direction:column}.wizard__header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--color-bg-card);border-bottom:1px solid var(--color-border-card)}.wizard__header h1{margin:0;font-size:var(--text-lg);font-family:var(--font-display);font-weight:700}.wizard__stepper{display:flex;gap:0;background:var(--color-bg-card);border-bottom:1px solid var(--color-border-card);padding:0 1.5rem}.wizard__step{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;border:none;background:none;cursor:pointer;font-size:var(--text-sm);color:var(--color-text-muted);border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.wizard__step:hover:not(:disabled){color:var(--color-text)}.wizard__step--active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.wizard__step--done{color:var(--color-success)}.wizard__step:disabled{cursor:default;opacity:.5}.wizard__step-num{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--color-bg-elevated);font-size:.7rem;font-weight:700}.wizard__step--active .wizard__step-num{background:var(--color-primary);color:var(--color-on-primary)}.wizard__step--done .wizard__step-num{background:var(--color-success);color:#fff}.wizard__step-label{white-space:nowrap}.wizard__content{flex:1;padding:2rem;max-width:900px;margin:0 auto;width:100%}.wizard-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--color-text-muted)}.wizard-step h2{margin:0 0 .25rem;font-size:var(--text-base);font-family:var(--font-display);font-weight:700}.wizard-step__form{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.wizard-step__form label{display:flex;flex-direction:column;gap:.375rem;font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary)}.wizard-step__form select,.wizard-step__form input,.wizard-step__form textarea{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm, 6px);font-size:var(--text-sm);background:var(--color-bg-card)}.wizard-step__form textarea{resize:vertical}.wizard-step__hint{font-size:var(--text-sm);color:var(--color-warning);margin:.5rem 0}.wizard-step__preview{margin:1.5rem 0;border:1px solid var(--color-border-card);border-radius:var(--radius-md, 8px);overflow:hidden;background:#000}.wizard-step__iframe{width:100%;height:500px;border:none}.wizard-step__playback{display:flex;gap:.5rem;padding:.75rem 1rem;background:var(--color-bg-muted, #f1f5f9);border-top:1px solid var(--color-border-card);border-radius:0 0 var(--radius-md, 8px) var(--radius-md, 8px)}.wizard-step__chat{max-height:200px;overflow-y:auto;margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.wizard-step__chat-msg{font-size:var(--text-sm);padding:.5rem .75rem;border-radius:var(--radius-sm, 6px)}.wizard-step__chat-msg--user{background:var(--color-bg-accent-soft);align-self:flex-end;max-width:80%}.wizard-step__chat-msg--assistant{background:var(--color-bg-muted);align-self:flex-start;max-width:80%}.wizard-step__edit-input{display:flex;gap:.5rem;margin-bottom:1rem}.wizard-step__edit-input input{flex:1;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm, 6px);font-size:var(--text-sm)}.wizard-step__suggestions{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center;margin-bottom:1.5rem}.wizard-step__audio-preview{margin:1rem 0;display:flex;align-items:center;gap:.75rem}.wizard-step__audio-preview audio{max-width:400px}.wizard-step__nav{display:flex;gap:.75rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border-card)}.wizard-step__summary{display:flex;gap:1.5rem;margin:1rem 0;font-size:var(--text-sm)}.wizard-step__summary-item{padding:.5rem .75rem;background:var(--color-bg-muted);border-radius:var(--radius-sm, 6px)}.wizard-step__save-actions{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.wizard-step__template-save{display:flex;gap:.5rem;align-items:center}.wizard-step__template-save input{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm, 6px);font-size:var(--text-sm);flex:1}.btn-sm{padding:.35rem .6rem;font-size:var(--text-sm)}.btn-sm .material-symbols-outlined{font-size:16px}.recipe-layout{display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg)}.recipe-top-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-xl);border-bottom:1px solid var(--color-border-card);background:var(--color-bg-card)}.recipe-top-bar-brand{text-decoration:none}.recipe-top-bar-steps{display:flex;align-items:center;gap:var(--space-sm)}.recipe-step-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:600;background:var(--color-bg-muted);color:var(--color-text-muted);border:2px solid transparent}.recipe-step-dot.active{background:var(--color-accent-indigo);color:#fff;border-color:var(--color-accent-indigo)}.recipe-step-dot.done{background:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success-border)}.recipe-step-item{display:flex;flex-direction:column;align-items:center;gap:4px}.recipe-step-label{font-size:11px;color:var(--color-text-muted);white-space:nowrap}.recipe-step-line{width:32px;height:2px;background:var(--color-border-card);margin-bottom:18px}.recipe-top-bar-close{color:var(--color-text-muted);text-decoration:none;padding:var(--space-xs);border-radius:var(--radius-sm)}.recipe-top-bar-close:hover{color:var(--color-text);background:var(--color-bg-hover)}.recipe-main{flex:1;display:flex;justify-content:center;padding:var(--space-2xl) var(--space-xl);overflow-y:auto}.recipe-picker{max-width:900px;width:100%}.recipe-picker-header{text-align:center;margin-bottom:var(--space-2xl)}.recipe-picker-header h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-sm)}.recipe-picker-header p{color:var(--color-text-secondary);font-size:var(--text-base)}.recipe-picker-grid{display:flex;flex-direction:column;gap:var(--space-md)}.recipe-card{display:flex;align-items:flex-start;gap:var(--space-lg);padding:var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.recipe-card:hover{border-color:var(--color-accent-indigo);box-shadow:var(--shadow-md)}.recipe-card-icon-wrap{flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--color-bg-accent-soft)}.recipe-card-icon{font-size:28px;color:var(--color-accent-indigo)}.recipe-card-content{flex:1;min-width:0}.recipe-card-name{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin-bottom:2px}.recipe-card-tagline{font-size:var(--text-sm);color:var(--color-accent-indigo);font-style:italic;margin-bottom:var(--space-xs)}.recipe-card-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.recipe-card-goal{flex-shrink:0;display:flex;align-items:center;gap:4px;font-size:11px;color:var(--color-text-muted);background:var(--color-bg-muted);padding:4px 10px;border-radius:var(--radius-full);white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.recipe-config{max-width:640px;width:100%}.recipe-config-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-2xl)}.recipe-config-header h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700}.recipe-config-tagline{color:var(--color-text-secondary);font-size:var(--text-sm)}.recipe-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);cursor:pointer;color:var(--color-text-secondary)}.recipe-back-btn:hover{background:var(--color-bg-hover)}.recipe-config-fields{display:flex;flex-direction:column;gap:var(--space-xl)}.recipe-field{display:flex;flex-direction:column;gap:var(--space-xs)}.recipe-field>label{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.recipe-field select,.recipe-input{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:var(--font-body);background:var(--color-bg-card)}.recipe-input:focus,.recipe-field select:focus{outline:none;border-color:var(--color-accent-indigo)}.recipe-field-hint{font-size:12px;color:var(--color-text-muted)}.recipe-toggle-group{display:flex;gap:var(--space-xs);flex-wrap:wrap}.recipe-toggle{padding:.4rem .9rem;font-size:var(--text-sm);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-card);color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast) ease}.recipe-toggle:hover{border-color:var(--color-accent-indigo);color:var(--color-accent-indigo)}.recipe-toggle.active{background:var(--color-accent-indigo);border-color:var(--color-accent-indigo);color:#fff}.recipe-session-chips{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.recipe-chip{padding:.35rem .75rem;font-size:var(--text-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text);cursor:pointer}.recipe-chip:hover{border-color:var(--color-accent-indigo)}.recipe-chip.selected{background:var(--color-bg-accent);border-color:var(--color-accent-indigo);color:var(--color-accent-indigo);font-weight:500}.recipe-clip-list{display:flex;flex-direction:column;gap:.375rem}.recipe-clip-item{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem .625rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-card);cursor:pointer;transition:opacity .15s}.recipe-clip-item:hover{border-color:var(--color-accent-indigo)}.recipe-clip-item.excluded{opacity:.5}.recipe-clip-item input[type=checkbox]{margin-top:.125rem;accent-color:var(--color-accent-indigo)}.recipe-clip-info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.recipe-clip-title{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary)}.recipe-clip-meta{font-size:var(--text-xs);color:var(--color-text-muted)}.recipe-config-footer{display:flex;justify-content:space-between;margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border-card)}.recipe-config-loading{text-align:center;padding:var(--space-2xl);color:var(--color-text-muted)}.recipe-preview{max-width:800px;width:100%}.recipe-preview-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.recipe-error{color:var(--color-error);background:var(--color-error-bg);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-lg)}.recipe-preview-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-3xl);text-align:center}.recipe-preview-loading p{font-size:var(--text-lg);font-weight:500;color:var(--color-text)}.recipe-preview-loading-sub{font-size:var(--text-sm)!important;font-weight:400!important;color:var(--color-text-muted)!important}.recipe-spinner{width:40px;height:40px;border:3px solid var(--color-border-card);border-top-color:var(--color-accent-indigo);border-radius:50%;animation:recipe-spin .8s linear infinite}.recipe-spinner-sm{width:18px;height:18px;border-width:2px}@keyframes recipe-spin{to{transform:rotate(360deg)}}.recipe-preview-frame{border-radius:var(--radius-lg);margin-bottom:var(--space-lg);overflow:hidden}.recipe-preview-voice{background:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg)}.recipe-preview-voice h4{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.recipe-preview-voice h4 .material-symbols-outlined{font-size:16px}.recipe-preview-voice p{font-size:var(--text-sm);color:var(--color-text);line-height:1.5}.recipe-playback{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-surface-alt);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.recipe-playback-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,color .15s}.recipe-playback-btn:hover{background:var(--color-border);color:var(--color-text)}.recipe-playback-btn .material-symbols-outlined{font-size:20px}.recipe-playback-scrubber{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--color-border);border-radius:2px;outline:none;cursor:pointer}.recipe-playback-scrubber::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--color-accent);cursor:pointer}.recipe-playback-time{font-size:12px;color:var(--color-text-secondary);font-variant-numeric:tabular-nums;min-width:70px;text-align:right}.recipe-preview-actions{display:flex;justify-content:flex-end;gap:var(--space-md)}.recipe-deploy-btn{display:flex;align-items:center;gap:var(--space-sm)}.recipe-generating{text-align:center;max-width:480px;padding:var(--space-3xl) 0}.recipe-generating-icon{margin-bottom:var(--space-lg)}.recipe-spinner-lg{width:48px;height:48px;border-width:4px;margin:0 auto}.recipe-generating h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-sm)}.recipe-generating-sub{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-xl)}.recipe-progress{margin-bottom:var(--space-md)}.recipe-progress-bar{height:8px;background:var(--color-bg-muted);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-sm)}.recipe-progress-fill{height:100%;background:var(--color-accent-indigo);border-radius:var(--radius-full);transition:width .4s ease}.recipe-progress-stats{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-text-secondary)}.recipe-generating-errors{color:var(--color-warning);font-size:var(--text-sm)}.recipe-done{text-align:center;max-width:480px;padding:var(--space-3xl) 0}.recipe-done-icon .material-symbols-outlined{font-size:64px;color:var(--color-success)}.recipe-done h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;margin:var(--space-md) 0}.recipe-done-stats{font-size:var(--text-lg);color:var(--color-text);margin-bottom:var(--space-sm)}.recipe-done-errors{color:var(--color-warning)}.recipe-done-sub{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-xl)}.recipe-done-actions{display:flex;gap:var(--space-md);justify-content:center}.audio-config-section{padding:var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-md)}.audio-config-section h3{font-size:var(--text-base);font-weight:600;margin:0 0 4px;color:var(--color-text)}.audio-config-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.audio-config-section-header .recipe-field-hint{margin-top:0}@media(max-width:767px){.recipe-top-bar{padding:var(--space-sm) var(--space-md)}.recipe-top-bar-brand,.recipe-step-label{display:none}.recipe-step-line{width:20px;margin-bottom:0}.recipe-step-dot{width:24px;height:24px;font-size:12px}.recipe-step-item{gap:0}.recipe-main{padding:var(--space-lg) var(--space-md)}.recipe-picker-header h2{font-size:var(--text-xl)}.recipe-card{gap:var(--space-md);padding:var(--space-md)}.recipe-card-goal{display:none}.recipe-config-footer{flex-direction:column-reverse;gap:var(--space-sm)}.recipe-config-footer .btn-primary,.recipe-config-footer .btn-secondary,.recipe-config-footer .recipe-back-btn{width:100%;min-height:44px;justify-content:center}.recipe-preview-actions{flex-direction:column}.recipe-preview-actions .btn-primary,.recipe-preview-actions .btn-secondary,.recipe-preview-actions .recipe-back-btn{width:100%;min-height:44px;justify-content:center}.recipe-done-actions{flex-direction:column}.recipe-done-actions .btn-primary,.recipe-done-actions .btn-secondary{width:100%;min-height:44px}.recipe-toggle,.recipe-chip{min-height:44px;display:flex;align-items:center}.audio-config-section-header{flex-direction:column;gap:var(--space-xs)}}.cohort-autogen{padding:var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-md)}.cohort-autogen__intro{margin:0 0 var(--space-md) 0;color:var(--color-text-secondary)}.cohort-autogen__controls{display:flex;align-items:flex-end;gap:var(--space-md);margin-bottom:var(--space-sm)}.cohort-autogen__controls label{display:flex;flex-direction:column;gap:4px;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.cohort-autogen__controls select{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:var(--text-sm)}.cohort-autogen__preview{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-bg-muted);border-radius:var(--radius-md)}.cohort-autogen__groups{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin:var(--space-sm) 0 var(--space-md) 0}.cohort-autogen__confirm{display:flex;gap:var(--space-sm)}.btn-link{background:none;border:none;color:var(--color-accent-indigo);cursor:pointer;padding:var(--space-xs) 0;text-decoration:underline;margin-top:var(--space-sm)}.btn-link:hover{color:var(--color-accent-indigo-hover, var(--color-accent-indigo))}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.modal-panel{background:var(--color-bg);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);width:520px;max-width:90vw;max-height:80vh;overflow-y:auto;padding:var(--space-lg)}.modal-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.modal-panel__header h2{font-size:var(--text-lg);font-weight:700;margin:0}.btn-icon-lg{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-muted);cursor:pointer}.btn-icon-lg:hover{background:var(--color-bg-hover);color:var(--color-text)}.cohort-card__assets{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.cohort-card__add-url{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-sm)}.cohort-card__add-url input{flex:1;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:var(--text-sm)}.reel-gallery__select-all{margin-bottom:var(--space-sm)}.reel-gallery__select-all label{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer}.reel-gallery__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-md)}.reel-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;position:relative;transition:border-color .15s}.reel-card:hover{border-color:var(--color-accent-indigo)}.reel-card--selected{border-color:var(--color-accent-indigo);box-shadow:0 0 0 1px var(--color-accent-indigo)}.reel-card__select{position:absolute;top:var(--space-sm);left:var(--space-sm);z-index:2}.reel-card__body{cursor:pointer}.reel-card__preview{height:120px;background:var(--color-bg-muted);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.reel-card__preview .material-symbols-outlined{font-size:40px}.reel-card__info{padding:var(--space-sm) var(--space-md)}.reel-card__title{font-weight:600;font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reel-card__speaker{font-size:12px;color:var(--color-text-muted);margin:2px 0 var(--space-xs) 0}.reel-card__actions{display:flex;justify-content:flex-end;padding:0 var(--space-sm) var(--space-sm)}.btn-danger{background:var(--color-danger-bg, #fee2e2);color:var(--color-danger, #dc2626);border:1px solid var(--color-danger-border, #fca5a5)}.btn-danger:hover{background:var(--color-danger, #dc2626);color:#fff}.workspace-table{width:100%;text-align:left;border-collapse:collapse;background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-subtle);overflow:hidden}.workspace-table thead tr{background:var(--color-bg-muted)}.workspace-table th{padding:var(--space-sm) var(--space-md);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-subtle);text-transform:uppercase;letter-spacing:.04em}.workspace-table td{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);vertical-align:middle;border-bottom:1px solid var(--color-border-subtle)}.workspace-table tbody tr:last-child td{border-bottom:none}.workspace-table__row--clickable{cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.workspace-table__row--clickable:hover{background:var(--color-bg-muted)}.workspace-table__primary{font-weight:500;color:var(--color-text-primary)}.workspace-table__secondary{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.workspace-table__muted{color:var(--color-text-muted);font-size:var(--text-xs)}.status-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-full, 999px);font-size:var(--text-xs);font-weight:600;text-transform:capitalize}.status-badge--draft{background:var(--color-bg-muted);color:var(--color-text-muted)}.status-badge--queued{background:#fef3c7;color:#92400e;animation:badge-pulse 2s ease-in-out infinite}.status-badge--rendering{background:#dbeafe;color:#1e40af;animation:badge-pulse 1.5s ease-in-out infinite}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.5}}.status-badge--done{background:#d1fae5;color:#065f46}.status-badge--failed{background:#fee2e2;color:#991b1b}.event-list-content{max-width:1280px;margin:0 auto;padding:var(--space-xl) 32px var(--space-2xl)}.event-list-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl)}.event-list-header .btn-primary{display:flex;align-items:center;gap:var(--space-sm)}.event-list-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:600;color:var(--color-text);line-height:1.25;letter-spacing:-.01em}.event-list-subtitle{font-size:var(--text-base);color:var(--color-text-muted);margin-top:4px}.event-list-error{margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-lg);background:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:center}.event-list-error button{background:none;border:none;color:var(--color-error);font-size:var(--text-lg);cursor:pointer}.event-list-loading{text-align:center;padding:var(--space-2xl);color:var(--color-text-muted)}.event-list-empty{text-align:center;padding:6rem var(--space-xl)}.event-list-empty-icon{width:80px;height:80px;border-radius:var(--radius-full);background:var(--color-bg-accent);display:grid;place-items:center;margin:0 auto var(--space-lg)}.event-list-empty-icon .material-symbols-outlined{font-size:36px;color:var(--color-primary)}.event-list-empty h2{font-size:var(--text-2xl);margin-bottom:var(--space-sm)}.event-list-empty p{color:var(--color-text-secondary);margin-bottom:var(--space-xl);max-width:400px;margin-left:auto;margin-right:auto}.event-list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}@media(max-width:1024px){.event-list-grid{grid-template-columns:1fr}}.event-card{position:relative;display:flex;flex-direction:column;background:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:var(--radius-xl);overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow var(--duration-base) var(--ease-out)}.event-card:hover{box-shadow:var(--shadow-lg);opacity:1}.event-card-accent{position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-primary)}.event-card-body{flex:1;padding:var(--space-lg)}.event-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md)}.event-card-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--color-text);line-height:1.3}.event-card-date{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-xs)}.event-phase{flex-shrink:0;font-size:var(--text-xs);font-weight:600;padding:3px 10px;border-radius:var(--radius-full);white-space:nowrap}.event-phase--new{background:var(--color-bg-elevated);color:var(--color-text-muted)}.event-phase--setup{background:var(--color-warning-bg);color:var(--color-warning)}.event-phase--ready-create{background:var(--color-bg-accent);color:var(--color-secondary)}.event-phase--creating{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}.event-phase--ready{background:var(--color-success-bg);color:var(--color-success)}.event-card-stats{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm);background:var(--color-bg-muted);border-radius:var(--radius-md);margin-bottom:var(--space-md);font-size:var(--text-sm);color:var(--color-text-muted)}.event-card-stat-item{display:flex;align-items:center;gap:var(--space-xs)}.event-card-stat-sep{color:var(--color-border)}.event-card-nodes{position:relative;padding:var(--space-sm) 0}.event-card-nodes-track{position:absolute;top:20px;left:16px;right:16px;height:2px;background:var(--color-border-card)}.event-card-nodes-track-fill{position:absolute;top:20px;left:16px;height:2px;background:var(--color-primary);transition:width var(--duration-base) var(--ease-out)}.event-card-nodes-list{display:flex;justify-content:space-between;position:relative}.event-card-node{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.event-card-node-circle{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.event-card-node--done .event-card-node-circle{background:var(--color-primary);color:var(--color-on-primary)}.event-card-node--active .event-card-node-circle{background:var(--color-bg-card);border:2px solid var(--color-primary);color:var(--color-primary)}.event-card-node--upcoming .event-card-node-circle{background:var(--color-bg-elevated)}.event-card-node-dot{width:8px;height:8px;border-radius:50%}.event-card-node--active .event-card-node-dot{background:var(--color-primary)}.event-card-node--upcoming .event-card-node-dot{background:var(--color-border)}.event-card-node-ping{position:absolute;inset:0;border-radius:50%;border:2px solid var(--color-primary);animation:pipeline-pulse 2s ease-in-out infinite}.event-card-node-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-subtle)}.event-card-node--active .event-card-node-label{color:var(--color-primary);font-weight:700}.event-card-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-lg);background:var(--color-bg-muted);border-top:1px solid var(--color-border-card)}.event-card-activity{font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted)}.event-card-footer-actions{position:relative}.event-card-more{background:none;border:none;cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-md);color:var(--color-text-muted);transition:background var(--duration-fast),color var(--duration-fast);display:flex;align-items:center}.event-card-more:hover{background:var(--color-bg-hover);color:var(--color-text)}.event-card-menu{position:absolute;bottom:100%;right:0;margin-bottom:var(--space-xs);background:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-xs);z-index:10;min-width:140px}.event-card-menu button{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-xs) var(--space-sm);background:none;border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;color:var(--color-text);text-align:left;font-family:var(--font-body)}.event-card-menu button:hover{background:var(--color-bg-hover)}.event-card-menu button .material-symbols-outlined{font-size:18px;color:var(--color-text-muted)}.event-card-menu-danger:hover{background:var(--color-error-bg)!important;color:var(--color-error)!important}.event-card-menu-danger:hover .material-symbols-outlined{color:var(--color-error)!important}.event-list-create-overlay{position:fixed;inset:0;background:#0006;display:grid;place-items:center;z-index:100}.event-list-create-modal{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--space-xl);width:100%;max-width:480px;box-shadow:var(--shadow-xl)}.event-list-create-modal h2{font-size:var(--text-2xl);margin-bottom:var(--space-lg)}.event-list-create-modal label{display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-md)}.event-list-create-modal input{font-size:var(--text-base);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast)}.event-list-create-modal input:focus{outline:none;border-color:var(--color-primary)}.event-list-create-dates{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.event-list-create-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg)}.event-list-fab{display:none}@media(max-width:767px){.event-list-content{padding:var(--space-lg) var(--space-md) var(--space-2xl)}.event-list-header{flex-direction:column;gap:var(--space-md)}.event-list-header .btn-primary{display:none}.event-list-title{font-size:var(--text-2xl)}.event-list-fab{display:flex;position:fixed;bottom:calc(56px + env(safe-area-inset-bottom) + var(--space-md));right:var(--space-md);width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);border:none;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);cursor:pointer;z-index:90}.event-list-fab .material-symbols-outlined{font-size:28px}.event-list-fab:active{transform:scale(.92)}.event-list-create-overlay{align-items:flex-end}.event-list-create-modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-width:100%;padding:var(--space-lg)}.event-list-create-modal input{font-size:var(--text-base);min-height:48px}.event-list-create-dates{grid-template-columns:1fr}.event-list-create-actions{flex-direction:column}.event-list-create-actions .btn{width:100%;min-height:48px}}.setup-checklist{margin:0 var(--space-lg) var(--space-md);padding:var(--space-lg) var(--space-xl);background:var(--color-bg-accent-soft);border:1px solid var(--color-primary-fixed-dim);border-radius:var(--radius-xl)}.setup-checklist__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);margin-bottom:var(--space-lg)}.setup-checklist__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-primary);margin-bottom:2px}.setup-checklist__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.setup-checklist__progress-bar{flex:1;max-width:200px;height:6px;background:var(--color-primary-fixed);border-radius:var(--radius-full);overflow:hidden}.setup-checklist__progress-fill{height:100%;background:var(--color-success);border-radius:var(--radius-full);transition:width .4s var(--ease-out)}.setup-checklist__steps{display:flex;gap:var(--space-sm)}.setup-checklist__step{flex:1;display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:box-shadow var(--duration-fast),border-color var(--duration-fast)}.setup-checklist__step:hover:not(.setup-checklist__step--done){border-color:var(--color-primary-fixed-dim);box-shadow:var(--shadow-sm)}.setup-checklist__step--done{opacity:.6;cursor:default}.setup-checklist__step-num{flex-shrink:0;width:24px;height:24px;border-radius:var(--radius-full);display:grid;place-items:center;font-size:var(--text-xs);font-weight:600;background:var(--color-primary);color:var(--color-on-primary)}.setup-checklist__step--done .setup-checklist__step-num{background:var(--color-success)}.setup-checklist__step-text{display:flex;flex-direction:column;gap:2px;min-width:0}.setup-checklist__step-label{font-size:var(--text-sm);font-weight:500;color:var(--color-primary)}.setup-checklist__step--done .setup-checklist__step-label{text-decoration:line-through;color:var(--color-text-muted)}.setup-checklist__step-detail{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.4}.share-popover-anchor{position:relative}.btn-icon--active{color:var(--color-primary)}.share-popover{position:absolute;right:0;top:100%;z-index:100;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:.75rem;min-width:300px;display:flex;flex-direction:column;gap:.5rem}.share-popover__url{display:flex;gap:.5rem}.share-popover__url input{flex:1;font-size:var(--text-xs);padding:.375rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-family:monospace}.share-popover__stats{display:flex;gap:1rem;font-size:var(--text-xs);color:var(--color-text-muted)}.public-reel-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f0f13;color:#fff;padding:2rem}.public-reel-page--error,.public-reel-page--loading{justify-content:center}.public-reel-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;color:#ffffffb3}.public-reel-card h2{color:#fff;font-family:var(--font-display);font-weight:600}.public-reel-container{max-width:800px;width:100%;display:flex;flex-direction:column;gap:1.5rem;flex:1;justify-content:center}.public-reel-player{border-radius:12px;overflow:hidden;background:#000;box-shadow:0 8px 32px #00000080}.public-reel-player video{width:100%;display:block}.public-reel-player--vertical{max-width:400px;margin:0 auto}.public-reel-info{text-align:center}.public-reel-info h1{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.public-reel-sub{font-size:1rem;color:#fff9;margin-bottom:.5rem}.public-reel-speaker,.public-reel-event{display:inline-flex;align-items:center;gap:.375rem;font-size:var(--text-sm);color:#ffffff80;margin-right:1rem}.public-reel-speaker .material-symbols-rounded,.public-reel-event .material-symbols-rounded{font-size:16px}.public-reel-cta{text-align:center;animation:fadeInUp .4s ease}.public-reel-cta .btn-lg{padding:.875rem 2rem;font-size:1.1rem;border-radius:999px;display:inline-flex;align-items:center;gap:.5rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.public-reel-footer{margin-top:2rem;font-size:var(--text-xs);color:#ffffff4d}.distribute-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-xl);background:var(--color-bg-card);border-bottom:1px solid var(--color-border-card);position:sticky;top:0;z-index:40;box-shadow:0 1px 3px #0000000a}.distribute-header__left{display:flex;align-items:center;gap:var(--space-md);min-width:0}.distribute-header__back{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);text-decoration:none;white-space:nowrap}.distribute-header__back:hover{color:var(--color-primary)}.distribute-header__divider{width:1px;height:24px;background:var(--color-border-card);flex-shrink:0}.distribute-header__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;color:var(--color-text);margin:0;white-space:nowrap}.distribute-header__badge{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);background:var(--color-bg-elevated);padding:2px 10px;border-radius:99px;white-space:nowrap}.distribute-header__actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.distribute-content{padding:var(--space-xl);max-width:1280px;margin:0 auto}.distribute-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);margin-bottom:var(--space-xl)}@media(max-width:1024px){.distribute-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.distribute-stats{grid-template-columns:1fr}}.distribute-stat-card{background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-elevated) 100%);border:1px solid var(--color-border-card);border-left:4px solid var(--color-primary);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:var(--space-lg);box-shadow:0 1px 3px #0000000a}.distribute-stat-card__body{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm)}.distribute-stat-card__value{font-family:var(--font-display);font-size:32px;font-weight:600;line-height:40px;color:var(--color-text)}.distribute-stat-card__label{font-size:20px;font-weight:600;line-height:28px;color:var(--color-text-muted)}.distribute-stat-card__icon{width:40px;height:40px;border-radius:99px;background:var(--color-secondary-container);display:grid;place-items:center;color:var(--color-on-secondary-container);flex-shrink:0}.distribute-stat-card__icon .material-symbols-outlined{font-size:20px}.distribute-stat-card__sub{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);opacity:.7}.distribute-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-xl)}@media(max-width:860px){.distribute-grid{grid-template-columns:1fr}}.distribute-card{background:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column}.distribute-card__header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-card);background:rgba(var(--color-secondary-container-rgb, 210, 225, 250),.15)}.distribute-card__header .material-symbols-outlined{font-size:20px;color:var(--color-on-secondary-container)}.distribute-card__header h2{font-family:var(--font-body);font-size:20px;font-weight:600;color:var(--color-text);margin:0}.distribute-card__header--with-action{justify-content:space-between}.distribute-card__header-left{display:flex;align-items:center;gap:var(--space-sm)}.distribute-card__empty{padding:var(--space-xl) var(--space-lg);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);text-align:center;color:var(--color-text-muted);flex:1}.distribute-card__empty-sub{font-size:var(--text-sm);max-width:300px}.distribute-card__body-inner{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);flex:1}.distribute-campaign{display:block;border:1px solid var(--color-border-card);border-radius:var(--radius-md);padding:var(--space-md);text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}.distribute-campaign:hover{border-color:var(--color-primary);box-shadow:0 1px 4px #0000000f}.distribute-campaign__top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-xs)}.distribute-campaign__subject{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.distribute-campaign__meta{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:2px}.distribute-campaign__stats{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);opacity:.8}.distribute-badge{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;border-radius:4px;white-space:nowrap}.distribute-badge--sent{background:#e6f4ea;color:#137333}.distribute-badge--draft{background:#fef7e0;color:#b06000}.distribute-badge--sending{background:#e8eafd;color:#3c4ac5}.distribute-badge--warn{background:#fef7e0;color:#b06000}.distribute-badge--error{background:#fce8e6;color:#c5221f}.distribute-card__footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border-card);background:rgba(var(--color-bg-elevated-rgb, 236, 238, 240),.3)}.distribute-card__footer-action{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);font-weight:600;color:var(--color-primary);text-decoration:none}.distribute-card__footer-action:hover{text-decoration:underline}.distribute-card__summary{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-card);background:rgba(var(--color-bg-elevated-rgb, 236, 238, 240),.2);font-size:var(--text-sm);color:var(--color-text-muted)}.distribute-links-table{overflow-x:auto;flex:1}.distribute-links-table table{width:100%;border-collapse:collapse}.distribute-links-table thead tr{border-bottom:1px solid var(--color-border-card)}.distribute-links-table th{text-align:left;font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);padding:var(--space-sm) var(--space-md)}.distribute-links-table td{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);color:var(--color-text-muted)}.distribute-links-table tbody tr{border-bottom:1px solid rgba(var(--color-border-card-rgb, 197, 198, 205),.4);transition:background .1s}.distribute-links-table tbody tr:last-child{border-bottom:none}.distribute-links-table tbody tr:hover{background:rgba(var(--color-bg-elevated-rgb, 236, 238, 240),.35)}.distribute-links-table__name{font-weight:500;color:var(--color-text);display:block}.distribute-links-table__speaker{font-size:var(--text-xs);color:var(--color-text-muted)}.distribute-links-table__time{font-size:var(--text-xs)}.distribute-links-table__actions{text-align:right;white-space:nowrap}.distribute-links-table__actions .btn{padding:2px 8px;font-size:var(--text-xs)}.distribute-links-table__unshared{opacity:.6}.distribute-activity{margin-top:var(--space-lg)}.distribute-activity .activity-feed{background:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:0 1px 3px #0000000a}.distribute-empty-cta{text-align:center;padding:4rem 2rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--color-text-muted)}.distribute-empty-cta h2{color:var(--color-text);font-weight:600}@media(max-width:767px){.distribute-header{top:56px;flex-direction:column;align-items:flex-start;padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}.distribute-header__title{font-size:var(--text-xl)}.distribute-header__actions{width:100%}.distribute-header__actions .btn{width:100%;min-height:44px;justify-content:center}.distribute-content{padding:var(--space-md)}.distribute-stats{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.distribute-stat-card{padding:var(--space-md)}.distribute-stat-card__value{font-size:var(--text-xl)}.distribute-stat-card__icon{display:none}.distribute-links-table th:nth-child(2),.distribute-links-table th:nth-child(3),.distribute-links-table td:nth-child(2),.distribute-links-table td:nth-child(3){display:none}.distribute-links-table__actions .btn{min-height:36px;padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm)}.distribute-activity{display:none}.distribute-card__header h2{font-size:var(--text-base)}}.se-page{display:flex;flex-direction:column;height:100vh;background:var(--color-bg);overflow:hidden}.se-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:0 var(--space-lg);height:52px;background:var(--color-bg-card);border-bottom:1px solid var(--color-border-card);flex-shrink:0;z-index:30}.se-header-left{display:flex;align-items:center;gap:var(--space-md);min-width:0}.se-header-right{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.se-back{display:flex;align-items:center;gap:4px;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);background:none;border:none;cursor:pointer;white-space:nowrap}.se-back:hover{color:var(--color-text)}.se-header-divider{width:1px;height:24px;background:var(--color-border-card);flex-shrink:0}.se-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.se-body{display:flex;flex:1;min-height:0;overflow:hidden}.se-preview{width:62%;background:#0c0e14;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.se-preview-frame{width:100%;max-width:880px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 0 40px #4f6cd914,0 0 80px #0006}.se-preview-frame .remotion-preview{width:100%}.se-panel{width:38%;background:var(--color-bg-card);border-left:1px solid var(--color-border-card);display:flex;flex-direction:column;overflow:hidden}.se-panel-scroll{flex:1;overflow-y:auto;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xl)}.se-section-label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin:0 0 var(--space-md)}.se-fields{display:flex;flex-direction:column;gap:12px}.se-field{display:flex;flex-direction:column;gap:4px}.se-field-label{font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary)}.se-input{width:100%;padding:8px 12px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);outline:none;transition:border-color .15s ease}.se-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.se-textarea{resize:none;line-height:1.5}.se-speaker-badge{margin-top:4px;padding:10px 12px;background:var(--color-bg-muted);border:1px solid var(--color-border-card);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between}.se-speaker-name{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin-top:2px}.se-divider{height:1px;background:var(--color-border-card)}.se-audio-rows{display:flex;flex-direction:column;gap:var(--space-lg)}.se-audio-row-header{display:flex;align-items:center;justify-content:space-between}.se-audio-row-label{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.se-toggle{position:relative;width:36px;height:20px;background:var(--color-border);border:none;border-radius:10px;cursor:pointer;transition:background-color .2s ease;padding:0}.se-toggle--on{background:var(--color-accent-indigo)}.se-toggle--on.se-toggle--green{background:var(--color-success)}.se-toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026;transition:transform .2s ease}.se-toggle--on .se-toggle-thumb{transform:translate(16px)}.se-audio-snippet{font-size:var(--text-sm);color:var(--color-text-secondary);font-style:italic;margin:6px 0 0 24px;padding-left:10px;border-left:2px solid var(--color-border-card);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.se-audio-meta{font-size:var(--text-sm);color:var(--color-text-secondary);margin:4px 0 0 24px}.se-voiceover-editor{margin-top:8px}.se-voiceover-controls{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.se-voice-label{font-size:var(--text-xs);color:var(--color-text-secondary);padding:4px 8px;border:1px solid var(--color-border-card);border-radius:var(--radius-sm);background:var(--color-bg-muted)}.se-regen-btn{display:flex;align-items:center;gap:4px}.se-voiceover-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:8px}.se-scene-list{display:flex;flex-direction:column;gap:4px}.se-scene-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-md);transition:background .15s ease}.se-scene-item:hover{background:var(--color-bg-muted)}.se-scene-thumb{width:48px;height:28px;background:var(--color-bg-elevated);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.se-scene-icon{font-size:16px;color:var(--color-text-secondary)}.se-scene-info{flex:1;min-width:0}.se-scene-name{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.se-scene-time{font-size:var(--text-xs);color:var(--color-text-muted)}.se-advanced-link{margin-top:auto;padding-top:var(--space-lg)}.se-advanced-link a{display:flex;align-items:center;gap:4px;font-size:var(--text-sm);font-weight:600;color:var(--color-accent-indigo);text-decoration:none}.se-advanced-link a:hover{text-decoration:underline}.se-icon-sm{font-size:18px}.se-icon-xs{font-size:14px}@media(max-width:767px){.se-page{height:auto;min-height:100vh;overflow:auto}.se-header{padding:0 var(--space-md);height:48px}.se-header-divider{display:none}.se-back span:last-child{display:none}.se-title{font-size:var(--text-base)}.se-body{flex-direction:column;overflow:visible}.se-preview{width:100%;padding:var(--space-sm);min-height:220px}.se-panel{width:100%;border-left:none;border-top:1px solid var(--color-border-card);overflow:visible}.se-panel-scroll{overflow:visible;padding:var(--space-md);gap:var(--space-lg)}.se-input,.se-textarea{font-size:var(--text-base);min-height:44px}.se-toggle{width:44px;height:24px}.se-toggle-thumb{width:20px;height:20px}.se-toggle--on .se-toggle-thumb{transform:translate(20px)}.se-header-right .btn{min-height:40px}}.pipeline-progress{display:flex;align-items:center;gap:0;padding:var(--space-sm) 0}.pipeline-step-group{display:flex;align-items:center}.pipeline-connector{width:32px;height:2px;background:var(--color-border-card);flex-shrink:0}.pipeline-connector--filled{background:var(--color-accent-indigo)}.pipeline-step{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;white-space:nowrap;transition:all var(--duration-base) var(--ease-out)}.pipeline-step--done{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.pipeline-step--active{background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-sm)}.pipeline-step--upcoming{background:var(--color-bg-elevated);color:var(--color-text-muted);border:1px solid var(--color-border-card)}.pipeline-step__icon{font-size:16px!important}.pipeline-step__label{line-height:1}@keyframes pipeline-pulse{0%,to{opacity:1}50%{opacity:.4}}.event-list-add-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);min-height:240px;background:none;border:2px dashed var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-muted);cursor:pointer;transition:border-color var(--duration-base),color var(--duration-base),background var(--duration-base);padding:var(--space-xl);text-align:center}.event-list-add-cta:hover{border-color:var(--color-accent-indigo);background:var(--color-bg-accent-soft)}.event-list-add-cta-icon{width:48px;height:48px;border-radius:50%;background:var(--color-secondary-container);display:flex;align-items:center;justify-content:center;color:var(--color-on-secondary-container);margin-bottom:var(--space-sm)}.event-list-add-cta-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--color-text)}.event-list-add-cta-desc{font-size:var(--text-sm);color:var(--color-text-muted);max-width:280px;line-height:1.5;margin-bottom:var(--space-md)}.event-list-add-cta-btn{display:flex;align-items:center;gap:var(--space-xs);border:1px solid var(--color-border);background:var(--color-bg-card);box-shadow:var(--shadow-sm);font-size:var(--text-sm);font-weight:500;padding:var(--space-xs) var(--space-lg);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text);transition:background var(--duration-fast)}.event-list-add-cta-btn:hover{background:var(--color-bg-hover)}.workspace-pipeline-banner{background:var(--color-bg-card);border-bottom:1px solid var(--color-border-card);padding:var(--space-md) var(--space-lg);position:sticky;top:57px;z-index:30;box-shadow:var(--shadow-sm)}.workspace-pipeline-banner-inner{max-width:1280px;margin:0 auto}.workspace-pipeline-summary{display:flex;font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);padding-left:var(--space-sm);margin-top:var(--space-xs)}.workspace-pipeline-summary span{white-space:nowrap}.workspace-nav-badge{width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.workspace-nav-badge--done{background:var(--color-success);color:#fff}.workspace-nav-badge--attention{width:8px;height:8px;background:var(--color-warning)}@media(max-width:767px){.workspace__header{top:56px;padding:var(--space-sm) var(--space-md)}.workspace__header-title{display:none}.workspace__header-right{margin-left:auto}.workspace__body{grid-template-columns:1fr}.workspace__sidebar{display:none}.workspace__main{padding:var(--space-md)}.workspace-pipeline-banner{top:105px;padding:var(--space-sm) var(--space-md)}.workspace-section__header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.workspace-section__header-actions{width:100%;flex-wrap:wrap}.workspace-section__form{flex-direction:column;padding:var(--space-md)}.workspace-section__form input,.workspace-section__form select,.workspace-section__form textarea{min-height:44px;font-size:var(--text-base);min-width:0;width:100%}.workspace-section__card-header{flex-direction:column;gap:var(--space-xs)}.workspace-section__card-actions{align-self:flex-end}.reel-gallery__grid{grid-template-columns:1fr}.reel-card__info{min-width:0}.reel-card__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-section__actions{flex-direction:column;align-items:stretch}.workspace-section__actions .btn{min-height:44px;justify-content:center}.cohort-autogen__controls{flex-direction:column}.cohort-autogen__controls .btn{min-height:44px}.cohort-card__add-url{flex-direction:column}.reel-gallery__select-all label{min-height:44px;font-size:var(--text-base)}.reel-gallery__select-all input[type=checkbox]{width:20px;height:20px}.reel-card__select{top:var(--space-md);left:var(--space-md)}.reel-card__select input[type=checkbox]{width:24px;height:24px}.reel-card__preview{height:160px}.reel-card__preview .material-symbols-outlined{font-size:48px}.reel-card__info{padding:var(--space-md)}.reel-card__title{font-size:var(--text-base)}.reel-card__speaker{font-size:var(--text-sm);margin-bottom:var(--space-sm)}.reel-card__actions{padding:var(--space-sm) var(--space-md) var(--space-md);gap:var(--space-sm)}.reel-card__actions .btn-icon{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-sm) 0;flex-wrap:wrap}.page-header>h1{margin:0;flex:1}.page-header__left{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:0}.page-header__left h1{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;white-space:nowrap}.page-header__divider{width:1px;height:16px;background:var(--color-border);flex-shrink:0}.page-header__actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.email-test-send{display:flex;align-items:center;gap:var(--space-xs)}.email-error{background:#fef2f2;color:#ba1a1a;border:1px solid #fecaca;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-sm)}.email-error__dismiss{margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;text-decoration:underline;font-size:var(--text-xs)}.email-compose-layout{display:grid;grid-template-columns:1fr 380px;gap:var(--space-xl);align-items:start}.email-compose-section{background:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md);box-shadow:0 1px 3px #0000000a}.email-compose-section__title{font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin:0 0 var(--space-md)}.email-compose-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--space-md)}.form-group:last-child{margin-bottom:0}.form-label{font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary)}.form-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.input,.select{width:100%;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.5rem .75rem;outline:none;transition:border-color .15s}.input:focus,.select:focus{border-color:var(--color-accent-indigo);box-shadow:0 0 0 2px #4f6cd91f}.email-filter-tabs{display:flex;gap:0;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.email-filter-tab{flex:1;padding:.5rem .75rem;font-size:var(--text-sm);font-family:var(--font-body);background:var(--color-bg-card);border:none;border-right:1px solid var(--color-border);cursor:pointer;color:var(--color-text-secondary);transition:background .15s,color .15s}.email-filter-tab:last-child{border-right:none}.email-filter-tab:hover{background:var(--color-bg-muted)}.email-filter-tab.active{background:var(--color-bg-muted);color:var(--color-text);font-weight:500}.email-custom-recipients{margin-top:var(--space-md)}.email-custom-search{display:flex;align-items:center;gap:var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.4rem .75rem;margin-bottom:var(--space-sm)}.email-custom-search .material-symbols-outlined{font-size:18px;color:var(--color-text-muted)}.email-custom-search input{flex:1;border:none;outline:none;font-size:var(--text-sm);background:transparent;color:var(--color-text)}.email-custom-list{max-height:200px;overflow-y:auto;border:1px solid var(--color-border-card);border-radius:var(--radius-md)}.email-custom-item{display:flex;align-items:center;gap:var(--space-sm);padding:.4rem .75rem;cursor:pointer;font-size:var(--text-sm);border-bottom:1px solid var(--color-border-card);transition:background .1s}.email-custom-item:last-child{border-bottom:none}.email-custom-item:hover{background:var(--color-bg-muted)}.email-custom-item__name{font-weight:500}.email-custom-item__email{color:var(--color-text-muted);font-size:var(--text-xs);margin-left:auto}.email-custom-count{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-xs);font-weight:500}.email-recipient-info{margin-top:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.email-recipient-info__item{display:flex;align-items:center;gap:var(--space-xs);padding:.5rem .75rem;border-radius:var(--radius-md);font-size:var(--text-sm)}.email-recipient-info__item .material-symbols-outlined{font-size:18px}.email-recipient-info__item--ok{background:#e8eef8;color:var(--color-primary)}.email-recipient-info__item--warn{background:#fffbeb;color:#92400e}.email-recipient-info__item--error{background:#fef2f2;color:#991b1b}.email-compose-preview{position:sticky;top:var(--space-lg)}.email-preview-inset{background:var(--color-bg-elevated);border:1px solid var(--color-border-card);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:inset 0 2px 4px #0000000a}.email-preview-inset .email-preview-card{max-width:360px;margin:0 auto}.email-preview-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;font-size:13px;box-shadow:0 4px 24px #0000000f,0 1px 4px #0000000a}.email-preview-header{padding:16px 20px;border-bottom:1px solid #e0e3e5}.email-preview-logo{font-family:var(--font-display);font-size:16px;font-weight:700}.email-preview-body{padding:20px}.email-preview-body h2{font-family:var(--font-display);font-size:18px;font-weight:600;margin:0 0 10px}.email-preview-body p{font-size:13px;line-height:1.6;color:#45474c;margin:0 0 16px}.email-preview-thumbnail{border-radius:6px;padding:28px 0;text-align:center;color:#fffc;font-size:12px}.email-preview-play{width:48px;height:48px;border-radius:50%;background:#fff3;display:inline-flex;align-items:center;justify-content:center;font-size:24px;color:#fff;margin-bottom:8px}.email-preview-cta{display:block;text-align:center;color:#fff;font-weight:600;font-size:14px;padding:10px 20px;border-radius:6px;margin-top:16px}.email-preview-footer{padding:14px 20px;border-top:1px solid #e0e3e5;background:#f7f9fb;font-size:11px;color:var(--color-text-muted);display:flex;flex-direction:column;gap:4px}.email-preview-unsub{color:var(--color-text-muted);text-decoration:underline}.email-preview-subject{margin-top:var(--space-sm);font-size:var(--text-xs);color:var(--color-text-secondary);padding:0 var(--space-xs)}.email-sending-bar{background:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-md)}.email-sending-bar__text{font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-xs)}.email-sending-bar__track{height:6px;background:var(--color-bg-muted);border-radius:3px;overflow:hidden}.email-sending-bar__fill{height:100%;background:var(--color-accent-indigo);border-radius:3px;transition:width .5s ease}.email-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.email-metric{background:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);box-shadow:0 1px 3px #0000000a;transition:box-shadow .15s}.email-metric:hover{box-shadow:0 2px 8px #00000014}.email-metric__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.email-metric__value{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--color-text);display:flex;align-items:baseline;gap:var(--space-xs)}.email-metric__pct{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);background:var(--color-bg-muted);padding:2px 6px;border-radius:var(--radius-sm)}.email-metric__pct--green{color:var(--color-on-secondary-container);background:var(--color-secondary-container)}.email-metric--bounced{border-color:#fecaca;border-left:4px solid var(--color-error)}.email-metric--bounced .email-metric__value{color:#ba1a1a}.email-chart-section{background:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:0 1px 3px #0000000a}.email-chart-title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin:0 0 var(--space-md)}.email-chart{height:140px;display:flex;flex-direction:column}.email-chart__bars{flex:1;display:flex;align-items:flex-end;gap:3px}.email-chart__col{flex:1;display:flex;align-items:flex-end;height:100%}.email-chart__bar{width:100%;background:var(--color-accent-indigo);opacity:.7;border-radius:2px 2px 0 0;min-height:2px;transition:height .3s ease}.email-chart__labels{display:flex;justify-content:space-between;font-size:10px;color:var(--color-text-muted);margin-top:6px}.email-badge{display:inline-block;font-size:var(--text-xs);font-weight:500;padding:2px 8px;border-radius:999px;white-space:nowrap}.email-badge--primary{background:#eff1ff;color:#4f6cd9}.email-badge--neutral{background:var(--color-bg-muted);color:var(--color-text-secondary)}.email-badge--subtle{background:var(--color-bg-muted);color:var(--color-text-muted)}.email-badge--success{background:#f0fdf4;color:#16a34a}.email-badge--warn{background:#fffbeb;color:#d97706}.email-badge--error{background:#fef2f2;color:#ba1a1a}.email-badge--sending{background:#eff1ff;color:#4f6cd9;animation:email-pulse 1.5s ease-in-out infinite}@keyframes email-pulse{0%,to{opacity:1}50%{opacity:.5}}.email-table-wrap{background:var(--color-bg-card);border:1px solid var(--color-border-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 1px 3px #0000000a}.email-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.email-table th{text-align:left;padding:.6rem .75rem;font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border-card);background:var(--color-bg-muted)}.email-table td{padding:.6rem .75rem;border-bottom:1px solid var(--color-border-card);vertical-align:middle}.email-table tr:last-child td{border-bottom:none}.email-th-check,.email-td-check{width:32px;text-align:center}.email-row-selected{background:#f0f4ff}.email-td-reel{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-secondary)}.email-recipient-cell{display:flex;flex-direction:column;gap:1px}.email-recipient-cell__name{font-weight:500;color:var(--color-text)}.email-recipient-cell__email{font-size:var(--text-xs);color:var(--color-text-muted)}.email-table-empty{padding:var(--space-xl);text-align:center}.email-action-bar{display:flex;align-items:center;justify-content:space-between;position:sticky;bottom:0;z-index:10;padding:var(--space-md) var(--space-lg);background:var(--color-bg-card);border-top:1px solid var(--color-border-card);margin:var(--space-md) calc(-1 * var(--space-xl)) 0;padding-left:var(--space-xl);padding-right:var(--space-xl)}.email-action-bar__left{display:flex;gap:var(--space-sm)}.undo-toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;background:var(--color-text-primary, #1a1a2e);color:#fff;padding:.625rem 1rem;border-radius:.5rem;box-shadow:0 8px 24px #00000040;font-size:.875rem;z-index:9999;overflow:hidden;animation:undo-slide-up .2s ease-out}@keyframes undo-slide-up{0%{opacity:0;transform:translate(-50%) translateY(1rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}.undo-toast__label{white-space:nowrap}.undo-toast__btn{background:#ffffff26;color:#fff;border:none;padding:.25rem .625rem;border-radius:.25rem;cursor:pointer;font-size:.8125rem;font-weight:500;white-space:nowrap}.undo-toast__btn:hover{background:#ffffff40}.undo-toast__progress{position:absolute;bottom:0;left:0;height:2px;background:#fff6;transition:width .1s linear}@media(max-width:767px){.page-header{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.page-header__left h1{font-size:var(--text-base);white-space:normal}.page-header__divider{display:none}.page-header__actions{flex-direction:column;align-items:stretch}.page-header__actions .btn{min-height:44px;justify-content:center}.email-compose-layout{grid-template-columns:1fr}.email-compose-section{padding:var(--space-md)}.email-compose-row{grid-template-columns:1fr}.email-compose-preview{position:static}.email-test-send{flex-direction:column;align-items:stretch}.email-test-send .btn{min-height:44px;justify-content:center}.email-action-bar{flex-direction:column;gap:var(--space-sm);padding:var(--space-md);margin-left:calc(-1 * var(--space-md));margin-right:calc(-1 * var(--space-md));padding-left:var(--space-md);padding-right:var(--space-md)}.email-action-bar__left{width:100%}.email-action-bar .btn{min-height:44px;flex:1;justify-content:center}.email-metrics{grid-template-columns:repeat(2,1fr)}.email-metric{padding:var(--space-sm) var(--space-md)}.email-metric__value{font-size:1.5rem}.email-chart-section{padding:var(--space-md)}.email-table th:nth-child(3),.email-table td:nth-child(3),.email-table th:nth-child(4),.email-table td:nth-child(4){display:none}.email-table th,.email-table td{padding:.5rem}.email-td-reel{max-width:120px}.undo-toast{left:var(--space-md);right:var(--space-md);transform:none;bottom:calc(56px + env(safe-area-inset-bottom) + var(--space-sm))}}