@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-primary: #0f1117;--bg-secondary: #161822;--bg-tertiary: #1e2030;--bg-elevated: #252838;--bg-hover: #2a2d40;--text-primary: #f0f0f5;--text-secondary: #9ca3b4;--text-muted: #6b7280;--text-inverse: #0f1117;--accent: #6366f1;--accent-hover: #818cf8;--accent-subtle: rgba(99, 102, 241, .12);--accent-glow: rgba(99, 102, 241, .25);--success: #34d399;--success-subtle: rgba(52, 211, 153, .12);--warning: #fbbf24;--warning-subtle: rgba(251, 191, 36, .12);--danger: #f87171;--danger-subtle: rgba(248, 113, 113, .12);--info: #60a5fa;--info-subtle: rgba(96, 165, 250, .12);--border: #2a2d40;--border-subtle: #1e2030;--border-focus: var(--accent);--card-bg: #1a1c2b;--input-bg: #12141e;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .35);--shadow-accent: 0 0 0 3px var(--accent-subtle);--radius: 10px;--radius-sm: 6px;--radius-lg: 16px;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--transition-fast: .15s ease;--transition: .2s ease;--transition-slow: .3s ease;--sidebar-width: 240px;--sidebar-collapsed-width: 60px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;line-height:1.4}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:none;box-shadow:var(--shadow-accent)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 2px 8px var(--accent-glow)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-focus)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#ef4444;box-shadow:0 2px 8px var(--danger-subtle)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.btn-small{padding:.375rem .75rem;font-size:.75rem;border-radius:var(--radius-sm)}.btn-large{padding:.75rem 1.75rem;font-size:1rem}.btn-icon{padding:.375rem;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--text-secondary);border:none}.btn-icon:hover{color:var(--text-primary);background:var(--bg-elevated);border-radius:var(--radius-sm)}.form-group{margin-bottom:1rem}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1}.form-group label{display:block;margin-bottom:.5rem;font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.625rem .875rem;background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;font-family:var(--font-sans);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--bg-hover)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-accent)}.form-group textarea{resize:vertical;min-height:80px}.form-group textarea[readonly]{background:var(--bg-tertiary);color:var(--text-secondary)}.form-hint{margin-top:.375rem;font-size:.75rem;color:var(--text-muted)}.radio-group{display:flex;flex-direction:column;gap:.5rem}.radio-label,.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--text-secondary)}.radio-label:hover,.checkbox-label:hover{color:var(--text-primary)}.radio-label input,.checkbox-label input{width:auto;margin:0;accent-color:var(--accent)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}#sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;z-index:200;transition:width var(--transition);overflow:hidden}#sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1rem;border-bottom:1px solid var(--border-subtle);min-height:60px;white-space:nowrap;overflow:hidden}.sidebar-brand-icon{flex-shrink:0;width:28px;height:28px}.sidebar-brand-text{font-size:1.125rem;font-weight:700;color:var(--text-primary);letter-spacing:-.025em;transition:opacity var(--transition)}#sidebar.collapsed .sidebar-brand-text{opacity:0;pointer-events:none}.sidebar-nav{flex:1;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;overflow-x:hidden}.sidebar-nav-main{padding:.5rem 0}.sidebar-nav-bottom{padding:.5rem 0;border-top:1px solid var(--border-subtle)}.sidebar-section{margin-bottom:.25rem}.sidebar-section-label{padding:.75rem 1.25rem .375rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);white-space:nowrap;overflow:hidden;transition:opacity var(--transition)}#sidebar.collapsed .sidebar-section-label{opacity:0;height:0;padding:0;overflow:hidden}.sidebar-nav-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;margin:.0625rem .5rem;color:var(--text-secondary);text-decoration:none;font-size:.8125rem;font-weight:450;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;overflow:hidden;border:none;background:none;width:calc(100% - 1rem);text-align:left;font-family:var(--font-sans);border-radius:var(--radius-sm)}.sidebar-nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--accent-subtle);color:var(--accent-hover);font-weight:500}.sidebar-nav-icon{font-size:1rem;width:22px;text-align:center;flex-shrink:0}.sidebar-nav-label{transition:opacity var(--transition)}#sidebar.collapsed .sidebar-nav-label{opacity:0;pointer-events:none}.sidebar-user-info{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;margin:0 .5rem;border-radius:var(--radius-sm);overflow:hidden}.sidebar-user-avatar{width:28px;height:28px;border-radius:var(--radius-full);background:var(--accent-subtle);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.sidebar-user-details{display:flex;flex-direction:column;min-width:0;transition:opacity var(--transition)}#sidebar.collapsed .sidebar-user-details{opacity:0;pointer-events:none}.sidebar-user-name{font-size:.75rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logout-link{background:none;border:none;color:var(--text-muted);font-size:.65rem;cursor:pointer;padding:0;text-align:left;font-family:var(--font-sans);transition:color var(--transition-fast)}.sidebar-logout-link:hover{color:var(--danger)}.sidebar-legal-links{display:flex;gap:.75rem;padding:.375rem 1.25rem}.sidebar-legal-link{font-size:.65rem;color:var(--text-muted);text-decoration:none}.sidebar-collapse-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.5rem 1rem;color:var(--text-muted);cursor:pointer;border:none;background:none;width:100%;font-size:1rem;transition:all var(--transition-fast);font-family:var(--font-sans)}.sidebar-collapse-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-collapse-icon{font-size:1.125rem;width:24px;text-align:center;flex-shrink:0}#sidebarOverlay{display:none;position:fixed;inset:0;background:#0009;backdrop-filter:blur(2px);z-index:199}#sidebarOverlay.active{display:block}#pageContent{margin-left:var(--sidebar-width);padding:2rem;min-height:100vh;transition:margin-left var(--transition)}.sidebar-collapsed #pageContent{margin-left:var(--sidebar-collapsed-width)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.page-content{min-height:100vh;margin-left:var(--sidebar-width);padding:2rem 2.5rem;padding-bottom:80px;transition:margin-left var(--transition)}.sidebar-collapsed .page-content{margin-left:var(--sidebar-collapsed-width)}.page-container{max-width:1100px;margin:0 auto}.page-container h2{margin-bottom:1.5rem;font-size:1.5rem;font-weight:600;letter-spacing:-.02em}.wizard-page-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;margin-top:1rem;border-top:1px solid var(--border-subtle)}.stories-page{max-width:1200px}.stories-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.stories-page-title{display:flex;align-items:center;gap:.75rem}.stories-page-title h2{margin-bottom:0}.stories-page-actions{display:flex;gap:.5rem}.count{background:var(--accent-subtle);color:var(--accent-hover);padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:600}.stories-toolbar{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius)}.stories-search-bar input{width:100%;padding:.625rem .875rem;background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;font-family:var(--font-sans);transition:all var(--transition-fast)}.stories-search-bar input:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-accent)}.stories-search-bar input::placeholder{color:var(--text-muted)}.stories-filters{display:flex;align-items:center;gap:.75rem;justify-content:space-between}.filter-chips{display:flex;gap:.375rem}.filter-chip{padding:.3rem .75rem;font-size:.75rem;font-weight:500;border:1px solid var(--border);border-radius:var(--radius-full);background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-family:var(--font-sans)}.filter-chip:hover{border-color:var(--accent);color:var(--text-primary)}.filter-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.sort-select{padding:.3rem .5rem;font-size:.75rem;background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans)}.sort-select:focus{outline:none;border-color:var(--accent)}.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.story-grid-card{display:flex;flex-direction:column;padding:1.25rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;color:inherit}.story-grid-card:hover{border-color:var(--accent);background:var(--bg-tertiary);transform:translateY(-1px);box-shadow:var(--shadow-md);color:inherit}.story-grid-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.375rem}.story-grid-card-header h3{font-size:.9375rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.story-grid-card-theme{font-size:.8rem;color:var(--text-muted);margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.story-grid-card-meta{display:flex;gap:.5rem;font-size:.7rem;color:var(--text-muted);align-items:center;flex-wrap:wrap;margin-top:auto}.story-grid-date{margin-left:auto}.content-type-badge{display:inline-block;padding:.1rem .4rem;border-radius:var(--radius-sm);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:var(--accent-subtle);color:var(--accent-hover)}.story-status-badge{display:inline-block;padding:.15rem .5rem;border-radius:var(--radius-full);font-size:.65rem;font-weight:600;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.story-status-badge.status-complete{background:var(--success-subtle);color:var(--success)}.story-status-badge.status-wip{background:var(--warning-subtle);color:var(--warning)}.story-status-badge.status-empty{background:#a0a0a01a;color:var(--text-muted)}.clip-count.done{color:var(--success)}.story-card-progress{height:3px;background:var(--bg-hover);border-radius:var(--radius-full);margin-top:.75rem;overflow:hidden}.story-card-progress-fill{height:100%;background:var(--accent);border-radius:var(--radius-full);transition:width var(--transition-slow)}.story-card-progress-fill.done{background:var(--success)}.stories-empty-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:var(--text-muted)}.stories-empty-icon{font-size:3rem;margin-bottom:1rem}.stories-empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.stories-empty-state p{font-size:.875rem;margin-bottom:1.5rem}.stories-empty-actions{display:flex;gap:.75rem;justify-content:center}.stories-grid-load-more{grid-column:1 / -1;text-align:center;padding:.5rem}.stories-grid-load-more .btn{width:100%;max-width:300px}.story-detail-page{max-width:1100px}.story-detail-back{margin-bottom:1.5rem}.story-detail-back a{display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;color:var(--text-muted);transition:color var(--transition-fast)}.story-detail-back a:hover{color:var(--accent)}.story-detail-loading{padding:3rem;text-align:center;color:var(--text-muted)}.story-header{margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-subtle)}.story-header-top{margin-bottom:1rem}.story-header h2{font-size:1.5rem;font-weight:600;margin-bottom:.375rem;letter-spacing:-.02em}.story-header .theme{color:var(--text-muted);font-size:.875rem}.asmr-badge{background:var(--success-subtle)!important;color:var(--success)!important}.story-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem 0}.toolbar-primary{display:flex;gap:.5rem}.toolbar-secondary{display:flex;align-items:center;gap:.25rem}.toolbar-divider{width:1px;height:20px;background:var(--border);margin:0 .375rem}.btn-tool{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .625rem;background:none;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-family:var(--font-sans);font-size:.75rem;font-weight:500;transition:all var(--transition-fast);white-space:nowrap}.btn-tool:hover{background:var(--bg-tertiary);border-color:var(--border);color:var(--text-primary)}.btn-tool.active{background:var(--success-subtle);border-color:#34d39940;color:var(--success)}.btn-tool.ai-tool:hover{background:var(--accent-subtle);border-color:#6366f140;color:var(--accent-hover)}.btn-tool.danger:hover{background:var(--danger-subtle);border-color:#f8717133;color:var(--danger)}.tool-icon{font-size:.875rem}.tool-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.03em}.story-progress-bar-container{display:flex;align-items:center;gap:.75rem;margin-top:.875rem}.story-progress-track{flex:1;height:4px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.story-progress-fill{height:100%;background:var(--accent);border-radius:var(--radius-full);transition:width var(--transition-slow)}.story-progress-label{font-size:.7rem;color:var(--text-muted);white-space:nowrap}.story-settings-summary{margin-bottom:1.25rem}.settings-pills{display:flex;flex-wrap:wrap;gap:.375rem}.setting-pill{display:inline-block;padding:.2rem .625rem;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:.7rem;color:var(--text-secondary);white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.dropdown-menu{display:none;position:absolute;top:100%;right:0;margin-top:.375rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:50;min-width:180px;overflow:hidden}.dropdown-menu button{display:block;width:100%;padding:.625rem 1rem;text-align:left;background:none;border:none;color:var(--text-secondary);font-size:.8125rem;cursor:pointer;font-family:var(--font-sans);transition:all var(--transition-fast)}.dropdown-menu button:hover{background:var(--bg-hover);color:var(--text-primary)}.ai-quick-create{margin-top:1.5rem}.ai-quick-create textarea{width:100%;padding:1rem 1.25rem;background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.9rem;font-family:var(--font-sans);resize:vertical;transition:all var(--transition-fast)}.ai-quick-create textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-accent)}.ai-quick-create textarea::placeholder{color:var(--text-muted)}.quick-create-options{display:flex;gap:.75rem;margin-top:.875rem;align-items:center}.quick-create-options select{padding:.5rem .75rem;background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.8125rem;font-family:var(--font-sans)}.quick-type-chips{display:flex;gap:.375rem;margin-top:.875rem;flex-wrap:wrap}.chip{padding:.375rem .875rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans)}.chip:hover{border-color:var(--accent);color:var(--text-primary)}.chip.active{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent-hover)}.empty-state-secondary{margin-top:1.5rem;font-size:.8125rem;color:var(--text-muted)}.empty-state-secondary a{color:var(--accent)}.empty-state-secondary a:hover{color:var(--accent-hover);text-decoration:underline}.youtube-metadata{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.5rem}.metadata-header{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;cursor:pointer;user-select:none;border-radius:var(--radius);transition:background var(--transition-fast)}.metadata-header:hover{background:var(--bg-tertiary)}.metadata-header h3{font-size:.9375rem;font-weight:600}.toggle-icon{color:var(--text-muted);font-size:.8rem}.metadata-content{padding:0 1.25rem 1.25rem}.metadata-group{margin-bottom:1rem}.metadata-group:last-child{margin-bottom:0}.metadata-group>label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-weight:600}.metadata-item{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem .875rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-bottom:.375rem;font-size:.8125rem}.metadata-item span{flex:1;min-width:0}.metadata-text{padding:.875rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.8125rem;white-space:pre-wrap;line-height:1.6;color:var(--text-primary)}.metadata-tags{display:flex;flex-wrap:wrap;gap:.375rem}.tag{padding:.2rem .6rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.7rem;color:var(--text-secondary)}.thumbnail-prompt{color:var(--text-muted);font-size:.8rem}.copy-btn{flex-shrink:0;padding:.25rem .625rem;font-size:.7rem;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans)}.copy-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.clips-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.clips-header h3{font-size:1rem;font-weight:600}.clips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.875rem}.clip-card{background:var(--card-bg);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.clip-card:hover{border-color:var(--bg-hover);box-shadow:var(--shadow)}.clip-header{display:flex;justify-content:space-between;align-items:center;padding:.625rem 1rem;background:var(--bg-tertiary)}.clip-number{font-weight:600;font-size:.8125rem;color:var(--text-secondary)}.clip-status{font-size:.65rem;font-weight:600;padding:.2rem .5rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em}.clip-status.pending{background:#a0a0a01a;color:var(--text-muted)}.clip-status.generating{background:var(--warning-subtle);color:var(--warning);animation:pulse 1.5s ease-in-out infinite}.clip-status.completed{background:var(--success-subtle);color:var(--success)}.clip-status.failed{background:var(--danger-subtle);color:var(--danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.clip-body{padding:1rem}.clip-scene{font-size:.8125rem;color:var(--text-secondary);margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.clip-voiceover{font-size:.8rem;font-style:italic;color:var(--text-primary);padding:.625rem .875rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-bottom:.625rem;border-left:2px solid var(--accent-subtle)}.clip-versions{display:flex;gap:.25rem;margin-bottom:.625rem;flex-wrap:wrap}.version-badge{padding:.15rem .5rem;font-size:.7rem;font-weight:500;border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.version-badge:hover{background:var(--bg-hover);color:var(--text-primary)}.version-badge.selected{background:var(--accent);color:#fff}.clip-actions{display:flex;gap:.5rem;padding-top:.625rem;border-top:1px solid var(--border-subtle)}.clip-voiceover-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.2rem .5rem;background:var(--info-subtle);color:var(--info);border-radius:var(--radius-sm);font-size:.7rem;font-weight:500;margin-bottom:.5rem}.clip-voiceover-badge .vo-icon{font-size:.8rem}.vo-attachment-group{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;background:var(--bg-tertiary)}.vo-attachment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.vo-attachment-header label{margin-bottom:0!important;font-weight:600!important;color:var(--text-primary)!important;font-size:.8125rem!important}.vo-hint{font-size:.7rem;color:var(--text-muted)}.vo-hint.asmr-hint{color:var(--success)}.vo-upload-area{border-radius:var(--radius-sm)}.vo-empty{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:1.25rem;border:2px dashed var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-align:center}.vo-empty:hover{border-color:var(--accent);background:var(--accent-subtle)}.vo-upload-icon{font-size:1.5rem;opacity:.6}.vo-upload-text{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.vo-upload-formats{font-size:.7rem;color:var(--text-muted)}.vo-attached{display:flex;flex-direction:column;gap:.75rem;padding:.875rem;background:var(--info-subtle);border:1px solid rgba(96,165,250,.2);border-radius:var(--radius-sm)}.vo-file-info{display:flex;align-items:center;gap:.75rem}.vo-file-icon{font-size:1.25rem}.vo-file-details{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.vo-filename{font-size:.8125rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vo-filesize{font-size:.7rem;color:var(--text-muted)}.vo-preview-player{width:100%;height:36px;border-radius:var(--radius-sm)}.vo-remove-btn{align-self:flex-end;color:var(--danger)!important}.vo-remove-btn:hover{background:var(--danger-subtle)!important}.queue-drawer{position:fixed;top:0;right:0;bottom:0;width:380px;background:var(--bg-secondary);border-left:1px solid var(--border-subtle);z-index:300;transform:translate(100%);transition:transform var(--transition-slow);display:flex;flex-direction:column;box-shadow:-8px 0 24px #0000004d}.queue-drawer.open{transform:translate(0)}.queue-drawer-backdrop{display:none;position:fixed;inset:0;background:#0006;backdrop-filter:blur(2px);z-index:299}.queue-drawer-backdrop.active{display:block}.queue-fab{position:fixed;bottom:1.5rem;right:1.5rem;z-index:250;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;font-family:var(--font-sans);font-size:.8125rem;font-weight:500;box-shadow:var(--shadow-lg);transition:all var(--transition-fast)}.queue-fab:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-lg),0 4px 16px var(--accent-glow)}.queue-fab .fab-icon{font-size:1rem}.queue-fab .fab-badge{display:none;background:var(--accent);color:#fff;font-size:.65rem;font-weight:700;padding:.1rem .4rem;border-radius:var(--radius-full);min-width:18px;text-align:center;line-height:1.3}.queue-fab .fab-badge.has-items{display:inline-block}.queue-fab.has-active{background:var(--accent);color:#fff;border-color:var(--accent);animation:fab-pulse 2s ease-in-out infinite}.queue-fab.has-active .fab-badge{background:#fff;color:var(--accent)}@keyframes fab-pulse{0%,to{box-shadow:var(--shadow-lg),0 0 0 0 var(--accent-glow)}50%{box-shadow:var(--shadow-lg),0 0 0 8px transparent}}.queue-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.queue-panel .panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary)}.queue-panel .panel-header h2{font-size:.9375rem;font-weight:600;letter-spacing:-.01em}.queue-close-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);font-size:1.25rem;transition:all var(--transition-fast);font-family:var(--font-sans)}.queue-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.queue-controls{display:flex;gap:.375rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--border-subtle)}.queue-status{padding:.75rem 1.25rem;background:var(--bg-tertiary);font-size:.8125rem;color:var(--text-muted);border-bottom:1px solid var(--border-subtle)}.queue-status.running{color:var(--warning)}.queue-list{flex:1;overflow-y:auto;padding:.75rem}.queue-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem .875rem;margin-bottom:.375rem;background:var(--card-bg);border-radius:var(--radius-sm);font-size:.8125rem;border:1px solid transparent;transition:all var(--transition-fast)}.queue-item:hover{border-color:var(--border)}.queue-item.current{border-color:var(--warning);background:var(--warning-subtle)}.queue-item .info{display:flex;flex-direction:column;gap:.15rem}.queue-item .story-name{font-size:.7rem;color:var(--text-muted)}.queue-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;color:var(--text-muted);text-align:center;gap:.75rem}.queue-empty-icon{font-size:2rem;opacity:.4}.queue-empty-text{font-size:.875rem}.queue-empty-hint{font-size:.75rem;color:var(--text-muted);opacity:.7}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius);z-index:9999;text-decoration:none;font-weight:600;transition:top var(--transition)}.skip-link:focus{top:1rem}.modal{display:none;position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(4px);z-index:300;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition)}.modal.active{display:flex}.modal.show{opacity:1}.modal-content{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border);width:90%;max-width:520px;max-height:90vh;overflow:hidden;transform:translateY(-20px) scale(.98);transition:transform var(--transition);display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.modal.show .modal-content{transform:translateY(0) scale(1)}.modal-content.modal-small{max-width:420px}.modal-content.modal-large{max-width:720px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-subtle)}.modal-header h3{font-size:1.1rem;font-weight:600}.close-btn{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;line-height:1;padding:.5rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.close-btn:hover{color:var(--text-primary);background:var(--bg-elevated)}.modal-body{padding:1.5rem;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:.625rem;padding:1rem 1.5rem;border-top:1px solid var(--border-subtle);background:var(--bg-tertiary)}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.625rem;z-index:500}.toast{padding:.875rem 1.25rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);animation:toast-slide-in .3s ease-out;display:flex;align-items:center;gap:.625rem;font-size:.875rem;max-width:400px;backdrop-filter:blur(8px)}.toast.success{border-left:3px solid var(--success);background:linear-gradient(135deg,var(--bg-elevated),rgba(52,211,153,.05))}.toast.error{border-left:3px solid var(--danger);background:linear-gradient(135deg,var(--bg-elevated),rgba(248,113,113,.05))}.toast.warning{border-left:3px solid var(--warning);background:linear-gradient(135deg,var(--bg-elevated),rgba(251,191,36,.05))}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast.removing{animation:toast-slide-out .3s ease-in forwards}@keyframes toast-slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.story-settings{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.5rem}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;cursor:pointer;user-select:none}.settings-header:hover{background:var(--bg-tertiary);border-radius:var(--radius)}.settings-header h3{font-size:1rem;font-weight:600}.settings-header-actions{display:flex;align-items:center;gap:.5rem}.settings-content{padding:0 1rem 1rem}.settings-group{margin-bottom:1rem}.settings-group:last-child{margin-bottom:0}.settings-group>label{display:block;font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;font-weight:600}.settings-value{padding:.5rem .75rem;background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:.85rem;line-height:1.5;color:var(--text-primary);white-space:pre-wrap;max-height:120px;overflow-y:auto}.settings-value.truncated{max-height:80px;overflow:hidden;position:relative}.settings-value.truncated:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(transparent,var(--bg-secondary))}.settings-inline{display:flex;gap:1.5rem;flex-wrap:wrap}.settings-inline-item{display:flex;align-items:center;gap:.4rem;font-size:.85rem}.settings-inline-item .label{color:var(--text-secondary)}.settings-inline-item .value{color:var(--text-primary);font-weight:500}.character-entry,.setting-entry{margin-bottom:.75rem;padding:.75rem;background:var(--bg-secondary);border-radius:var(--radius-sm);border-left:3px solid var(--accent)}.character-entry:last-child,.setting-entry:last-child{margin-bottom:0}.character-entry h4,.setting-entry h4{font-size:.85rem;font-weight:600;margin-bottom:.4rem;color:var(--accent)}.character-field{margin-bottom:.3rem}.character-field .label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.character-field .value{font-size:.8rem;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.directives-list{display:flex;flex-direction:column;gap:.5rem}.directive-group{margin-bottom:.75rem}.directive-group:last-child{margin-bottom:0}.directive-group-label{font-size:.7rem;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:.35rem;padding-left:.25rem}.directive-item{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.4rem .6rem;background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:.8rem;line-height:1.4;border-left:3px solid var(--border)}.directive-item:has(.directive-source.custom){border-left-color:var(--warning)}.directive-value{flex:1;min-width:0;white-space:pre-wrap;color:var(--text-primary)}.directive-badges{display:flex;gap:.3rem;flex-shrink:0;align-items:center}.directive-source{font-size:.6rem;padding:.1rem .35rem;border-radius:8px;text-transform:uppercase;letter-spacing:.03em;font-weight:600}.directive-source.system{background:var(--bg-tertiary);color:var(--text-secondary)}.directive-source.custom{background:var(--warning);color:#000}.directive-mode{font-size:.6rem;padding:.1rem .35rem;border-radius:8px;background:var(--bg-tertiary);color:var(--text-secondary);font-weight:500}.directive-edit-group{margin-bottom:1rem}.directive-edit-group:last-child{margin-bottom:0}.directive-edit-item{margin-bottom:.75rem}.directive-edit-item label{display:flex;align-items:center;gap:.5rem}.directive-default-hint{font-size:.7rem;color:var(--text-secondary);margin-top:.25rem;font-style:italic}.modal-content.modal-xlarge{max-width:850px;max-height:92vh}.settings-form-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.settings-form-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.settings-form-section h4{font-size:.95rem;font-weight:600;margin-bottom:1rem;color:var(--accent)}.character-edit-block,.setting-edit-block{padding:1rem;background:var(--card-bg);border-radius:var(--radius);margin-bottom:.75rem;border:1px solid var(--border)}.character-edit-block h5,.setting-edit-block h5{font-size:.85rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.story-settings-inline{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);margin-top:1rem;overflow-y:auto;max-height:70vh}.story-settings-inline-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-secondary);z-index:1}.story-settings-inline-header h4{font-size:1rem;font-weight:600;color:var(--accent)}.story-settings-inline #storySettingsBody{padding:1rem}.story-settings-inline-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border);position:sticky;bottom:0;background:var(--bg-secondary)}.template-gallery-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.template-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;display:flex;flex-direction:column;transition:border-color .2s}.template-card:hover{border-color:var(--accent)}.template-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.template-card-icon{font-size:1.25rem}.template-card-category{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.template-card h4{font-size:.95rem;margin-bottom:.5rem;color:var(--text-primary)}.template-card-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.4;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-card-meta{font-size:.7rem;color:var(--text-secondary);margin:.75rem 0 .5rem}.template-card-actions{display:flex;gap:.5rem}.template-card-actions .btn{flex:1}.template-preview{max-width:700px}.template-preview-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.template-preview-header h3{font-size:1.25rem;margin-bottom:.25rem}.template-preview-meta{background:var(--card-bg);border-radius:var(--radius);padding:1rem;margin-bottom:1rem;font-size:.85rem;line-height:1.8}.template-preview-section{margin-bottom:1rem}.template-preview-section h4{font-size:.95rem;color:var(--accent);margin-bottom:.5rem}.template-preview-char{font-size:.85rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.template-preview-char:last-child{border-bottom:none}.template-preview-clip{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:.5rem}.template-preview-clip-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.template-preview-clip-scene{font-size:.85rem;color:var(--text-primary);margin-bottom:.35rem}.template-preview-clip-vo{font-size:.8rem;color:var(--text-secondary);font-style:italic}.template-tabs{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:1rem}.template-tab{padding:.6rem 1.2rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;font-size:.85rem;font-weight:500;color:var(--text-muted);transition:all .15s}.template-tab:hover{color:var(--text-primary)}.template-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.wizard-steps{display:flex;justify-content:center;gap:1rem;margin-bottom:.5rem}.wizard-dot{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:.75rem;font-weight:600;background:var(--border);color:var(--text-secondary);transition:all .2s}.wizard-dot.active{background:var(--accent);color:#fff}.wizard-dot.completed{background:var(--success);color:#000}.wizard-step-label{text-align:center;font-size:.8rem;color:var(--text-secondary);margin-bottom:1.25rem}.wizard-section{max-width:650px;margin:0 auto}.wizard-subsection{margin-bottom:1.5rem}.wizard-subsection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.wizard-subsection-header h4{font-size:.95rem;color:var(--accent)}.style-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.style-preset{padding:.75rem .5rem;background:var(--card-bg);border:2px solid var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;font-size:.8rem;transition:all .2s}.style-preset:hover{border-color:var(--accent)}.style-preset.selected{border-color:var(--accent);background:#e945601a;color:var(--accent);font-weight:600}.aspect-options{display:flex;gap:1rem}.aspect-option{flex:1;display:flex;flex-direction:column;align-items:center;padding:1rem;background:var(--card-bg);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s}.aspect-option:hover{border-color:var(--accent)}.aspect-option.selected{border-color:var(--accent);background:#e945601a}.aspect-preview{font-size:2rem;margin-bottom:.35rem}.aspect-label{font-size:.9rem;font-weight:600}.aspect-desc{font-size:.7rem;color:var(--text-secondary)}.wizard-char-card,.wizard-setting-card,.wizard-scene-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:.75rem}.wizard-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.85rem;font-weight:600;color:var(--text-secondary)}.wizard-review-section{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.wizard-review-section:last-child{border-bottom:none;margin-bottom:0}.wizard-review-section h4{font-size:.95rem;color:var(--accent);margin-bottom:.5rem}.wizard-review-grid{display:grid;gap:.35rem;font-size:.85rem}.wizard-review-item{font-size:.85rem;padding:.35rem 0}.wizard-review-scene{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;margin-bottom:.5rem}.wizard-review-scene-num{font-size:.75rem;font-weight:600;color:var(--accent);margin-bottom:.25rem}.wizard-review-scene-desc{font-size:.85rem;margin-bottom:.25rem}.wizard-review-scene-vo{font-size:.8rem;color:var(--text-secondary);font-style:italic;margin-bottom:.25rem}.wizard-review-scene-meta{display:flex;gap:.35rem}.wizard-details{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;background:var(--card-bg)}.wizard-details summary{padding:.75rem 1rem;cursor:pointer;font-weight:500;font-size:.9rem;color:var(--text-primary);list-style:none;display:flex;align-items:center;gap:.5rem}.wizard-details summary:before{content:"\25b6";font-size:.65rem;transition:transform .2s}.wizard-details[open] summary:before{transform:rotate(90deg)}.wizard-details .wizard-details-body{padding:0 1rem 1rem}.theme-manager-actions{display:flex;gap:.5rem;margin-bottom:1rem}.theme-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.theme-card{padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary)}.theme-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.theme-card-header h4{margin:0;font-size:.95rem}.theme-card-actions{display:flex;gap:.25rem}.theme-card-colors{display:flex;gap:.25rem;margin-bottom:.5rem}.theme-swatch{width:24px;height:24px;border-radius:4px;border:1px solid var(--border);display:inline-block}.theme-card-tagline{font-size:.8rem;color:var(--text-muted);margin:.25rem 0}.theme-card-url{font-size:.75rem;color:var(--primary);display:block;margin-top:.25rem}.ai-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none}.ai-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c7ff5,#a78bfa)}.wizard-ai-section{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1.25rem}.wizard-ai-section h4{font-size:.95rem;color:#8b5cf6;margin-bottom:.35rem}.wizard-divider{display:flex;align-items:center;gap:1rem;margin:1.25rem 0;color:var(--text-secondary);font-size:.8rem}.wizard-divider:before,.wizard-divider:after{content:"";flex:1;height:1px;background:var(--border)}.ai-loading-overlay{display:none;position:fixed;inset:0;background:#000000bf;z-index:200;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.ai-loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite}.ai-loading-content{display:flex;flex-direction:column;align-items:center;gap:.75rem;max-width:400px;width:90%}.ai-loading-text{color:var(--text-primary);font-size:.9rem;text-align:center}.ai-progress-bar{width:100%;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.ai-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;transition:width .3s ease}.ai-queue-position,.ai-total-clips{color:var(--text-secondary);font-size:.8rem}.ai-clip-preview{width:100%;max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.ai-preview-clip{background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:var(--radius);padding:.4rem .6rem;font-size:.75rem;color:var(--text-primary)}.ai-preview-clip strong{color:#8b5cf6}.ai-cancel-btn{margin-top:.5rem;font-size:.8rem;padding:.4rem 1.2rem}.dropdown-menu{display:none;position:absolute;top:100%;right:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:50;min-width:160px;overflow:hidden}.dropdown-menu.show{display:block}.dropdown-menu button{display:block;width:100%;padding:.6rem 1rem;background:none;border:none;color:var(--text-primary);font-size:.85rem;cursor:pointer;text-align:left}.dropdown-menu button:hover{background:var(--bg-tertiary)}.ai-quick-create{width:100%;max-width:600px;margin:0 auto}.ai-quick-create textarea{width:100%;padding:1rem;background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:1rem;font-family:inherit;resize:vertical;outline:none;transition:border-color .2s}.ai-quick-create textarea:focus{border-color:var(--accent)}.quick-create-options{display:flex;gap:.75rem;margin-top:.75rem;align-items:center}.quick-create-options select{padding:.6rem .75rem;background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.875rem;outline:none}.quick-create-options .btn-large{padding:.6rem 1.5rem;font-size:1rem;flex:1}.quick-type-chips{display:flex;gap:.5rem;margin-top:.75rem;justify-content:center;flex-wrap:wrap}.chip{padding:.35rem .9rem;background:var(--card-bg);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s}.chip:hover,.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.empty-state-secondary{margin-top:1.5rem;font-size:.875rem;color:var(--text-secondary)}.empty-state-secondary a{color:var(--accent);text-decoration:none}.empty-state-secondary a:hover{text-decoration:underline}.btn-large{padding:.75rem 1.5rem;font-size:1rem}.content-type-badge{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .5rem;border-radius:999px;background:var(--primary-alpha, rgba(99, 102, 241, .15));color:var(--primary, #6366f1)}.story-detail-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.content-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.content-type-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .15s;text-align:center}.content-type-card:hover{border-color:var(--primary);background:var(--bg-tertiary)}.content-type-card.selected{border-color:var(--primary);background:var(--primary-alpha, rgba(99, 102, 241, .1))}.content-type-icon{font-size:1.5rem}.content-type-label{font-size:.8rem;font-weight:600}.content-type-desc{font-size:.65rem;color:var(--text-muted)}.clip-preview{position:relative;background:var(--bg-tertiary);border-radius:var(--radius);margin-bottom:.75rem;cursor:pointer;height:100px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .2s}.clip-preview:hover{background:var(--border)}.clip-preview:hover .preview-overlay{opacity:1}.preview-overlay{display:flex;flex-direction:column;align-items:center;gap:.25rem;opacity:.7;transition:opacity .2s}.play-icon{font-size:2rem;color:var(--accent)}.preview-text{font-size:.75rem;color:var(--text-secondary)}.modal-content.modal-video{max-width:800px}.video-container{background:#000;display:flex;justify-content:center;align-items:center;padding:0}.video-container video{width:100%;max-height:60vh;object-fit:contain}.version-selector{display:flex;gap:.5rem;margin-right:auto}.import-drop-zone{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 2rem;border:2px dashed var(--border);border-radius:var(--radius);background:var(--bg-secondary);text-align:center;transition:all var(--transition-fast)}.import-drop-zone.drag-active{border-color:var(--accent);background:var(--accent-subtle)}.import-drop-icon{font-size:2.5rem}.import-drop-zone p{font-size:.875rem;color:var(--text-secondary)}.import-drop-or{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.file-name{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.tour-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;pointer-events:none}.tour-overlay.active{pointer-events:auto}.tour-highlight{position:absolute;z-index:10001;border-radius:8px;box-shadow:0 0 0 9999px #000000b3;transition:top .35s ease,left .35s ease,width .35s ease,height .35s ease;pointer-events:none}.tour-tooltip{position:absolute;z-index:10002;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:12px;padding:1.25rem 1.5rem;max-width:360px;min-width:260px;color:#e0e0e0;box-shadow:0 8px 32px #00000080;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;pointer-events:auto}.tour-tooltip.visible{opacity:1;transform:translateY(0)}.tour-tooltip.center{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:420px;text-align:center}.tour-tooltip.center.visible{transform:translate(-50%,-50%)}.tour-tooltip[data-placement=bottom]:before,.tour-tooltip[data-placement=top]:after{content:"";position:absolute;left:50%;transform:translate(-50%);border:8px solid transparent}.tour-tooltip[data-placement=bottom]:before{top:-16px;border-bottom-color:#2a2a4a}.tour-tooltip[data-placement=top]:after{bottom:-16px;border-top-color:#2a2a4a}.tour-tooltip-title{font-size:1rem;font-weight:600;margin:0 0 .5rem;color:#fff}.tour-tooltip-body{font-size:.875rem;line-height:1.6;margin:0 0 1rem;color:#c0c0d0}.tour-progress{display:flex;justify-content:center;gap:6px;margin-bottom:1rem}.tour-progress-dot{width:8px;height:8px;border-radius:50%;background:#2a2a4a;transition:background .25s ease,transform .25s ease}.tour-progress-dot.active{background:#5a5ae0;transform:scale(1.3)}.tour-progress-dot.completed{background:#4a4a90}.tour-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.tour-actions-right{display:flex;gap:.5rem}.tour-btn{padding:.4rem 1rem;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;border:none;transition:background .2s ease,opacity .2s ease;line-height:1.4}.tour-btn-skip{background:transparent;color:#888;padding:.4rem .5rem}.tour-btn-skip:hover{color:#bbb}.tour-btn-back{background:#2a2a4a;color:#c0c0d0}.tour-btn-back:hover{background:#3a3a5a}.tour-btn-next{background:#5a5ae0;color:#fff}.tour-btn-next:hover{background:#6b6bf0}.tour-btn-next:active{background:#4a4ad0}.tour-center-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;z-index:10001;pointer-events:auto}@keyframes tourFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tourFadeOut{0%{opacity:1}to{opacity:0}}.tour-overlay.entering{animation:tourFadeIn .3s ease forwards}.tour-overlay.exiting{animation:tourFadeOut .3s ease forwards;pointer-events:none}@media(max-width:640px){.tour-tooltip{max-width:300px;min-width:220px;padding:1rem 1.25rem}.tour-tooltip.center{max-width:320px}.tour-btn{padding:.35rem .75rem;font-size:.75rem}}.onboard-step h4{color:var(--text-primary)}.onboard-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--border);transition:background .2s}.onboard-dot.active{background:var(--accent)}.empty-state-content{text-align:center;max-width:400px}.empty-state-content h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.empty-state-content>p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem}.empty-state-actions{display:flex;flex-direction:column;gap:.75rem;align-items:center}.empty-state-actions .btn{width:220px}.onboard-paths{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.onboard-path-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1rem;cursor:pointer;transition:all .2s;text-align:center}.onboard-path-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #e9456026}.onboard-path-icon{font-size:1.75rem;margin-bottom:.5rem}.onboard-path-card h4{font-size:.9rem;margin-bottom:.35rem;color:var(--text-primary)}.onboard-path-card p{font-size:.75rem;color:var(--text-secondary);line-height:1.4}.onboarding-banner{background:var(--bg-secondary);border:1px solid var(--accent);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem;text-align:center}.onboarding-banner h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--accent)}.onboarding-banner>.onboarding-banner-content>p{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem}.onboarding-banner .onboard-paths{margin-bottom:1rem}.onboarding-dismiss{margin-top:.5rem}.connection-banner{display:none;padding:.5rem 1rem;text-align:center;font-size:.8125rem;font-weight:600;position:fixed;top:0;left:0;right:0;z-index:9999}.connection-banner.disconnected{display:block;background:#5a2030;color:#e87070}.connection-banner.reconnected{display:block;background:#205a30;color:#70e890}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--text-muted);font-size:.875rem}.loading-spinner:before{content:"";display:inline-block;width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;margin-right:.5rem;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.settings-page .settings-section{background:var(--bg-secondary);border-radius:var(--radius);padding:1.5rem;border:1px solid var(--border);margin-bottom:1.5rem}.settings-page .settings-section h3{font-size:1rem;margin:0 0 1rem;color:var(--text-primary)}.settings-page .form-field{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem}.settings-page .form-field label{color:var(--text-secondary);font-size:.8125rem}.settings-page .form-field input{padding:.625rem .75rem;background:var(--input-bg);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.875rem;outline:none;transition:border-color .2s}.settings-page .form-field input:focus{border-color:var(--accent)}.settings-page .form-field input[readonly]{opacity:.6;cursor:not-allowed}.settings-page .field-row{display:flex;align-items:center;gap:.75rem}.settings-page .badge{padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.settings-page .badge-success{background:#4ade8026;color:var(--success)}.settings-page .badge-warning{background:#fbbf2426;color:var(--warning)}.settings-page .btn-row{display:flex;gap:.75rem;margin-top:.5rem}.settings-page .usage-meter{margin:.5rem 0}.settings-page .meter-bar{width:100%;height:8px;background:var(--border);border-radius:4px;overflow:hidden;margin-top:.375rem}.settings-page .meter-fill{height:100%;border-radius:4px;transition:width .3s}.settings-page .meter-text{font-size:.8125rem;color:var(--text-secondary)}.settings-page .plan-badge{display:inline-block;padding:.25rem .75rem;background:var(--border);border-radius:6px;font-size:.875rem;color:var(--text-primary);font-weight:600}.settings-page .danger-zone{border-color:#ef44444d}.settings-page .danger-zone h3{color:var(--danger)}.settings-page .msg{padding:.625rem .75rem;border-radius:6px;font-size:.8125rem;display:none;margin-bottom:1rem}.settings-page .msg-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--danger)}.settings-page .msg-success{background:#4ade801a;border:1px solid rgba(74,222,128,.3);color:var(--success)}.settings-page .msg.visible{display:block}.billing-page .msg{padding:.625rem .75rem;border-radius:6px;font-size:.8125rem;display:none;margin-bottom:1rem}.billing-page .msg-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--danger)}.billing-page .msg-success{background:#4ade801a;border:1px solid rgba(74,222,128,.3);color:var(--success)}.billing-page .msg.visible{display:block}.billing-current-plan{background:var(--bg-secondary);border-radius:var(--radius);padding:1.5rem;border:1px solid var(--border);margin-bottom:2rem}.billing-current-plan h3{font-size:1rem;margin:0 0 1rem}.billing-page .usage-row{display:flex;align-items:center;gap:1rem;margin-top:.75rem}.billing-page .usage-label{font-size:.8125rem;color:var(--text-secondary);min-width:100px}.billing-page .meter-bar{flex:1;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.billing-page .meter-fill{height:100%;border-radius:4px;transition:width .3s}.billing-page .usage-value{font-size:.8125rem;color:var(--text-primary);min-width:80px;text-align:right}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:2rem}.plan-card{background:var(--bg-secondary);border-radius:var(--radius);padding:1.5rem;border:2px solid var(--border);transition:border-color .2s;position:relative}.plan-card.current{border-color:var(--accent)}.plan-card.recommended{border-color:var(--success)}.plan-card .plan-label{position:absolute;top:-10px;left:1rem;padding:.15rem .5rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase}.plan-label.current-label{background:var(--accent);color:#fff}.plan-label.recommended-label{background:var(--success);color:#0a0a0f}.plan-name{font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.plan-price{font-size:2rem;font-weight:700;margin:0 0 .25rem}.plan-price span{font-size:.875rem;font-weight:400;color:var(--text-secondary)}.plan-features{list-style:none;padding:0;margin:1rem 0}.plan-features li{padding:.375rem 0;font-size:.8125rem;color:var(--text-secondary);border-bottom:1px solid var(--border)}.plan-features li:last-child{border:none}.plan-features li:before{content:"\2713";color:var(--success);margin-right:.5rem;font-weight:700}.plan-btn{display:block;width:100%;margin-top:1rem}.plan-btn-current{background:var(--border);color:var(--text-secondary);cursor:default}.topups-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:2rem}.topup-card{background:var(--bg-secondary);border-radius:var(--radius);padding:1.25rem;border:1px solid var(--border);text-align:center;transition:border-color .2s}.topup-card:hover{border-color:var(--accent-subtle)}.topup-icon{font-size:1.5rem;margin-bottom:.5rem}.topup-name{font-size:.8125rem;font-weight:600;margin-bottom:.375rem}.topup-price{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--accent)}.admin-page h2{margin-bottom:1rem}.admin-alert{padding:.75rem 1rem;border-radius:var(--radius);font-size:.8125rem;margin-bottom:1rem}.admin-alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--danger)}.admin-alert-success{background:#4ade801a;border:1px solid rgba(74,222,128,.3);color:var(--success)}.admin-refresh-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.admin-refresh-bar span{color:var(--text-secondary);font-size:.8125rem}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.admin-stat-card{background:var(--bg-secondary);border-radius:var(--radius);padding:1.25rem;border:1px solid var(--border)}.admin-stat-label{color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.admin-stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin:.25rem 0}.admin-stat-sub{color:var(--text-secondary);font-size:.8125rem}.admin-section{background:var(--bg-secondary);border-radius:var(--radius);padding:1.25rem;margin-bottom:1.5rem;border:1px solid var(--border)}.admin-section h3{font-size:1.1rem;margin-bottom:1rem;color:var(--text-primary)}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding:.625rem .75rem;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.admin-table td{padding:.625rem .75rem;border-bottom:1px solid var(--border);color:var(--text-primary);font-size:.875rem}.admin-table tr:hover td{background:var(--bg-primary)}.admin-empty{text-align:center;padding:1.25rem;color:var(--text-secondary)}.admin-badge{display:inline-block;padding:.15rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.admin-badge-admin{background:#6366f133;color:#a5b4fc}.admin-badge-user{background:var(--border);color:var(--text-secondary)}.admin-badge-active{background:#4ade8026;color:var(--success)}.admin-badge-in_use{background:#60a5fa26;color:#7dd3fc}.admin-badge-rate_limited{background:#fbbf2426;color:var(--warning)}.admin-badge-shared{background:var(--border);color:var(--text-secondary)}.admin-badge-dedicated{background:#6366f133;color:#a5b4fc}.admin-badge-starter,.admin-badge-pro{background:#60a5fa26;color:#7dd3fc}.admin-badge-business{background:#a855f726;color:#d8b4fe}.admin-inline-select{padding:.2rem .4rem;background:var(--input-bg);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:.8125rem;outline:none;cursor:pointer}.admin-inline-select:focus{border-color:var(--accent)}.admin-form-inline{display:flex;gap:.5rem;align-items:flex-end;flex-wrap:wrap;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.admin-form-inline .form-group label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.admin-form-inline .form-group input,.admin-form-inline .form-group select,.admin-form-inline .form-group textarea{padding:.375rem .625rem;background:var(--input-bg);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.8125rem;outline:none}.admin-form-inline .form-group input:focus,.admin-form-inline .form-group select:focus,.admin-form-inline .form-group textarea:focus{border-color:var(--accent)}.admin-metrics-content{font-family:monospace;white-space:pre-wrap;color:var(--text-secondary);font-size:.8125rem;max-height:400px;overflow-y:auto}.analytics-page{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}.analytics-page h2{margin-bottom:1rem;color:#e0e0e0}.analytics-alert{padding:.75rem 1rem;border-radius:var(--radius, 8px);font-size:.8125rem;margin-bottom:1rem}.analytics-alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.analytics-loading{text-align:center;color:#a0a0c0;padding:3rem 1rem;font-size:.9375rem}.analytics-refresh-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.analytics-refresh-bar span{color:#a0a0c0;font-size:.8125rem}.analytics-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.analytics-kpi-card{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:var(--radius, 8px);padding:1.25rem 1rem;text-align:center}.analytics-kpi-label{color:#a0a0c0;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem}.analytics-kpi-value{font-size:2rem;font-weight:700;color:#e0e0e0;line-height:1.2;margin-bottom:.25rem}.analytics-kpi-sub{color:#6a6a8a;font-size:.75rem}.analytics-section{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:var(--radius, 8px);padding:1.25rem 1.5rem;margin-bottom:1.5rem}.analytics-section h3{font-size:1.1rem;color:#e0e0e0;margin-bottom:1rem}.analytics-empty{color:#6a6a8a;text-align:center;padding:1.5rem 0;font-size:.875rem}.bar-chart-container{display:flex;flex-direction:column;gap:.625rem}.bar-chart-row{display:flex;align-items:center;gap:.75rem}.bar-chart-label{flex:0 0 100px;color:#c0c0d8;font-size:.8125rem;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-chart-track{flex:1;height:24px;background:#2a2a4a80;border-radius:4px;overflow:hidden}.bar-chart-bar{height:100%;background:linear-gradient(90deg,#5a5ae0,#7a7af0);border-radius:4px;min-width:2px;transition:width .4s ease}.bar-chart-value{flex:0 0 60px;color:#e0e0e0;font-size:.8125rem;font-weight:600;text-align:left}.vertical-chart-container{overflow-x:auto}.vertical-chart-bars{display:flex;align-items:flex-end;gap:.5rem;height:220px;padding-top:1.5rem}.vertical-chart-col{flex:1;min-width:48px;display:flex;flex-direction:column;align-items:center;height:100%}.vertical-chart-value{color:#a0a0c0;font-size:.6875rem;font-weight:600;margin-bottom:.25rem;white-space:nowrap}.vertical-chart-bar-wrap{flex:1;width:100%;max-width:40px;display:flex;align-items:flex-end;position:relative}.vertical-chart-bar{width:100%;background:linear-gradient(0deg,#5a5ae0,#7a7af0);border-radius:4px 4px 0 0;min-height:2px;transition:height .4s ease}.vertical-chart-label{color:#a0a0c0;font-size:.6875rem;margin-top:.375rem;text-align:center;white-space:nowrap}.cohort-table-wrap{overflow-x:auto}.cohort-table{width:100%;border-collapse:collapse;font-size:.8125rem}.cohort-table th{text-align:center;padding:.5rem .625rem;color:#a0a0c0;font-size:.6875rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #2a2a4a;white-space:nowrap}.cohort-table th:first-child,.cohort-table th:nth-child(2){text-align:left}.cohort-table td{padding:.5rem .625rem;border-bottom:1px solid rgba(42,42,74,.5);color:#e0e0e0;text-align:center}.cohort-table tr:hover td{background:#2a2a4a4d}.cohort-label{text-align:left!important;font-weight:600;white-space:nowrap;color:#c0c0d8}.cohort-users{text-align:left!important;color:#a0a0c0}.cohort-cell{border-radius:3px;font-weight:500;font-size:.75rem}.cohort-cell-empty{color:#4a4a6a}@media(max-width:900px){.analytics-kpi-grid{grid-template-columns:repeat(2,1fr)}.analytics-page{padding:1.5rem 1rem}.bar-chart-label{flex:0 0 80px;font-size:.75rem}.vertical-chart-bars{height:180px}}@media(max-width:540px){.analytics-kpi-grid{grid-template-columns:1fr}.analytics-page{padding:1rem .75rem}.analytics-kpi-value{font-size:1.5rem}.analytics-section{padding:1rem}.bar-chart-row{flex-wrap:wrap;gap:.25rem}.bar-chart-label{flex:0 0 auto;text-align:left;width:100%}.bar-chart-value{flex:0 0 auto}.vertical-chart-bars{height:160px;gap:.25rem}.vertical-chart-col{min-width:36px}.cohort-table{font-size:.75rem}.cohort-table th,.cohort-table td{padding:.375rem}}.referral-page{max-width:700px;margin:0 auto;padding:2rem 1.5rem}.referral-page h2{font-size:1.5rem;font-weight:700;margin:0 0 .25rem;color:#e0e0e0}.referral-subtitle{color:#9e9eb8;font-size:.9rem;margin:0 0 2rem}.referral-link-section{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:8px;padding:1.25rem 1.5rem;margin-bottom:2rem}.referral-label{display:block;font-size:.8125rem;font-weight:600;color:#9e9eb8;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.04em}.referral-link-row{display:flex;align-items:center;gap:.75rem}.referral-link-input{flex:1;background:#12121e;border:1px solid #2a2a4a;border-radius:6px;padding:.625rem .875rem;color:#e0e0e0;font-size:.875rem;font-family:monospace;outline:none;min-width:0}.referral-link-input:focus{border-color:#5a5ae0}.referral-copy-btn{flex-shrink:0;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:6px;background:#5a5ae0;color:#fff;border:none;cursor:pointer;transition:background .2s}.referral-copy-btn:hover{background:#4a4ad0}.referral-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.referral-stat-card{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:8px;padding:1.25rem 1rem;text-align:center;transition:border-color .2s}.referral-stat-card:hover{border-color:#5a5ae0}.referral-stat-number{font-size:2rem;font-weight:700;color:#5a5ae0;line-height:1.2;margin-bottom:.25rem}.referral-stat-label{font-size:.8125rem;color:#9e9eb8;font-weight:500}.referral-how-it-works{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:8px;padding:1.5rem}.referral-how-it-works h3{font-size:1.1rem;font-weight:700;color:#e0e0e0;margin:0 0 1.25rem}.referral-steps{display:flex;flex-direction:column;gap:1.25rem}.referral-step{display:flex;align-items:flex-start;gap:1rem}.referral-step-number{flex-shrink:0;width:32px;height:32px;background:#5a5ae0;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700}.referral-step-content{flex:1;padding-top:.2rem}.referral-step-title{font-size:.9375rem;font-weight:600;color:#e0e0e0;margin-bottom:.25rem}.referral-step-desc{font-size:.8125rem;color:#9e9eb8;line-height:1.5}@media(max-width:600px){.referral-page{padding:1.25rem 1rem}.referral-stats-grid{grid-template-columns:1fr;gap:.75rem}.referral-link-row{flex-direction:column;gap:.5rem}.referral-link-input,.referral-copy-btn{width:100%}.referral-stat-number{font-size:1.5rem}}.exports-page{max-width:800px;margin:0 auto;padding:2rem 1rem}.exports-page h2{margin-bottom:1rem}.exports-empty{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.exports-retention-notice{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;font-size:.85rem;color:var(--text-secondary);margin-bottom:1.25rem}.exports-list{display:flex;flex-direction:column;gap:.75rem}.export-card{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);gap:1rem}.export-card-title{font-weight:600;margin-bottom:.25rem}.export-card-meta{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:var(--text-secondary);flex-wrap:wrap}.export-card-date{font-size:.8rem;margin-top:.25rem}.export-card-actions{display:flex;gap:.5rem;flex-shrink:0}.export-expiry{color:var(--warning, #f59e0b);font-size:.8rem}.export-modal-info{margin-bottom:1.25rem;color:var(--text-secondary)}.export-quality-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.export-quality-option{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;background:var(--bg-tertiary, var(--bg-secondary));border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color var(--transition-fast)}.export-quality-option:hover{border-color:var(--accent)}.export-quality-option input[type=radio]{margin-top:.2rem;flex-shrink:0}.export-option-content{display:flex;flex-direction:column}.export-option-label{font-weight:500}.export-option-desc{font-size:.85rem;color:var(--text-secondary)}.export-modal-notice{font-size:.8rem;color:var(--text-secondary);margin-bottom:1.25rem;padding:.5rem .75rem;background:var(--bg-secondary);border-radius:var(--radius)}.export-modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.badge{display:inline-block;padding:.15em .5em;font-size:.75rem;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.02em}.badge-success{background:var(--success-bg, rgba(34, 197, 94, .15));color:var(--success, #22c55e)}.badge-info{background:var(--info-bg, rgba(59, 130, 246, .15));color:var(--info, #3b82f6)}.badge-error{background:var(--error-bg, rgba(239, 68, 68, .15));color:var(--error, #ef4444)}@media(max-width:640px){.export-card{flex-direction:column;align-items:flex-start}.export-card-actions{width:100%}.export-card-actions .btn{flex:1}}.legal-page{max-width:800px;margin:0 auto;padding:2rem}.legal-page h1{font-size:1.75rem;margin-bottom:.5rem;color:var(--text-primary)}.legal-updated{color:var(--text-muted);font-size:.875rem;margin-bottom:2rem}.legal-section{margin-bottom:2rem}.legal-section h2{font-size:1.1rem;margin-bottom:.75rem;color:var(--text-primary)}.legal-section p{color:var(--text-secondary);line-height:1.7;margin-bottom:.75rem}.legal-section ul{color:var(--text-secondary);padding-left:1.5rem;margin-bottom:.75rem}.legal-section li{margin-bottom:.4rem;line-height:1.6}.sidebar-legal-links{display:flex;gap:.75rem;padding:.5rem 1rem;font-size:.7rem}.sidebar-legal-link{color:var(--text-muted);text-decoration:none;transition:color .2s}.sidebar-legal-link:hover{color:var(--text-secondary)}.collapsed .sidebar-legal-links{display:none}.cookie-consent{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--border);padding:1rem 1.5rem;z-index:9000;box-shadow:0 -2px 10px #0000004d}.cookie-consent-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.cookie-consent-content p{color:var(--text-secondary);font-size:.875rem;margin:0;line-height:1.5}.cookie-consent-content a{color:var(--accent);text-decoration:none}.cookie-consent-content a:hover{text-decoration:underline}.cookie-consent-actions{display:flex;gap:.5rem;flex-shrink:0}@media(max-width:640px){.cookie-consent-content{flex-direction:column;text-align:center;gap:.75rem}}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--border);z-index:100;padding:.25rem 0}.mobile-nav-items{display:flex;justify-content:space-around}.mobile-nav-btn{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem 1rem;background:none;border:none;color:var(--text-muted);font-size:.65rem;font-family:var(--font-sans);cursor:pointer;transition:color var(--transition-fast)}.mobile-nav-btn.active{color:var(--accent)}.mobile-nav-btn .nav-icon{font-size:1.1rem}@media(max-width:1024px){#sidebar{transform:translate(-100%);width:var(--sidebar-width);z-index:1001}#sidebar.mobile-open{transform:translate(0)}#sidebarOverlay.active{display:block}.page-content{margin-left:0!important;padding:1rem;padding-bottom:80px}.sidebar-collapsed .page-content{margin-left:0!important}.queue-drawer{width:100%}.mobile-nav{display:block}.queue-fab{display:none}.modal-content{width:100%;max-width:100%;height:100vh;max-height:100vh;border-radius:0;margin:0}.modal-content.modal-large,.modal-content.modal-xlarge,.modal-content.modal-video,.modal-content.modal-small{width:100%;max-width:100%}.modal-body{overflow-y:auto;max-height:calc(100vh - 120px)}.story-toolbar{flex-direction:column;align-items:stretch;gap:.5rem}.toolbar-primary{justify-content:stretch}.toolbar-primary .btn{flex:1}.toolbar-secondary{justify-content:flex-start;flex-wrap:wrap}.stories-grid{grid-template-columns:1fr}.btn,.btn-small{min-height:44px}.btn-icon,.close-btn,.queue-close-btn{min-width:44px;min-height:44px}.filter-chip,.mobile-nav-btn{min-height:44px}.btn-tool{min-height:44px;padding:.5rem .75rem}.stories-page-header{flex-direction:column;align-items:flex-start;gap:.75rem}.stories-page-actions{width:100%}.stories-page-actions .btn{flex:1}.page-container{padding:0}}@media(max-width:640px){.form-row{flex-direction:column}.stories-filters{flex-direction:column;align-items:flex-start;gap:.5rem}}@media(max-width:640px){.onboard-paths,.template-grid{grid-template-columns:1fr}.style-presets{grid-template-columns:repeat(2,1fr)}.aspect-options{flex-direction:column}.template-preview-header{flex-direction:column;gap:.75rem}.empty-state-actions,.empty-state-actions .btn{width:100%}.content-type-grid{grid-template-columns:repeat(2,1fr)!important}.page-container{padding:0}.settings-page .settings-section,.billing-page .billing-current-plan,.admin-page .admin-section{padding:1rem}.admin-page .admin-stats-grid{grid-template-columns:1fr 1fr}.billing-page .plans-grid{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--accent-subtle);color:var(--text-primary)}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}