@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Outfit:wght@300;400;500;600;700&display=swap);html{overflow-x:hidden;scrollbar-gutter:stable}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","SF Pro Display",Roboto,sans-serif;--font-mono:"SF Mono",Monaco,Consolas,"Courier New",monospace;--color-primary:#4a90e2;--color-primary-hover:#357abd;--color-primary-active:#2a5f99;--color-success:#27ae60;--color-success-hover:#1e9653;--color-warning:#f39c12;--color-danger:#e74c3c;--color-danger-hover:#c0392b;--color-success-light:#e6f7e9;--color-success-border:#c8e6c9;--color-danger-light:#fff5f5;--color-danger-border:#fed7d7;--color-danger-text:#7f1d1d;--color-success-subtle:#f8fdf8;--color-warning-light:#fef3c7;--color-warning-border:#fcd34d;--color-warning-text:#b45309;--color-success-dark:#166534;--color-warning-dark:#92400e;--color-danger-dark:#991b1b;--color-info:#3b82f6;--color-info-light:#dbeafe;--color-info-border:#93c5fd;--color-info-dark:#1e40af;--color-warning-hover:#d97706;--color-ai:#0d9488;--color-ai-hover:#0f766e;--color-ai-light:#f0fdfa;--color-ai-border:#99f6e4;--color-ai-text:#0d9488;--clip-type-quote-bg:#fff0d4;--clip-type-quote-text:#b45309;--clip-type-quote-dot:#f59e0b;--clip-type-short-bg:#f3e8ff;--clip-type-short-text:#7c3aed;--clip-type-short-dot:#8b5cf6;--clip-type-clip-bg:#f0fdfa;--clip-type-clip-text:#0d9488;--clip-type-clip-dot:#14b8a6;--header-bg:linear-gradient(260deg,#000,#ee1a30);--header-text:#fff;--header-tab-bg:#34495e;--header-tab-active:#00000080;--status-planning:#7f8c8d;--status-recorded:#4a90e2;--status-published:#27ae60;--bg-page:#eee;--bg-surface:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f9fafb;--bg-disabled:#f5f5f5;--code-bg:#e2e8f0;--text-primary:#2c3e50;--text-secondary:#7f8c8d;--text-muted:#64748b;--text-placeholder:#9ca3af;--text-inverse:#fff;--card-bg:#fff;--card-border:#e5e7eb;--card-accent:#4a90e2;--card-radius:8px;--card-padding:16px;--card-padding-sm:12px;--card-hover-shadow:0 4px 6px -1px #0000001a;--border-color:#e5e7eb;--border-light:#eee;--hover-bg:#f3f4f6;--active-bg:#e8e8e8;--focus-ring:0 0 0 3px #4a90e226;--input-bg:#fff;--input-border:#e5e7eb;--input-border-width:2px;--input-radius:6px;--input-padding:12px 16px;--input-padding-sm:8px 12px;--input-focus-border:var(--color-primary);--input-focus-shadow:0 0 0 3px #4a90e21a;--modal-bg:#fff;--modal-overlay:#00000080;--dropdown-bg:#fff;--dropdown-border:#e5e7eb;--dropdown-shadow:0 4px 12px #00000026;--dropdown-hover-bg:#f3f4f6;--table-header-bg:#f8f9fa;--table-row-hover:#f5f5f5;--table-header-hover:#e9ecef;--table-header-active:#dee2e6;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 2px 4px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--skeleton-bg:#e0e0e0;--mobile-padding:12px;--mobile-gap:8px;--mobile-border-radius:5px;--mobile-touch-target:44px;--breakpoint-tablet:768px;--breakpoint-desktop:1024px}[data-theme=dark]{--bg-page:#121218;--bg-surface:#1e1e2e;--bg-secondary:#1a1a2e;--bg-tertiary:#252538;--bg-disabled:#2a2a3a;--code-bg:#2d2d44;--text-primary:#e2e8f0;--text-secondary:#a0aec0;--text-muted:#718096;--text-placeholder:#4a5568;--text-inverse:#1a1a2a;--card-bg:#1e1e2e;--card-border:#2d3748;--card-hover-shadow:0 4px 6px -1px #0006;--border-color:#2d3748;--border-light:#1a1a2e;--hover-bg:#2a2a3e;--active-bg:#333348;--focus-ring:0 0 0 3px #4a90e240;--input-bg:#1a1a2e;--input-border:#2d3748;--input-focus-shadow:0 0 0 3px #4a90e233;--modal-bg:#1e1e2e;--modal-overlay:#000000b3;--dropdown-bg:#1e1e2e;--dropdown-border:#2d3748;--dropdown-shadow:0 4px 12px #00000080;--dropdown-hover-bg:#2a2a3e;--table-header-bg:#252538;--table-row-hover:#2a2a3e;--table-header-hover:#2d3748;--table-header-active:#333348;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 2px 4px #0006;--shadow-lg:0 10px 15px -3px #00000080;--skeleton-bg:#2a2a3e;--color-ai:#2dd4bf;--color-ai-hover:#5eead4;--color-ai-light:#2dd4bf1a;--color-ai-border:#2dd4bf;--color-ai-text:#2dd4bf;--clip-type-quote-bg:#3d2800;--clip-type-quote-text:#fbbf24;--clip-type-quote-dot:#f59e0b;--clip-type-short-bg:#2e1065;--clip-type-short-text:#c4b5fd;--clip-type-short-dot:#a78bfa;--clip-type-clip-bg:#2dd4bf1a;--clip-type-clip-text:#2dd4bf;--clip-type-clip-dot:#2dd4bf;--color-success-light:#1a3a2a;--color-success-border:#2d5a3d;--color-success-subtle:#1a2e1a;--color-danger-light:#3a1a1a;--color-danger-border:#5a2d2d;--color-danger-text:#fca5a5;--color-warning-light:#3a2e1a;--color-warning-border:#8b6914;--color-warning-text:#fbbf24;--color-success-dark:#86efac;--color-warning-dark:#fbbf24;--color-danger-dark:#fca5a5;--color-info:#60a5fa;--color-info-light:#1e3a5f;--color-info-border:#2d5a8f;--color-info-dark:#93c5fd;--color-warning-hover:#f59e0b;color-scheme:dark}.App h3{font-size:1.25rem!important;margin-bottom:1rem;margin-top:0}.App,.App h3,.App h4,.App h5{color:#2c3e50;color:var(--text-primary)}.App{background:#eee;background:var(--bg-page);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,SF Pro Display,Roboto,sans-serif;font-family:var(--font-sans);min-height:100vh;overflow-x:hidden;text-align:left}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background:linear-gradient(260deg,#000,#ee1a30);background:var(--header-bg);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--header-text);min-height:auto;overflow:visible;padding:0;position:relative}.App-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='2' fill='%23fff' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header-top{align-items:center;display:flex;justify-content:space-between;padding:20px 32px;position:relative}.app-title{color:#fff;color:var(--header-text);font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0;text-shadow:0 2px 4px #0000001a}.user-section{align-items:center;display:flex;gap:16px}.theme-toggle-btn{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:6px;color:#fff;color:var(--header-text);cursor:pointer;display:flex;height:32px;justify-content:center;padding:6px;transition:background .2s,transform .2s;width:32px}.theme-toggle-btn:hover{background:#ffffff40;transform:scale(1.1)}.theme-toggle-btn:active{transform:scale(.95)}.user-email{color:#fffc;font-size:14px;font-weight:500}.header-nav{margin:0 auto;max-width:1200px;padding:0 32px 24px;position:relative}.nav-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:5px;box-shadow:0 8px 30px #0000001f;display:flex;gap:6px;padding:8px}.nav-tab{align-items:center;background:#0000;border:none;border-radius:5px;color:#ffffffb3;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;justify-content:center;letter-spacing:-.2px;padding:14px 24px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-tab:hover:not(.active){background:#ffffff1a;color:#ffffffe6;transform:translateY(-1px)}.nav-tab.active{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border:1px solid #ffffff1a;box-shadow:0 4px 20px #00000040;color:#fff;transform:translateY(-2px)}.nav-tab.active:before{background:linear-gradient(135deg,#ffffff14,#ffffff08);border-radius:5px;bottom:-1px;content:"";left:-1px;position:absolute;right:-1px;top:-1px;z-index:-1}.App-link{color:#61dafb}.nav-links{list-style:none;margin:0;padding:0}.nav-links li{margin-left:1.5rem}.nav-links a{color:#fff;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#61dafb}.container{background:#0000;flex:1 1;margin:0 auto;max-width:1500px;padding:20px;width:100%}.App>footer{background-color:#2c3e50;background-color:var(--text-primary);color:#fff;color:var(--text-inverse);margin-top:auto;padding:1rem;text-align:center}.loading{color:#7f8c8d;font-size:1.2rem}.error{background-color:#ffebee;border-left:4px solid #c62828;border-radius:5px;color:#c62828;margin-bottom:1rem;padding:1rem}.user-dropdown-container{display:inline-block;position:relative;z-index:10000}.user-avatar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.user-avatar:hover{background:#ffffff40;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.user-dropdown-content{background-color:#fff;background-color:var(--dropdown-bg);border:1px solid #e5e7eb;border:1px solid var(--dropdown-border);border-radius:8px;border-radius:var(--card-radius);box-shadow:0 4px 12px #00000026;box-shadow:var(--dropdown-shadow);color:#2c3e50;color:var(--text-primary);min-width:260px;opacity:0;padding:16px;padding:var(--card-padding);position:absolute;right:0;top:calc(100% + 8px);transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:10001}.user-dropdown-container:hover .user-dropdown-content{opacity:1;transform:translateY(0);visibility:visible}.user-dropdown-content .user-email{border-bottom:1px solid #eee;border-bottom:1px solid var(--border-light);color:#7f8c8d;color:var(--text-secondary);font-size:14px;font-size:var(--text-sm);margin-bottom:8px;padding:8px 4px;word-break:break-all}.logout-btn{background:#f5f5f5;background:var(--bg-disabled);border:none;border-radius:4px;color:#e74c3c;color:var(--color-danger);cursor:pointer;font-size:14px;font-size:var(--text-sm);justify-content:center;padding:8px;text-align:center;transition:background-color .2s;width:100%}.logout-btn:hover{background:#e8e8e8;background:var(--active-bg)}.billing-link{background:#f5f5f5;background:var(--bg-disabled);border-radius:4px;color:#2c3e50;color:var(--text-primary);cursor:pointer;display:block;font-size:14px;font-size:var(--text-sm);margin-bottom:8px;padding:8px;text-align:center;text-decoration:none;transition:background-color .2s;width:100%}.billing-link:hover{background:#e8e8e8;background:var(--active-bg)}@media (max-width:767px){.header-top{padding:16px 20px}.app-title{font-size:20px}.user-email{display:none}.header-nav{padding:0 20px 20px}.nav-tab{font-size:14px;padding:12px 16px}.container{margin:1rem auto;padding:16px}}.tab-navigation{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:5px;border-radius:var(--mobile-border-radius);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);margin-bottom:16px;overflow:hidden}.tab-nav-container{-ms-overflow-style:none;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--card-border);display:flex;overflow-x:auto;scrollbar-width:none}.tab-nav-container::-webkit-scrollbar{display:none}.tab-button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#7f8c8d;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-size:var(--text-sm);font-weight:500;gap:6px;justify-content:center;min-height:44px;min-height:var(--mobile-touch-target);min-width:100px;padding:12px 16px;position:relative;transition:all .2s;white-space:nowrap}.tab-button.active{background:#f8fafc;background:var(--bg-secondary);border-bottom-color:#4a90e2;border-bottom-color:var(--color-primary);color:#4a90e2;color:var(--color-primary)}.tab-button:hover:not(.active){background:#f3f4f6;background:var(--hover-bg);color:#2c3e50;color:var(--text-primary)}.tab-button:focus{outline:2px solid #4a90e2}.tab-icon{font-size:16px;font-size:var(--text-base)}.tab-content{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:5px;border-radius:var(--mobile-border-radius);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);min-height:400px;overflow:hidden}@media (min-width:768px){.tab-button{font-size:16px;font-size:var(--text-base);min-width:120px;padding:16px 20px}.tab-icon{font-size:18px;font-size:var(--text-lg)}}@media (max-width:480px){.tab-button{font-size:12px;font-size:var(--text-xs);min-width:80px;padding:10px 12px}.tab-icon{font-size:14px;font-size:var(--text-sm)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.text-primary{color:#2c3e50;color:var(--text-primary)}.text-secondary{color:#7f8c8d;color:var(--text-secondary)}.text-xs{font-size:12px;font-size:var(--text-xs)}.text-sm{font-size:14px;font-size:var(--text-sm)}.text-base{font-size:16px;font-size:var(--text-base)}.text-lg{font-size:18px;font-size:var(--text-lg)}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.touch-target{min-height:44px;min-height:var(--mobile-touch-target);min-width:44px;min-width:var(--mobile-touch-target)}@media (max-width:767px){.hide-mobile{display:none!important}}@media (min-width:768px){.hide-desktop{display:none!important}}.access-denied{margin:0 auto;max-width:600px;padding:4rem 2rem;text-align:center}.access-denied h2{color:#e74c3c;color:var(--color-danger);font-size:2rem;margin-bottom:1rem}.access-denied p{color:#7f8c8d;color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.access-denied .back-link{background:#4a90e2;background:var(--color-primary);border-radius:4px;color:#fff;color:var(--text-inverse);display:inline-block;padding:.75rem 1.5rem;text-decoration:none}.access-denied .back-link:hover{background:#357abd;background:var(--color-primary-hover)}.user-info-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:0;padding-bottom:.5rem}.dropdown-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.badge,.user-badge{border-radius:12px;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.badge-owner,.user-badge.owner{background:#fef3c7;border:1px solid #fcd34d;color:#92400e}.badge-guest,.user-badge.guest{background:#f3f4f6;background:var(--hover-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color);color:#4b5563}.badge-plan{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.dropdown-quick-stats{background:#f8fafc;background:var(--bg-secondary);border-bottom:1px solid #eee;border-bottom:1px solid var(--border-light);border-top:1px solid #eee;border-top:1px solid var(--border-light);margin:0 -16px 12px;padding:12px 20px}.quick-stat-row{align-items:center;display:flex;font-size:.85rem;justify-content:space-between}.quick-stat-label{color:#64748b;color:var(--text-muted);font-size:.8rem}.quick-stat-value{align-items:center;color:#2c3e50;color:var(--text-primary);display:flex;font-size:.8rem;font-weight:600;gap:8px}.credits-bar{background:#e5e7eb;background:var(--border-color);border-radius:3px;height:6px;overflow:hidden;width:60px}.credits-fill{background:linear-gradient(90deg,#2ecc71,#27ae60);height:100%;transition:width .3s ease}.dropdown-item{background:#0000;border:none;border-radius:6px;border-radius:var(--input-radius);font-size:14px;font-size:var(--text-sm);gap:10px;padding:10px 12px;text-align:left;text-decoration:none;transition:all .2s;width:100%}.dropdown-item,.dropdown-item:hover{color:#2c3e50;color:var(--text-primary)}.dropdown-item:hover{background:#f3f4f6;background:var(--dropdown-hover-bg)}.dropdown-icon{font-size:1.1rem;text-align:center;width:20px}.dropdown-item.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.toggle-switch{display:inline-block;flex-shrink:0;height:24px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#f5f5f5;background-color:var(--bg-disabled);border-radius:var(--radius-full);bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;background-color:var(--bg-surface);border-radius:50%;bottom:3px;box-shadow:0 1px 3px #0003;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:#27ae60;background-color:var(--color-success)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #22c55e33}.toggle-switch:focus-within{border-radius:var(--radius-full);outline:2px solid #4a90e2;outline:2px solid var(--color-primary);outline-offset:2px}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.toggle-group{align-items:center;display:flex;gap:16px;justify-content:space-between;width:100%}.toggle-group .toggle-switch{flex-shrink:0}.toggle-group-text{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.toggle-label{color:#2c3e50;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;-webkit-user-select:none;user-select:none}.toggle-description{color:#64748b;color:var(--text-muted);font-size:13px;line-height:1.4}.toggle-group-inline{align-items:center;display:flex;gap:10px}.toggle-group-inline .toggle-switch{flex-shrink:0}.toggle-group-inline .toggle-label{color:#7f8c8d;color:var(--text-secondary);font-size:13px;font-weight:500}.card{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:8px;border-radius:var(--card-radius);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);padding:12px;padding:var(--card-padding-sm);transition:box-shadow .2s ease,transform .2s ease}@media (min-width:768px){.card{padding:16px;padding:var(--card-padding)}}.card:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--card-hover-shadow);transform:translateY(-1px)}.card.card-accent{border-left:4px solid #4a90e2;border-left:4px solid var(--card-accent)}.card.card-compact{padding:12px;padding:var(--card-padding-sm)}@media (min-width:768px){.card.card-compact{padding:12px;padding:var(--card-padding-sm)}}.card.card-static:hover{box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);transform:none}.form-group input:not([type=color]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),.form-group select,.form-group textarea,.modal-body input:not([type=color]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),.modal-body select,.modal-body textarea{background:#fff;background:var(--input-bg);border:2px solid #e5e7eb;border:var(--input-border-width) solid var(--input-border);border-radius:6px;border-radius:var(--input-radius);box-sizing:border-box;color:#2c3e50;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,SF Pro Display,Roboto,sans-serif;font-family:var(--font-sans);font-size:16px;font-size:var(--text-base);padding:12px 16px;padding:var(--input-padding);transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:not([type=color]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):focus,.form-group select:focus,.form-group textarea:focus,.modal-body input:not([type=color]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):focus,.modal-body select:focus,.modal-body textarea:focus{border-color:#4a90e2;border-color:var(--input-focus-border);box-shadow:0 0 0 3px #4a90e21a;box-shadow:var(--input-focus-shadow);outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled,.modal-body input:disabled,.modal-body select:disabled,.modal-body textarea:disabled{background:#f5f5f5;background:var(--bg-disabled);cursor:not-allowed;opacity:.6}.form-group textarea,.modal-body textarea{line-height:1.5;min-height:80px;resize:vertical}@media (prefers-reduced-motion:reduce){.card,.dropdown-item,.nav-tab,.user-avatar{transition:none}.card:hover,.nav-tab.active,.nav-tab:hover:not(.active){transform:none}}.btn{align-items:center;border:2px solid #0000;border-radius:8px;border-radius:var(--btn-border-radius,8px);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-size:var(--btn-font-size,14px);font-weight:600;font-weight:var(--btn-font-weight,600);gap:8px;justify-content:center;line-height:1;min-height:44px;min-height:var(--btn-height,44px);padding:10px 18px;padding:var(--btn-padding-y,10px) var(--btn-padding-x,18px);text-decoration:none;transition:all .2s ease;white-space:nowrap}.btn:focus{outline:2px solid #4a90e2;outline:2px solid var(--color-primary,#4a90e2);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#4a90e2;background:var(--color-primary,#4a90e2);border-color:#4a90e2;border-color:var(--color-primary,#4a90e2);color:#fff}.btn-primary:hover:not(:disabled){background:#357abd;background:var(--color-primary-hover,#357abd);border-color:#357abd;border-color:var(--color-primary-hover,#357abd)}.btn-primary:active:not(:disabled){background:#2a5f99;background:var(--color-primary-active,#2a5f99);border-color:#2a5f99;border-color:var(--color-primary-active,#2a5f99)}.btn-secondary-ai{background:#0000;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-secondary-ai:hover:not(:disabled){background:#4a90e214;border-color:var(--color-primary-hover);color:var(--color-primary-hover)}.btn-secondary-ai:active:not(:disabled){background:#4a90e21f;border-color:var(--color-primary-hover)}.btn-secondary-ai:focus{outline-color:var(--color-primary)}.btn-tertiary{background:#0000;border:none;color:#4a90e2;color:var(--color-primary,#4a90e2);min-height:auto;padding:8px 4px;text-decoration:underline;text-underline-offset:2px}.btn-tertiary:hover:not(:disabled){color:#357abd;color:var(--color-primary-hover,#357abd)}.btn-tertiary:focus{outline-offset:4px}.btn-outline{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);color:#2c3e50;color:var(--text-primary,#2c3e50)}.btn-outline:hover:not(:disabled){background:#f9fafb;background:var(--bg-tertiary,#f9fafb);border-color:#4a90e2;border-color:var(--color-primary,#4a90e2);color:#4a90e2;color:var(--color-primary,#4a90e2)}.btn-success{background:#22c55e;background:var(--color-success,#22c55e);border-color:#22c55e;border-color:var(--color-success,#22c55e);color:#fff}.btn-success:hover:not(:disabled){background:#1e9653;background:var(--color-success-hover,#1e9653);border-color:#1e9653;border-color:var(--color-success-hover,#1e9653)}.btn-danger{background:#ef4444;background:var(--color-danger,#ef4444);border-color:#ef4444;border-color:var(--color-danger,#ef4444);color:#fff}.btn-danger:hover:not(:disabled){background:#c0392b;background:var(--color-danger-hover,#c0392b);border-color:#c0392b;border-color:var(--color-danger-hover,#c0392b)}.btn-danger-outline{background:#0000;border-color:#ef4444;border-color:var(--color-danger,#ef4444);color:#ef4444;color:var(--color-danger,#ef4444)}.btn-danger-outline:hover:not(:disabled){background:#ef44441a;border-color:#c0392b;border-color:var(--color-danger-hover,#c0392b);color:#c0392b;color:var(--color-danger-hover,#c0392b)}.btn-sm{font-size:13px;min-height:36px;min-height:var(--btn-height-sm,36px);padding:8px 14px}.btn-lg{font-size:16px;min-height:52px;padding:14px 24px}.btn-block{width:100%}.btn-icon{justify-content:center;min-height:44px;min-height:var(--btn-height,44px);padding:0;width:44px;width:var(--btn-height,44px)}.btn-icon.btn-sm{min-height:36px;min-height:var(--btn-height-sm,36px);width:36px;width:var(--btn-height-sm,36px)}.btn-ai{background:var(--color-ai);border:2px solid var(--color-ai);color:#fff}.btn-ai:hover:not(:disabled){background:var(--color-ai-hover);border-color:var(--color-ai-hover);box-shadow:0 4px 12px #0d94884d}.btn-ai:focus{outline-color:var(--color-ai)}@media (max-width:480px){.btn{min-height:48px;padding:12px 16px}.btn-sm{min-height:44px}.btn-group-mobile-stack{flex-direction:column;width:100%}.btn-group-mobile-stack .btn{width:100%}}@media (prefers-reduced-motion:reduce){.btn{transition:none}}@media (prefers-contrast:high){.btn-danger,.btn-primary,.btn-success{border-width:2px}.btn-tertiary{text-decoration-thickness:2px}.btn-secondary-ai{border-width:3px}}.field-label-with-action{align-items:center;display:flex;gap:8px;justify-content:space-between}.field-label-with-action .field-label{margin-bottom:0}.next-number-btn{align-items:center;background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border:1px solid #e0e0e0;border:1px solid var(--card-border,#e0e0e0);border-radius:4px;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:inline-flex;font-size:12px;height:24px;justify-content:center;padding:0;transition:all .15s ease;width:24px}.next-number-btn:hover{background:#4a90e2;background:var(--color-primary,#4a90e2);border-color:#4a90e2;border-color:var(--color-primary,#4a90e2);color:#fff}.next-number-btn:active{transform:scale(.9)}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}.landing-page{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#ee1a30);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}main{position:relative;z-index:10}.particles{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.particle{animation:float 20s linear infinite;background:#ee1a3080;border-radius:50%;height:4px;position:absolute;width:4px}@keyframes float{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%,90%{opacity:1}to{opacity:0;transform:translateY(-10vh) rotate(1turn)}}.hero{align-items:center;display:flex;justify-content:center;min-height:90vh;padding:100px 20px;text-align:center}.hero-content{animation:heroFadeIn 2s ease-out;max-width:1000px}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ee1a30 50%,#fff);-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,6vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:30px;text-shadow:0 0 100px #ee1a3080}.hero-subtitle{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:300;line-height:1.5;margin-bottom:50px;margin-left:auto;margin-right:auto;max-width:800px;opacity:.9}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.cta-primary{background:linear-gradient(135deg,#ee1a30,#ff6b6b);border:none;border-radius:15px;box-shadow:0 10px 40px #ee1a304d;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:18px 45px;transition:all .4s ease}.cta-primary:hover:not(:disabled){box-shadow:0 20px 60px #ee1a3080;transform:translateY(-5px) scale(1.05)}.cta-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:2px solid #ffffff4d;border-radius:15px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:18px 45px;transition:all .3s ease}.cta-secondary:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-2px)}.cta-outline{background:#0000;border:2px solid #ee1a30;border-radius:15px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:12px 32px;transition:all .3s}.cta-outline:hover{background:#ee1a30;color:#fff}.lp-heading{margin-bottom:50px;text-align:center}.lp-heading__title{color:#fff;font-size:28px;font-weight:700;margin-bottom:15px}.lp-heading__subtitle{font-size:18px;line-height:1.6;margin-left:auto;margin-right:auto;max-width:600px;opacity:.8}.section-title{color:#fff!important;font-size:28px;font-weight:700;margin-bottom:15px;text-align:center;text-align:center!important}.section-subtitle{font-size:18px;line-height:1.6;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px;opacity:.8;text-align:center}.features,.final-cta,.pricing-section,.who-for-section,.workflow-section{padding:100px 40px}.features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px}.feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:40px;text-align:center;transition:all .4s ease}.feature-card:hover{background:#ffffff1a;box-shadow:0 20px 60px #ee1a3033;transform:translateY(-10px)}.feature-icon{font-size:50px;margin-bottom:25px}.feature-title{color:#fff!important;font-size:24px;font-weight:700;margin-bottom:15px;text-align:center}.feature-description{font-size:16px;line-height:1.6;opacity:.8}.who-for-section{padding-bottom:40px;padding-top:40px}.who-for-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:900px}.workflow-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0 auto;max-width:1200px}.workflow-step{text-align:center}.workflow-step-number{align-items:center;background:linear-gradient(135deg,#ee1a30,#ff6b6b);border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:60px;justify-content:center;margin:0 auto 15px;width:60px}.workflow-step-title{color:#fff!important;font-size:18px;font-weight:600;margin-bottom:8px}.workflow-step-desc{color:#ffffffb3;font-size:14px;line-height:1.4}.pricing-grid{grid-gap:30px;align-items:normal;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:900px}.pricing-card.popular{border:2px solid #ee1a30;position:relative;transform:scale(1.05)}.popular-badge{background:linear-gradient(135deg,#ee1a30,#ff6b6b);border-radius:15px;color:#fff;font-size:12px;font-weight:700;left:50%;padding:5px 20px;position:absolute;top:-15px;transform:translateX(-50%)}.plan-name{color:#fff!important;font-size:24px;font-weight:700;margin-bottom:15px}.plan-price{font-size:48px;font-weight:700;margin-bottom:10px}.plan-price span{color:#fff9;font-size:16px;font-weight:400}.plan-description{font-size:16px;opacity:.8}.plan-features{list-style:none;margin:20px 0;padding:0;text-align:left}.plan-features li{color:#fffc;font-size:14px;padding:8px 0}.pricing-card .cta-primary{font-size:16px;padding:15px;width:100%}.pricing-footnote{color:#fff9;font-size:14px;margin-top:30px;text-align:center}.final-cta{background:linear-gradient(135deg,#000000e6,#ee1a3033);text-align:center}@media (max-width:768px){.landing-header{padding:15px 20px}.landing-logo{font-size:24px}.launch-btn{font-size:14px;padding:10px 20px}.hero{min-height:80vh;padding:80px 15px}.cta-buttons{align-items:center;flex-direction:column;gap:15px}.cta-primary,.cta-secondary{max-width:350px;width:100%}.features,.final-cta,.pricing-section,.who-for-section,.workflow-section{padding:80px 20px}.features-grid,.pricing-grid,.workflow-grid{gap:20px;grid-template-columns:1fr}.feature-card{padding:30px 20px}.pricing-card.popular{transform:scale(1)}}.credits-explanation{margin:80px auto 0;max-width:900px;text-align:center}.credits-explanation .feature-title,.faq-section .feature-title{font-size:28px;text-align:center}.credits-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:40px}.credit-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:25px 20px;text-align:center;transition:all .3s ease}.credit-card:hover{background:#ffffff1a;transform:translateY(-5px)}.credit-card-icon{font-size:32px;margin-bottom:15px}.credit-card-title{font-weight:600;margin-bottom:10px}.credit-card-cost{color:#ff6b6b;font-size:18px;font-weight:700}.credits-overage{font-size:16px;margin-top:40px;opacity:.8}.faq-section{margin:80px auto 0;max-width:800px}.faq-section .feature-title{margin-bottom:40px;text-align:center}.faq-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;margin-bottom:15px;overflow:hidden}.faq-question{align-items:center;cursor:pointer;display:flex;font-size:18px;font-weight:600;justify-content:space-between;padding:20px;transition:background-color .3s ease}.faq-question:hover{background:#ffffff1a}.faq-question:after{content:"+";font-size:28px;font-weight:300;transition:transform .3s ease}.faq-question.active:after{content:"−";transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;padding:0 20px;transition:max-height .4s ease-out,padding .4s ease-out}.faq-answer.open{max-height:200px;padding:0 20px 20px}.faq-answer p{line-height:1.6;opacity:.8}.landing-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0000001a;border-bottom:1px solid #ffffff1a;padding:20px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.landing-nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.landing-logo{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ee1a30,#ff6b6b);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800}.launch-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ee1a3033;border:2px solid #ee1a30;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:12px 32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.launch-btn:hover:not(:disabled){background:#ee1a30;box-shadow:0 10px 30px #ee1a3066;transform:translateY(-2px)}.nav-links{align-items:center;display:flex;gap:2rem}.nav-links a{color:#ffffffb3;cursor:pointer;font-weight:600;transition:color .3s ease}.nav-links a:hover{color:#fff}.mobile-pricing-toggle{align-items:center;background:none;border:none;color:#ffffffb3;cursor:pointer;display:none;font-size:16px;font-weight:600;gap:5px;padding:0}.mobile-menu-container{position:relative}.nav-items-group{align-items:center;display:flex;gap:2rem}.mobile-pricing-link{display:none}.desktop-pricing-link{color:#ffffffb3;cursor:pointer;display:block;font-weight:600;transition:color .3s ease}.desktop-pricing-link:hover{color:#fff}@media (max-width:768px){.landing-header{padding:15px 20px}.landing-logo{font-size:24px}.launch-btn{font-size:14px;padding:10px 20px}.nav-items-group,.nav-links{gap:1rem}}@media (max-width:600px){.mobile-pricing-toggle{display:flex}.desktop-pricing-link{display:none}.mobile-pricing-link{display:block}.nav-items-group{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141414f2;border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 10px 30px #00000080;display:none;flex-direction:column;left:50%;margin-top:10px;min-width:160px;padding:15px;position:absolute;top:100%;transform:translateX(-50%);z-index:1001}.nav-items-group.show-mobile{display:flex}.nav-items-group a{border-bottom:1px solid #ffffff1a;color:#fff;padding:8px 0;text-align:center;width:100%}.nav-items-group a:last-child{border-bottom:none}}.subscription-page{background:var(--bg-tertiary);margin:0 auto;max-width:1200px;min-height:100vh;padding:40px 20px}.billing-header{margin-bottom:32px}.billing-header h1{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0 0 8px}.billing-subtitle{color:var(--text-secondary);font-size:.95rem;margin:0}.billing-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.billing-card{background:var(--card-bg);border-radius:12px;box-shadow:0 1px 3px #00000014;padding:24px}.billing-card.full-width{grid-column:1/-1}.card-header{align-items:center;border-bottom:2px solid var(--bg-tertiary);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.card-title{color:var(--text-primary);font-size:1.1rem;font-weight:600}.card-action{color:var(--color-primary);cursor:pointer;font-size:.85rem;font-weight:500;transition:color .2s}.card-action:hover{color:var(--color-primary-hover)}.sub-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.sub-status-active{background:#d1fae5;color:#065f46}.sub-status-active:before{animation:pulse-green 2s infinite;background:#10b981;border-radius:50%;content:"";height:8px;width:8px}.sub-status-trialing{background:#dbeafe;color:#1e40af}.sub-status-trialing:before{background:#3b82f6;border-radius:50%;content:"";height:8px;width:8px}.sub-status-past-due{background:var(--color-warning-light);color:var(--color-warning-text)}.sub-status-past-due:before{background:#f59e0b;border-radius:50%;content:"";height:8px;width:8px}.sub-status-canceled,.sub-status-default,.sub-status-inactive{background:#f3f4f6;color:#6b7280}.sub-status-canceled:before,.sub-status-default:before,.sub-status-inactive:before{background:#9ca3af;border-radius:50%;content:"";height:8px;width:8px}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.5}}.plan-display{gap:16px;margin-bottom:20px}.plan-display,.plan-icon{align-items:center;display:flex}.plan-icon{background:var(--color-ai);border-radius:12px;font-size:1.5rem;height:56px;justify-content:center;width:56px}.plan-info h3{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0 0 4px}.plan-info p{color:var(--text-secondary);font-size:.85rem;margin:0}.info-grid{grid-template-columns:1fr 1fr}.info-item{background:var(--bg-secondary);border-radius:8px;padding:14px}.info-label{color:var(--text-secondary);font-size:.7rem;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.info-value{color:var(--text-primary);font-size:.9rem;font-weight:600}.info-value.info-mono{font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:.8rem}.credits-display,.credits-header{margin-bottom:8px}.credits-total{color:var(--text-primary);font-size:2rem;font-weight:700}.credits-total span{color:var(--text-secondary);font-size:1rem;font-weight:400}.credits-breakdown{color:var(--text-secondary);font-size:.85rem;margin-bottom:16px}.credits-progress{background:var(--border-color);border-radius:6px;height:12px;margin-bottom:12px;overflow:hidden}.credits-progress-inner{display:flex;height:100%}.credits-plan-fill{background:linear-gradient(90deg,#2ecc71,#27ae60);transition:width .3s ease}.credits-purchased-fill{background:linear-gradient(90deg,#3498db,#2980b9);transition:width .3s ease}.credits-legend{color:var(--text-secondary);display:flex;font-size:.8rem;gap:20px;margin-bottom:16px}.legend-item{gap:6px}.legend-dot{border-radius:3px}.legend-dot.plan{background:#2ecc71}.legend-dot.purchased{background:#3498db}.reset-info{align-items:center;background:var(--color-warning-light);border-radius:8px;color:#92400e;color:var(--color-warning-text,#92400e);display:flex;font-size:.85rem;gap:8px;padding:12px 16px}.card-actions{border-top:1px solid var(--bg-tertiary);display:flex;gap:12px;margin-top:20px;padding-top:16px}.subscription-page .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;text-decoration:none;transition:all .2s}.subscription-page .btn-primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);color:#fff;flex:1 1}.subscription-page .btn-primary:hover{box-shadow:0 4px 12px #4a90e266;transform:translateY(-2px)}.subscription-page .btn-secondary{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary)}.subscription-page .btn-secondary:hover{background:var(--bg-secondary)}.period-selector{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.period-btn{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:8px 16px;transition:all .2s}.period-btn:hover{background:var(--bg-secondary);border-color:var(--border-color)}.period-btn.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-surface)}.usage-table{border-collapse:collapse;width:100%}.usage-table th{border-bottom:2px solid var(--border-color);color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.usage-table td{border-bottom:1px solid var(--bg-tertiary);color:var(--text-primary);font-size:.9rem;padding:16px}.usage-table tr:hover{background:var(--bg-secondary)}.episode-link{color:var(--color-primary);font-weight:500;text-decoration:none}.episode-link:hover{text-decoration:underline}.credits-used{color:var(--color-danger);font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-weight:600}.operation-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.8rem;font-weight:500;gap:6px;padding:4px 10px}.op-transcription{background:#dbeafe;color:#1e40af}.op-export{background:#fce7f3;color:#9d174d}.op-ai{background:var(--color-ai-light);color:var(--color-ai-text)}.op-default{background:var(--bg-tertiary);color:var(--text-secondary)}.no-usage{color:var(--text-muted);padding:40px;text-align:center}.error,.loading{padding:60px 20px}@media (max-width:900px){.subscription-page{padding:20px 16px}.billing-grid,.info-grid{grid-template-columns:1fr}.credits-legend{flex-direction:column;gap:8px}.period-selector{overflow-x:auto;padding-bottom:8px}.usage-table{font-size:.85rem}.usage-table td,.usage-table th{padding:12px 8px}}.content-page{background:linear-gradient(180deg,#0a0a0a,#0f0f0f);color:#fff;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.page-hero{margin:0 auto;max-width:1200px;padding:5rem 2rem 3rem;text-align:center}.page-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ee1a30,#ff6b6b);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;margin-bottom:1rem}.page-hero p{color:#fff9;font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:500px}.content-main{margin:0 auto;max-width:1200px;padding:0 2rem 4rem}.filter-bar{margin-bottom:2rem}.filter-select-wrapper{display:inline-block;position:relative}.filter-select{-webkit-appearance:none;appearance:none;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:.95rem;min-width:160px;padding:.75rem 2.5rem .75rem 1rem;transition:all .2s ease}.filter-select:hover{border-color:#ee1a3080}.filter-select:focus{background:#ffffff0d;border-color:#ee1a30;outline:none}.filter-select option{background:#1a1a1a;color:#fff}.filter-select-icon{color:#fff6;height:16px;pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:16px}.article-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.article-grid{grid-template-columns:1fr}}.article-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;color:inherit;display:block;overflow:hidden;text-decoration:none;transition:all .25s ease}.article-card:hover{border-color:#ee1a3066;box-shadow:0 12px 40px #0006;transform:translateY(-4px)}.article-card-image{background-color:#ee1a301a;background-position:50%;background-size:cover;height:180px}.article-card-image-placeholder{align-items:center;background:linear-gradient(135deg,#ee1a3026,#ff6b6b14);display:flex;justify-content:center}.article-card-image-placeholder span{color:#ffffff4d;font-size:.8rem;letter-spacing:1px;text-transform:uppercase}.article-card-body{padding:1.5rem}.article-tag{background:#ee1a3026;border-radius:4px;color:#ee1a30;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;padding:.25rem .6rem;text-transform:uppercase}.article-card h2{color:#fff;font-size:1.15rem;font-weight:600;line-height:1.4;margin-bottom:.5rem}.article-card p{color:#fff9;font-size:.9rem;line-height:1.5;margin:0}.article-detail{padding:2rem}.article-detail-container{margin:0 auto;max-width:720px}.article-detail-cover{border-radius:12px;height:auto;margin-bottom:2rem;width:100%}.article-detail-header{border-bottom:1px solid #ffffff14;margin-bottom:2.5rem;padding-bottom:2rem}.article-detail-meta{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.article-date{color:#fff6;font-size:.85rem}.article-detail-header h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.2;margin-bottom:1rem}.article-excerpt{color:#ffffffb3;font-size:1.15rem;line-height:1.6;margin:0}.article-content{color:#ffffffd9;font-size:1.05rem;line-height:1.8}.article-content h2{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem;margin-top:2.5rem}.article-content h3{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:.75rem;margin-top:2rem}.article-content p{margin-bottom:1.5rem}.article-content ol,.article-content ul{margin-bottom:1.5rem;padding-left:1.5rem}.article-content li{margin-bottom:.5rem}.article-content a{border-bottom:1px solid #ee1a304d;color:#ee1a30;text-decoration:none;transition:border-color .2s}.article-content a:hover{border-bottom-color:#ee1a30}.article-content strong{color:#fff;font-weight:600}.article-content code{background:#ffffff14;border-radius:4px;font-family:SF Mono,Fira Code,monospace;font-size:.9em;padding:.2rem .4rem}.article-content pre{background:#0006;border-radius:8px;margin-bottom:1.5rem;overflow-x:auto;padding:1.25rem}.article-content table{border-collapse:collapse;margin-bottom:1.5rem;width:100%}.article-content td,.article-content th{border-bottom:1px solid #ffffff1a;padding:.75rem;text-align:left}.article-content th{color:#fff;font-weight:600}.article-footer{border-top:1px solid #ffffff14;color:#ffffff80;font-size:.9rem;margin-top:3rem;padding-top:1.5rem}.back-link{align-items:center;color:#ee1a30;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-bottom:2rem;text-decoration:none;transition:transform .2s}.back-link:before{content:"←"}.back-link:hover{transform:translateX(-4px)}.changelog-main{margin:0 auto;max-width:800px;padding:0 2rem 4rem}.timeline,.timeline-entry{position:relative}.timeline-entry{padding-bottom:3rem;padding-left:2rem}.timeline-entry:before{background:#ffffff1a;bottom:0;content:"";left:3px;position:absolute;top:8px;width:1px}.timeline-entry-last:before{display:none}.timeline-marker{background:#ee1a30;border-radius:50%;box-shadow:0 0 0 3px #0a0a0a;height:7px;left:0;position:absolute;top:6px;width:7px}.timeline-date{color:#fff6;display:block;font-family:SF Mono,Fira Code,monospace;font-size:.8rem;margin-bottom:1rem}.timeline-content{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;overflow:hidden;transition:border-color .2s}.timeline-content:hover{border-color:#ee1a304d}.timeline-image{background:linear-gradient(135deg,#ee1a301a,#3b82f60d);height:200px;object-fit:cover;width:100%}.timeline-body{padding:1.5rem}.timeline-body h2{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.timeline-description{color:#ffffffb3;font-size:.95rem;line-height:1.6;margin-bottom:1rem}.changelog-list{list-style:none;margin:0;padding:0}.changelog-item{align-items:flex-start;color:#ffffffb3;display:flex;font-size:.9rem;gap:.75rem;line-height:1.5;padding:.4rem 0}.changelog-type-icon{flex-shrink:0;font-family:SF Mono,monospace;font-weight:700;width:16px}.changelog-new .changelog-type-icon{color:#22c55e}.changelog-improved .changelog-type-icon{color:#fbbf24}.changelog-fix .changelog-type-icon{color:#3b82f6}.tools-main{max-width:900px}.tools-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:4rem}@media (max-width:640px){.tools-grid{grid-template-columns:1fr}}.tool-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;padding:1.5rem;transition:all .25s ease}.tool-card:hover{border-color:#ee1a304d;transform:translateY(-2px)}.tool-card-disabled{opacity:.5}.tool-card-disabled:hover{transform:none}.tool-card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.tool-card h2{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.tool-badge{border-radius:4px;flex-shrink:0;font-size:.65rem;font-weight:600;letter-spacing:.5px;padding:.2rem .5rem;text-transform:uppercase}.tool-badge-live{background:#22c55e26;color:#22c55e}.tool-badge-soon{background:#fbbf2426;color:#fbbf24}.tool-card p{color:#fff9;font-size:.9rem;line-height:1.5;margin:0 0 1rem}.tool-cta{align-items:center;color:#ee1a30;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;text-decoration:none;transition:gap .2s}.tool-cta:hover{gap:.75rem}.tool-cta svg{height:16px;width:16px}.tools-cta-section{background:#ee1a300d;border:1px solid #ee1a3026;border-radius:12px;padding:3rem 2rem;text-align:center}.tools-cta-section h2{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.tools-cta-section p{color:#fff9;font-size:1rem;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:400px}.tools-cta-button{background:linear-gradient(135deg,#ee1a30,#ff6b6b);border-radius:8px;color:#fff;display:inline-block;font-size:.95rem;font-weight:600;padding:.875rem 2rem;text-decoration:none;transition:all .25s ease}.tools-cta-button:hover{box-shadow:0 8px 24px #ee1a304d;transform:translateY(-2px)}.empty-state{padding:4rem 2rem}.empty-state h3{color:#ffffffb3;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.empty-state p{color:#ffffff80}.legal-content{max-width:800px}.legal-updated{border-bottom:1px solid #ffffff1a;color:#ffffff80;font-size:.9rem;margin-bottom:2rem;padding-bottom:1rem}.about-content{margin:0 auto;max-width:700px;text-align:center}.about-content p{font-size:1.15rem;margin-bottom:1.5rem}.contact-single{margin:0 auto;max-width:400px}.contact-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:800px}@media (max-width:640px){.contact-grid{grid-template-columns:1fr}}.contact-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;padding:2rem;text-align:center;transition:all .25s ease}.contact-card:hover{border-color:#ee1a304d;transform:translateY(-2px)}.contact-icon{align-items:center;background:#ee1a301a;border-radius:12px;color:#ee1a30;display:flex;height:48px;justify-content:center;margin:0 auto 1rem;width:48px}.contact-card h3{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.contact-card p{color:#fff9;font-size:.9rem;margin-bottom:1rem}.contact-link{color:#ee1a30;font-weight:500;text-decoration:none;transition:opacity .2s}.contact-link:hover{opacity:.8}@media (max-width:768px){.page-hero{padding:4rem 1.5rem 2rem}.changelog-main,.content-main{padding:0 1.5rem 3rem}.article-detail{padding:1.5rem}.timeline-body{padding:1.25rem}}:root{--radius-full:9999px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px}.show-tab{background:#0000;font-family:var(--font-sans);min-height:400px;padding:24px;padding:var(--spacing-lg)}.tab-header-card,.tab-section-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);margin-bottom:16px;margin-bottom:var(--spacing-md);padding:24px;padding:var(--spacing-lg)}.tab-header-card h4{border-bottom:1px solid var(--card-border);color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin:0 0 16px;margin:0 0 var(--spacing-md) 0;padding-bottom:12px;padding-bottom:var(--spacing-sm)}.tab-header-top{align-items:center;display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md);justify-content:space-between}.tab-header-top h3{color:var(--text-primary);flex:1 1;font-size:var(--text-lg);font-weight:600;margin:0;min-width:200px}.tab-header-description{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;margin-top:8px;margin-top:var(--spacing-xs)}.credentials-list,.platforms-list{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);margin-bottom:24px;margin-bottom:var(--spacing-lg)}.credential-card,.platform-card{background:var(--card-bg);border:2px solid var(--card-border);border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);padding:24px;padding:var(--spacing-lg);transition:all .2s ease}.credential-card:hover,.platform-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.credential-header,.platform-header{align-items:flex-start;display:flex;gap:16px;gap:var(--spacing-md);margin-bottom:16px;margin-bottom:var(--spacing-md)}.credential-icon,.platform-icon{flex-shrink:0;font-size:2rem;line-height:1}.credential-info,.platform-info{flex:1 1;min-width:0}.credential-name,.platform-name{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;line-height:1.3;margin:0 0 4px}.credential-description,.platform-description{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.4;margin:0}.credential-meta,.platform-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--spacing-sm);margin-bottom:16px;margin-bottom:var(--spacing-md)}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;letter-spacing:.025em;line-height:1;padding:4px 12px;text-transform:uppercase}.badge-success{background:var(--color-success-light);color:var(--color-success-dark)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning-dark)}.badge-danger{background:var(--color-danger-light);color:var(--color-danger-dark)}.badge-info{background:var(--color-info-light);color:var(--color-info-dark)}.badge-active{background:var(--color-success-light);color:var(--color-success-dark)}.badge-inactive{background:var(--color-danger-light);color:var(--color-danger-dark)}.credential-details,.platform-details{background:var(--bg-secondary);border-radius:var(--mobile-border-radius);margin-bottom:16px;margin-bottom:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.detail-row{align-items:center;display:flex;font-size:var(--text-sm);gap:16px;gap:var(--spacing-md);justify-content:space-between;padding:8px 0;padding:var(--spacing-xs) 0}.detail-row:not(:last-child){border-bottom:1px solid var(--border-color)}.detail-label{flex-shrink:0;font-weight:500}.detail-value{color:var(--text-primary);font-family:SF Mono,Monaco,Courier New,monospace;font-size:.8125rem;text-align:right;word-break:break-word}.credential-actions,.platform-actions{display:flex;flex-wrap:wrap;gap:12px;gap:var(--spacing-sm);justify-content:flex-end}.show-tab .btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.show-tab .btn-secondary{background:var(--text-secondary);color:#fff}.show-tab .btn-secondary:hover:not(:disabled){background:var(--text-primary)}.show-tab .btn-outline{background:#0000;border:2px solid var(--card-border);color:var(--text-primary)}.show-tab .btn-outline:hover:not(:disabled){background:var(--color-info-light);border-color:var(--color-primary);color:var(--color-primary)}.action-btn{background:#0000;border:none;border:2px solid var(--card-border);border-radius:var(--mobile-border-radius);color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);font-weight:500;padding:6px 12px;transition:all .2s}.action-btn:hover{background:var(--color-info-light)}.action-btn:hover,.edit-btn{border-color:var(--color-primary);color:var(--color-primary)}.edit-btn:hover{background:var(--color-primary);color:#fff}.delete-btn{border-color:var(--color-danger)}.delete-btn:hover{background:var(--color-danger);color:#fff}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;padding:24px;padding:var(--spacing-lg)}.modal{background:var(--card-bg);border-radius:var(--mobile-border-radius);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{padding:24px;padding:var(--spacing-lg)}.modal-header h4{font-size:var(--text-xl)}.modal-body,.modal-footer{padding:24px;padding:var(--spacing-lg)}.modal-footer{border-top:1px solid var(--card-border);gap:12px;gap:var(--spacing-sm);justify-content:flex-end}.form-group{margin-bottom:var(--spacing-md)}.form-group label{margin-bottom:var(--spacing-xs)}.form-group input,.form-group select,.form-group textarea,.form-input,.form-select{background:var(--input-bg);border:2px solid var(--card-border);border-radius:var(--mobile-border-radius);box-sizing:border-box;font-family:inherit;font-size:var(--text-base);padding:10px 14px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.form-input:focus,.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4a90e21a;outline:none}.form-group textarea{min-height:80px}.form-group small,.form-help,.form-text{color:var(--text-secondary);display:block;font-size:.8125rem;line-height:1.4;margin-top:4px}.form-input-readonly{background:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkbox-group{margin-bottom:16px;margin-bottom:var(--spacing-md)}.checkbox-label{color:var(--text-primary);font-weight:500;gap:8px;gap:var(--spacing-xs)}.checkbox-label input[type=checkbox]{width:auto}.form-group-indent{border-left:2px solid var(--card-border);margin-left:24px;margin-left:var(--spacing-lg);padding-left:16px;padding-left:var(--spacing-md)}.form-note{align-items:flex-start;border:1px solid;border-radius:var(--mobile-border-radius);display:flex;font-size:var(--text-sm);gap:8px;gap:var(--spacing-xs);line-height:1.5;margin:12px 0;margin:var(--spacing-sm) 0;padding:12px;padding:var(--spacing-sm)}.form-note-success,.form-note.success{background:var(--color-success-light);border-color:#86efac;color:var(--color-success-dark)}.form-note-error,.form-note.error{background:var(--color-danger-light);border-color:#fca5a5;color:var(--color-danger-dark)}.form-note-warning,.form-note.warning{background:var(--color-warning-light);border-color:#fcd34d;color:var(--color-warning-dark)}.form-note-info,.form-note.info{background:var(--color-info-light);border-color:#93c5fd;color:var(--color-info-dark)}.warning-text{color:var(--color-warning-dark);font-size:var(--text-xs);margin-top:4px}.empty-state{padding:32px 24px;padding:var(--spacing-xl) var(--spacing-lg)}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.5}.empty-title{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin-bottom:12px;margin-bottom:var(--spacing-sm)}.empty-description{font-size:var(--text-base);margin-bottom:24px;margin-bottom:var(--spacing-lg)}.loading{padding:32px;padding:var(--spacing-xl)}.btn.loading{color:#0000;position:relative}.btn.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;color:#fff;content:"";height:16px;position:absolute;width:16px}.grid-container{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md)}.grid-2-col{grid-template-columns:repeat(2,1fr)}.grid-4-col{grid-template-columns:repeat(4,1fr)}.stat-card{background:var(--bg-secondary);border:2px solid var(--card-border);border-radius:var(--mobile-border-radius);padding:16px;padding:var(--spacing-md);text-align:center;transition:all .2s ease}.stat-card:hover{background:var(--card-bg);border-color:var(--color-primary)}.stat-value{font-size:var(--text-xl);font-weight:600;margin-bottom:4px}.stat-label{font-size:var(--text-xs);letter-spacing:.05em}@media (min-width:768px){.show-tab{padding:24px;padding:var(--spacing-lg)}.credentials-list,.platforms-list{grid-template-columns:repeat(2,1fr)}.credential-actions,.platform-actions{flex-wrap:nowrap}.tab-header-top h3{font-size:var(--text-xl)}.modal{max-width:600px}}@media (min-width:1024px){.credential-card,.platform-card,.show-tab,.tab-header-card{padding:32px;padding:var(--spacing-xl)}}@media (max-width:767px){.show-tab{padding:16px;padding:var(--spacing-md)}.grid-2-col{grid-template-columns:1fr}.grid-4-col{grid-template-columns:repeat(2,1fr)}.tab-header-top{align-items:stretch;flex-direction:column}.tab-header-top h3{font-size:var(--text-base);min-width:auto;text-align:left}.tab-header-top .btn{justify-content:center;width:100%}.credential-actions,.platform-actions{flex-direction:column}.credential-actions .btn,.platform-actions .btn{width:100%}.modal{margin:16px;margin:var(--spacing-md)}.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%}.detail-row{align-items:flex-start;flex-direction:column;gap:4px}.detail-value{text-align:left}}.action-btn:focus,.btn:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.form-input:focus,.form-select:focus{outline:2px solid var(--color-primary);outline-offset:2px}.credential-card,.platform-card{animation:fadeInUp .3s ease-out}.credential-card:first-child,.platform-card:first-child{animation-delay:0ms}.credential-card:nth-child(2),.platform-card:nth-child(2){animation-delay:50ms}.credential-card:nth-child(3),.platform-card:nth-child(3){animation-delay:.1s}.credential-card:nth-child(4),.platform-card:nth-child(4){animation-delay:.15s}@media (prefers-contrast:high){.btn{border:2px solid}.badge{border:1px solid}.toggle-slider{border:2px solid #000}}.artwork-images-section{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:1fr;margin-bottom:32px;margin-bottom:var(--spacing-xl)}@media (min-width:1024px){.artwork-images-section{grid-template-columns:1fr 2fr}}.artwork-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:24px;padding:var(--spacing-lg)}.artwork-section h4,.color-scheme-section h4{border-bottom:2px solid var(--border-light);color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin-bottom:16px;margin-bottom:var(--spacing-md);margin-top:0;padding-bottom:12px;padding-bottom:var(--spacing-sm)}.image-preview-container{align-items:center;background:var(--bg-secondary);border:2px dashed var(--card-border);border-radius:var(--mobile-border-radius);display:flex;justify-content:center;margin-bottom:16px;margin-bottom:var(--spacing-md);overflow:hidden;position:relative}.image-preview-container.banner-container{aspect-ratio:3/1;max-height:250px}.image-preview-container:not(.banner-container){aspect-ratio:1/1;margin-left:auto;margin-right:auto;max-width:300px}.image-preview{height:100%;object-fit:cover;width:100%}.empty-preview{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:24px;padding:var(--spacing-lg);text-align:center}.empty-preview span{font-size:2.5rem;margin-bottom:8px;margin-bottom:var(--spacing-xs);opacity:.5}.empty-preview p{font-size:var(--text-sm);margin:0}.upload-controls{flex-wrap:wrap;gap:12px;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-md)}.image-guidelines{background:var(--color-info-light);border:1px solid var(--color-info-border);border-radius:var(--mobile-border-radius);color:var(--color-info-dark);font-size:var(--text-sm);margin-top:auto;padding:16px;padding:var(--spacing-md)}.image-guidelines h5{font-weight:600;margin:0 0 8px;margin:0 0 var(--spacing-xs) 0}.image-guidelines ul{margin:0;padding-left:24px;padding-left:var(--spacing-lg)}.image-guidelines li{margin-bottom:4px}.color-scheme-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);padding:24px;padding:var(--spacing-lg)}.color-grid{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:32px;margin-bottom:var(--spacing-xl)}.color-item label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-xs)}.color-input-group{background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:var(--mobile-border-radius);gap:var(--spacing-xs);padding:6px}.color-input-group input[type=color]{background:none;border:none;border-radius:4px;cursor:pointer;height:40px;padding:0;width:40px}.color-input-group input[type=text]{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:monospace;font-size:var(--text-base);text-transform:uppercase}.color-input-group input[type=text]:focus{outline:none}.color-preview{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.color-preview h5{color:var(--text-secondary);font-size:var(--text-base);margin:0 0 16px;margin:0 0 var(--spacing-md) 0}.color-sample-container{border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;height:80px;overflow:hidden}.color-sample{align-items:center;color:#fff;display:flex;flex:1 1;font-size:var(--text-sm);font-weight:600;justify-content:center;min-width:80px;text-shadow:0 1px 2px #0000004d}.color-actions{align-items:flex-start;border-top:1px solid var(--card-border);display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md);padding-top:24px;padding-top:var(--spacing-lg)}.modal-overlay{padding:var(--mobile-padding)}.modal-content{animation:modalSlideIn .3s ease-out;box-shadow:var(--shadow-md);max-width:400px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{border-bottom:1px solid var(--border-color);padding:var(--mobile-padding)}.modal-header h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin:0}.close-btn{border-radius:4px;color:var(--text-muted);font-size:24px;min-height:var(--mobile-touch-target);min-width:var(--mobile-touch-target);padding:4px;transition:all .2s ease}.close-btn:hover{background:var(--hover-bg)}.close-btn:active{transform:scale(.95)}.modal-body{display:flex;flex-direction:column;gap:16px;padding:var(--mobile-padding)}.modal-body label{color:var(--text-primary);font-size:var(--text-sm);font-weight:600}.modal-body input,.modal-body select,.modal-body textarea{background:var(--input-bg);border:2px solid var(--input-border);border-radius:var(--mobile-border-radius);color:var(--text-primary);font-family:inherit;font-size:var(--text-base);min-height:var(--mobile-touch-target);padding:12px;transition:border-color .2s ease}.modal-body input:focus,.modal-body select:focus,.modal-body textarea:focus{border-color:var(--color-primary);box-shadow:var(--input-focus-shadow);outline:none}.modal-body textarea{line-height:1.5;min-height:80px;resize:vertical}.modal-actions{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:var(--mobile-padding)}.modal-actions button{border:none;border-radius:var(--mobile-border-radius);cursor:pointer;font-size:var(--text-base);font-weight:500;min-height:var(--mobile-touch-target);padding:12px 20px;transition:all .2s ease}.create-btn{flex:1 1}.create-btn:active{transform:scale(.98)}.cancel-btn{background:var(--hover-bg);flex:1 1}.cancel-btn:hover{background:var(--active-bg)}.cancel-btn:active{transform:scale(.98)}@media (max-width:480px){.modal-overlay{padding:8px}.modal-content{max-height:95vh;width:100%}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}@media (min-width:768px){.modal-content{max-width:500px}.modal-actions{flex-direction:row;justify-content:flex-end}.modal-actions button{flex:none;min-width:100px}}.no-show-selected{background:var(--bg-secondary)}.no-show-selected p{font-size:var(--text-base)}.select-show-btn{min-height:var(--mobile-touch-target)}.select-show-btn:active{transform:scale(.98)}.shows-list{background:var(--bg-secondary);font-family:var(--font-sans);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--mobile-padding)}.shows-header-card{background:var(--card-bg);border:1px solid var(--card-border);border-left:4px solid var(--card-accent);border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:var(--mobile-padding)}.shows-header-top{align-items:center;display:flex;gap:12px;justify-content:space-between}.shows-header-top h2{color:var(--text-primary);flex:1 1;font-size:var(--text-lg);font-weight:600;margin:0;text-align:center}.header-left,.header-right{display:flex;justify-content:center;min-width:80px}.new-show-link{align-items:center;background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:500;min-height:var(--mobile-touch-target);padding:10px 16px;text-decoration:none;transition:all .2s;white-space:nowrap}.new-show-link:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.new-show-link:active{transform:scale(.98)}.add-show-disabled{align-items:center;background:var(--text-placeholder);border-radius:6px;color:#fff;cursor:not-allowed;display:flex;font-size:var(--text-sm);font-weight:500;min-height:var(--mobile-touch-target);opacity:.7;padding:10px 16px;white-space:nowrap}.shows-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.show-card{background:var(--card-bg);border:2px solid var(--card-border);border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px;padding:var(--spacing-lg);transition:all .2s ease}.show-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.show-card.active-show{background:var(--color-success-subtle);border-left:4px solid var(--color-success)}.show-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.show-card-title{color:var(--text-primary);flex:1 1;font-size:var(--text-lg);font-weight:600;line-height:1.3;margin:0}.show-card-badge{background:var(--color-success);border-radius:5px;color:#fff;flex-shrink:0;font-size:var(--text-xs);font-weight:500;padding:4px 10px;white-space:nowrap}.show-card-dates{color:var(--text-secondary);display:flex;font-size:var(--text-xs);justify-content:space-between}.show-card-links{display:flex;flex-wrap:wrap;gap:8px}.show-link-pill{align-items:center;background:var(--bg-tertiary);border:1px solid var(--card-border);border-radius:12px;color:var(--color-primary);display:inline-flex;font-size:var(--text-xs);font-weight:500;padding:3px 10px;text-decoration:none;transition:all .2s ease}.show-link-pill:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;text-decoration:none}.show-card-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:auto}.show-card-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:500;justify-content:center;min-height:36px;padding:8px 16px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.show-card-btn-primary{background:var(--color-primary);color:#fff}.show-card-btn-primary:hover{background:var(--color-primary-hover)}.show-card-btn-select{background:var(--text-secondary);color:#fff}.show-card-btn-select:hover:not(.selected){background:#4b5563}.show-card-btn-select.selected{background:var(--color-success);cursor:default}.show-card-btn:active{transform:scale(.98)}.error,.loading{color:var(--text-secondary);font-size:var(--text-base);padding:40px 20px;text-align:center}.no-shows{background:var(--bg-surface);border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);padding:60px 20px;text-align:center}.no-shows-icon{font-size:48px;margin-bottom:16px;opacity:.5}.no-shows h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin-bottom:8px}.no-shows p{color:var(--text-secondary);font-size:var(--text-base);line-height:1.5;margin-bottom:24px}.create-first-show{background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:var(--text-base);font-weight:500;min-height:var(--mobile-touch-target);padding:12px 24px;text-decoration:none;transition:all .2s ease}.create-first-show:hover{background:var(--color-primary-hover)}.create-first-show:active{transform:scale(.98)}@media (min-width:768px){.shows-list{padding:24px}.shows-header-top h2{font-size:var(--text-xl)}.new-show-link{font-size:var(--text-base);padding:10px 20px}.shows-header-card{padding:20px}.show-card{padding:var(--spacing-xl)}}@media (min-width:1024px){.shows-list{padding:32px}}@media (max-width:767px){.shows-header-top{align-items:stretch;flex-direction:column;gap:12px}.shows-header-top h2{font-size:var(--text-base);text-align:center}.header-left,.header-right,.new-show-link{justify-content:center}.new-show-link{width:100%}.shows-grid{grid-template-columns:1fr}.show-card-dates{flex-direction:column;gap:2px}.show-card-actions{justify-content:stretch}.show-card-btn{flex:1 1;min-height:var(--mobile-touch-target)}}.new-show-link:focus,.show-card-btn:focus,.show-card:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.show-card{animation:fadeInUp .3s ease-out}.show-card:first-child{animation-delay:0ms}.show-card:nth-child(2){animation-delay:50ms}.show-card:nth-child(3){animation-delay:.1s}.show-card:nth-child(4){animation-delay:.15s}.show-card:nth-child(5){animation-delay:.2s}.showlist-tab-bar{border-bottom:2px solid var(--card-border);display:flex;gap:0;margin-bottom:16px}.showlist-tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:var(--text-muted);cursor:pointer;font-size:14px;font-weight:600;margin-bottom:-2px;padding:10px 24px;transition:all .2s ease}.showlist-tab-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.showlist-tab-btn.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.show-form-container{background:var(--bg-secondary);font-family:var(--font-sans);margin:0 auto;max-width:800px;min-height:100vh;padding:var(--mobile-padding)}.form-header-card{background:var(--card-bg);border:1px solid var(--card-border);border-left:4px solid var(--card-accent);border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:var(--mobile-padding);text-align:center}.form-header-card h2{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin:0}.error-message{border:1px solid var(--color-danger-border);border-left:4px solid var(--color-danger);border-radius:var(--mobile-border-radius);color:var(--color-danger-text);line-height:1.4;margin-bottom:16px}.show-form{display:flex;flex-direction:column;gap:16px}.form-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);padding:20px}.form-section-title{border-bottom:1px solid var(--card-border);color:var(--text-primary);font-size:var(--text-base);font-weight:600;margin:0 0 16px;padding-bottom:8px}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{margin-bottom:6px}.form-group label.required:after{color:var(--color-danger);content:" *"}.form-group input,.form-group select,.form-group textarea{background:var(--card-bg);border:2px solid var(--card-border);border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:var(--text-base);min-height:var(--mobile-touch-target);padding:12px 16px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:var(--input-focus-shadow);outline:none}.form-group input:invalid{border-color:var(--color-danger)}.form-group input:invalid:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef44441a}.form-group textarea{min-height:100px}.form-group input[type=url]{font-family:var(--font-mono);font-size:var(--text-sm)}.form-group input[type=checkbox]{margin-right:8px;min-height:auto;vertical-align:middle;width:auto}.form-group input[type=date]{font-family:inherit}.form-group input[type=file]{background:var(--bg-secondary);border:2px dashed var(--card-border);cursor:pointer;padding:8px}.form-group input[type=file]:hover{background:var(--hover-bg);border-color:var(--color-primary)}.form-group input[type=file]:focus{border-color:var(--color-primary);border-style:solid}.form-actions{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;padding:20px}.cancel-btn,.submit-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:var(--text-base);font-weight:500;gap:6px;justify-content:center;min-height:var(--mobile-touch-target);padding:12px 20px;text-decoration:none;transition:all .2s}.cancel-btn{background:var(--text-secondary);border:1px solid var(--text-secondary);color:#fff}.submit-btn{background:var(--color-primary);color:#fff}.cancel-btn:hover{background:#4b5563}.submit-btn:hover{background:var(--color-primary-hover)}.cancel-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.cancel-btn:active,.submit-btn:active{transform:scale(.98)}.field-description{color:var(--text-secondary);font-size:var(--text-xs);line-height:1.4;margin-top:4px}.field-description code{background:var(--code-bg);border-radius:3px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:11px;padding:2px 4px}.form-loading{opacity:.6;pointer-events:none}.submit-btn.loading{position:relative}.submit-btn.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:16px;position:absolute;width:16px}@media (min-width:768px){.form-header-card,.show-form-container{padding:24px}.form-header-card h2{font-size:var(--text-xl)}.form-section{padding:24px}.form-section-title{font-size:var(--text-lg)}.form-row{grid-template-columns:1fr 1fr}.form-row.three-col{grid-template-columns:1fr 1fr 1fr}.form-group.full-width{grid-column:1/-1}.form-actions{padding:24px}.cancel-btn,.submit-btn{padding:14px 24px}}@media (min-width:1024px){.show-form-container{max-width:900px;padding:32px}}@media (max-width:767px){.form-header-card h2{font-size:var(--text-base)}.form-section{padding:16px}.form-group input,.form-group select,.form-group textarea{font-size:var(--text-sm);padding:10px 12px}.form-actions{align-items:stretch;flex-direction:column;padding:16px}.cancel-btn,.submit-btn{font-size:var(--text-sm);justify-content:center;padding:12px 16px;width:100%}.cancel-btn{order:2}.submit-btn{order:1}}.form-group.error input,.form-group.error select,.form-group.error textarea{border-color:var(--color-danger)}.form-group.error input:focus,.form-group.error select:focus,.form-group.error textarea:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef44441a}.form-group.success input,.form-group.success select,.form-group.success textarea{border-color:var(--color-success)}.field-error{color:var(--color-danger)}.field-error,.field-success{font-size:var(--text-xs);line-height:1.4;margin-top:4px}.field-success{color:var(--color-success)}.cancel-btn:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.submit-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.form-actions,.form-header-card,.form-section{animation:fadeInUp .3s ease-out}.form-header-card{animation-delay:0ms}.form-section:nth-child(2){animation-delay:.1s}.form-section:nth-child(3){animation-delay:.15s}.form-section:nth-child(4){animation-delay:.2s}.form-actions{animation-delay:.25s}.form-progress{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:12px 16px}.progress-bar{height:6px}.progress-fill{background:var(--color-primary)}.progress-text{font-size:var(--text-xs);margin-top:4px}.show-detail{background:var(--bg-secondary);font-family:var(--font-sans);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--mobile-padding)}.show-header-card{background:var(--card-bg);border:1px solid var(--card-border);border-left:4px solid var(--card-accent);border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:var(--mobile-padding)}.show-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.show-header h2{color:var(--text-primary);flex:1 1;font-size:var(--text-lg);font-weight:600;line-height:1.3;margin:0}.show-actions{display:flex;flex-shrink:0;gap:8px}.add-show-btn,.back-btn,.episodes-btn{align-items:center;border-radius:6px;display:flex;font-size:var(--text-sm);font-weight:500;min-height:var(--mobile-touch-target);padding:8px 16px;text-decoration:none;transition:all .2s;white-space:nowrap}.back-btn{border:1px solid var(--card-border)}.episodes-btn{background-color:var(--color-success);color:#fff}.add-show-btn{background-color:var(--color-primary);border:none;color:#fff;cursor:pointer}.episodes-btn:hover{background-color:var(--color-success-hover)}.add-show-btn:hover{background-color:var(--color-primary-hover)}.add-show-btn:active,.back-btn:active,.episodes-btn:active{transform:scale(.98)}.show-info{padding:20px}.info-section{margin-bottom:24px}.info-section:last-child{margin-bottom:0}.info-section h3{border-bottom:1px solid var(--card-border);color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin:0 0 16px;padding-bottom:8px}.info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.info-item{display:flex;flex-direction:column;gap:4px}.info-item strong{color:var(--text-primary)}.info-item input,.info-item span,.info-item textarea{border:1px solid var(--card-border);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:var(--text-base);padding:8px 12px;transition:all .2s}.info-item input:focus,.info-item textarea:focus{border-color:var(--color-primary);box-shadow:var(--input-focus-shadow);cursor:text;outline:none}.info-item .placeholder-text{border:1px dashed var(--card-border);color:var(--text-secondary);font-style:italic}.info-item .placeholder-text:hover{background:var(--bg-secondary);border-color:var(--color-primary)}.url-display{align-items:center;display:flex;gap:8px}.editable-url{border:1px solid var(--card-border);border-radius:4px;cursor:pointer;flex:1 1;font-family:monospace;font-size:var(--text-sm);padding:8px 12px;transition:all .2s}.editable-url:hover{background:var(--bg-secondary);border-color:var(--color-primary)}.external-link{align-items:center;background:var(--hover-bg);border:1px solid var(--card-border);border-radius:4px;color:var(--color-primary);display:flex;font-size:var(--text-base);justify-content:center;min-height:32px;padding:8px;text-decoration:none;transition:all .2s}.external-link:hover{background:var(--color-primary);color:#fff}.full-width-footer{border-top:1px solid var(--card-border);grid-column:1/-1;margin-top:16px;padding-top:16px}.footer-preview{border:1px dashed var(--card-border);border-radius:4px;cursor:pointer;font-size:var(--text-base);line-height:1.5;min-height:80px;padding:12px;transition:all .2s}.footer-preview:hover{background:var(--bg-secondary);border-color:var(--color-primary)}.footer-preview .placeholder-text{color:var(--text-secondary);font-style:italic}.not-found{background:var(--color-warning-light);border:1px solid var(--color-warning-border);border-radius:var(--mobile-border-radius);color:var(--color-warning-text)}@media (min-width:768px){.show-detail{padding:24px}.show-header h2{font-size:var(--text-xl)}.show-actions{gap:12px}.add-show-btn,.back-btn,.episodes-btn{font-size:var(--text-base);padding:10px 20px}.show-info{padding:32px}.info-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-section{margin-bottom:32px}.info-section h3{font-size:var(--text-xl)}}@media (min-width:1024px){.show-detail{padding:32px}.show-info{padding:40px}}@media (max-width:767px){.show-header{align-items:stretch;flex-direction:column;gap:12px}.show-header h2{font-size:var(--text-base);text-align:center}.show-actions{align-self:center;gap:8px}.add-show-btn,.back-btn,.episodes-btn{font-size:var(--text-xs);padding:8px 12px}.show-info{padding:16px}.info-item input,.info-item span,.info-item textarea{font-size:var(--text-sm)}}.add-show-btn:focus,.back-btn:focus,.episodes-btn:focus,.info-item input:focus,.info-item span:focus,.info-item textarea:focus{outline:2px solid var(--color-primary);outline-offset:2px}.show-header-card,.tab-content,.tab-navigation{animation:fadeInUp .3s ease-out}.show-header-card{animation-delay:0ms}.tab-navigation{animation-delay:.1s}.tab-content{animation-delay:.2s}.routing-bar{align-items:flex-start;background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:16px;display:flex;gap:24px;padding:20px 24px}.routing-group{display:flex;flex-direction:column;gap:8px}.routing-label{color:#6b7280;color:var(--text-muted,#6b7280);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.routing-divider{align-self:stretch;background:#e5e7eb;background:var(--card-border,#e5e7eb);width:1px}.pill-group{display:flex;flex-wrap:wrap;gap:8px}.pill{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:12px;color:#4b5563;color:var(--text-secondary,#4b5563);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:500;gap:6px;padding:10px 18px;transition:all .15s}.pill:hover{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-color:#93c5fd;border-color:var(--color-primary,#93c5fd)}.pill.selected{background:#22c55e0f;background:var(--color-success-subtle,#22c55e0f);border-color:#22c55e59;border-color:var(--color-success-border,#22c55e59);color:#16a34a;color:var(--color-success,#16a34a);font-weight:600}.pill.locked{cursor:not-allowed;opacity:.5}.pill.locked:hover{background:#fff;background:var(--card-bg,#fff);border-color:#e5e7eb;border-color:var(--card-border,#e5e7eb)}.pill .pill-icon{align-items:center;display:inline-flex;font-size:16px;gap:4px}.workflow-step{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:16px;margin-bottom:12px;overflow:hidden;transition:all .2s}.workflow-step.pending{opacity:.45;pointer-events:none}.workflow-step.pending .step-body{display:none}.workflow-step.active{border-color:#93c5fd;border-color:var(--color-primary,#93c5fd);box-shadow:0 0 0 3px #3b82f614;box-shadow:0 0 0 3px var(--color-info-light,#3b82f614)}.workflow-step.done{border-color:#22c55e59;border-color:var(--color-success-border,#22c55e59)}.step-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px 24px;transition:background .15s;-webkit-user-select:none;user-select:none}.step-header:hover{background:#f8fafc;background:var(--bg-secondary,#f8fafc)}.workflow-step.pending .step-header{cursor:default}.workflow-step.pending .step-header:hover{background:#0000}.step-header-left{align-items:center;display:flex;flex:1 1;gap:14px;min-width:0}.step-header-right{gap:8px}.step-header-right,.step-number{align-items:center;display:flex;flex-shrink:0}.step-number{background:#fff;background:var(--card-bg,#fff);border:2px solid #e5e7eb;border:2px solid var(--card-border,#e5e7eb);border-radius:50%;color:#6b7280;color:var(--text-muted,#6b7280);font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.workflow-step.active .step-number{background:#3b82f614;background:var(--color-info-light,#3b82f614);border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);color:#3b82f6;color:var(--color-primary,#3b82f6)}.workflow-step.done .step-number{background:#22c55e;background:var(--color-success,#22c55e);border-color:#22c55e;border-color:var(--color-success,#22c55e);color:#fff}.step-header-text{flex:1 1;min-width:0}.step-title{color:#1f2937;color:var(--text-primary,#1f2937);font-size:15px;font-weight:600}.step-summary{color:#64748b;color:var(--text-muted,#64748b);display:none;font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-step.collapsed .step-summary{display:block}.step-toggle{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:18px;line-height:1;transition:transform .2s}.workflow-step.collapsed .step-toggle{transform:rotate(-90deg)}.step-body{padding:0 24px 24px}.workflow-step.collapsed .step-body{display:none}.step-nav{border-top:1px solid #e5e7eb;border-top:1px solid var(--card-border,#e5e7eb);display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:16px}.step-nav .btn{align-items:center;display:inline-flex;gap:6px}.edit-step-content{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:12px;display:flex;gap:16px;padding:20px}.edit-step-icon{flex-shrink:0;font-size:2.5rem;line-height:1}.edit-step-icon.dimmed{opacity:.35}.edit-step-text{flex:1 1}.edit-step-title{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;font-weight:600;margin-bottom:2px}.edit-step-title.success{color:#166534;color:var(--color-success-dark,#166534)}.edit-step-title.progress{color:#1d4ed8;color:var(--color-info-dark,#1d4ed8)}.edit-step-desc{color:#6b7280;color:var(--text-muted,#6b7280);font-size:13px}.final-files-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media (max-width:700px){.final-files-grid{grid-template-columns:1fr}}.final-file-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:all .15s}.final-file-card.ready{background:#22c55e0a;background:var(--color-success-subtle,#22c55e0a);border-color:#22c55e59;border-color:var(--color-success-border,#22c55e59)}.ff-preview{align-items:center;aspect-ratio:16/9;background:#f1f5f9;background:var(--bg-tertiary,#f1f5f9);display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.ff-preview audio,.ff-preview video{height:100%;object-fit:contain;width:100%}.ff-preview audio{padding:24px}.ff-preview-empty{align-items:center;color:#6b7280;color:var(--text-muted,#6b7280);display:flex;flex-direction:column;font-size:13px;gap:8px}.ff-preview-empty .ff-empty-icon{font-size:2rem;opacity:.4}.ff-preview-text{color:#4b5563;color:var(--text-secondary,#4b5563);font-family:monospace;font-size:12px;height:100%;overflow:auto;padding:12px 16px;white-space:pre-wrap;width:100%;word-break:break-word}.ff-body{flex-direction:column;padding:14px 18px}.ff-body,.ff-name{display:flex;gap:8px}.ff-name{align-items:center;color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;font-weight:600}.ff-detail{color:#64748b;color:var(--text-muted,#64748b);font-size:12px}.ff-detail.ready{color:#22c55e;color:var(--color-success,#22c55e)}.ff-action{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.external-path-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:16px;padding:28px}.external-path-header{align-items:flex-start;display:flex;gap:14px;margin-bottom:24px}.external-path-icon{flex-shrink:0;font-size:2rem;line-height:1}.external-path-title{color:#1f2937;color:var(--text-primary,#1f2937);font-size:16px;font-weight:600;margin-bottom:4px}.external-path-desc{color:#6b7280;color:var(--text-muted,#6b7280);font-size:13px}.external-upload-grid{display:flex;flex-direction:column;gap:10px}.external-path-footer{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--card-border,#e5e7eb);display:flex;justify-content:space-between;margin-top:20px;padding-top:16px}.external-path-note{align-items:center;color:#64748b;color:var(--text-muted,#64748b);display:flex;font-size:13px;gap:6px}.credit-badge{background:#fbbf241f;border:1px solid #fbbf244d;border-radius:4px;color:#b45309;font-size:11px;font-weight:600;gap:4px;padding:2px 8px}.credit-badge,.credit-badge .coin{align-items:center;display:inline-flex}.credit-badge .coin{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;color:#fff;font-size:8px;font-weight:700;height:14px;justify-content:center;width:14px}.credit-cost-note{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-radius:8px;color:#64748b;color:var(--text-muted,#64748b);display:flex;font-size:12px;gap:6px;margin-top:12px;padding:8px 12px}.status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;gap:.25rem;padding:.25rem .625rem}.status-badge.rendered{background:var(--color-ai-light);color:var(--color-ai-text)}.status-badge.uploaded{background:#dcfce7;background:var(--success-bg,#dcfce7);color:#166534;color:var(--success-dark,#166534)}.status-badge.missing{background:#fef2f2;background:var(--error-bg,#fef2f2);color:#dc2626;color:var(--error-color,#dc2626)}.upload-dropzone{background:#eff6ff;background:var(--primary-bg,#eff6ff);border:2px dashed #93c5fd;border:2px dashed var(--primary-light,#93c5fd);border-radius:.75rem;padding:2rem;text-align:center}.upload-dropzone.drag-active,.upload-dropzone:hover{background:#dbeafe;background:var(--primary-light,#dbeafe);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.upload-dropzone-icon{font-size:3rem;margin-bottom:1rem}.upload-dropzone-title{color:#1f2937;color:var(--text-primary,#1f2937);font-weight:500;margin-bottom:.5rem}.upload-dropzone-desc{color:#6b7280;color:var(--text-muted,#6b7280);font-size:.875rem;margin-bottom:1rem}.upload-dropzone-hint{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:.75rem;margin-top:.75rem}.source-preview-container{display:flex;gap:1.5rem}.source-preview-media{flex:1 1}.source-preview-info{display:flex;flex:1 1;flex-direction:column;justify-content:center}.source-info-box{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-radius:.5rem;padding:1.25rem}.source-info-title{align-items:center;color:#1f2937;color:var(--text-primary,#1f2937);display:flex;font-weight:600;gap:.5rem;margin-bottom:.75rem}.source-info-list{color:#4b5563;color:var(--text-secondary,#4b5563);display:flex;flex-direction:column;font-size:.875rem;gap:.75rem}.source-info-item{align-items:flex-start;display:flex;gap:.75rem}.source-info-check{color:#22c55e;color:var(--success-color,#22c55e);margin-top:.125rem}.source-info-finals{display:flex;flex-wrap:wrap;gap:.5rem;margin-left:1.5rem;margin-top:.5rem}.source-info-final-chip{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.25rem;font-size:.75rem;padding:.25rem .5rem}.all-ready-banner{background:#f0fdf4;background:var(--success-bg,#f0fdf4);border:1px solid #86efac;border:1px solid var(--success-light,#86efac);border-radius:.75rem;padding:1.5rem;text-align:center}.all-ready-icon{font-size:1.5rem;margin-bottom:.5rem}.all-ready-title{color:#166534;color:var(--success-dark,#166534);font-weight:600;margin-bottom:.25rem}.all-ready-link{color:#16a34a;color:var(--success-color,#16a34a)}.media-modal-overlay{background:var(--modal-overlay);inset:0;padding:1rem;z-index:50}.media-modal{background:#fff;background:var(--card-bg,#fff);border-radius:.75rem;max-width:28rem;padding:1.5rem;width:100%}.media-modal-icon{font-size:3rem;margin-bottom:1rem;text-align:center}.media-modal-title{font-size:1.125rem;font-weight:700;margin-bottom:.5rem;text-align:center}.media-modal-title.danger{color:#dc2626;color:var(--error-color,#dc2626)}.media-modal-title.warning{color:#1f2937;color:var(--text-primary,#1f2937)}.media-modal-warning-box{background:#fef2f2;background:var(--error-bg,#fef2f2);border:1px solid #fecaca;border:1px solid var(--error-light,#fecaca);border-radius:.5rem;margin-bottom:1rem;padding:1rem}.media-modal-warning-text{color:#991b1b;color:var(--error-dark,#991b1b);font-size:.875rem}.media-modal-warning-list{color:#b91c1c;color:var(--error-color,#b91c1c);font-size:.875rem;list-style:disc;margin:.5rem 0 0 1rem}.media-modal-warning-list li{margin:.25rem 0}.media-modal-warning-note{color:#991b1b;color:var(--error-dark,#991b1b);font-size:.875rem;font-weight:600;margin-top:.75rem}.media-modal-desc{color:#6b7280;color:var(--text-muted,#6b7280);font-size:.875rem;margin-bottom:1rem;text-align:center}.media-modal-actions{gap:.75rem}.media-modal-actions button{border-radius:.5rem;cursor:pointer;flex:1 1;font-weight:500;padding:.75rem;transition:background-color .2s}.media-modal-cancel{background:#fff;background:var(--card-bg,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);color:#4b5563;color:var(--text-secondary,#4b5563)}.media-modal-cancel:hover{background:#f9fafb;background:var(--bg-secondary,#f9fafb)}.media-modal-confirm-danger{background:#dc2626;background:var(--error-color,#dc2626);border:none;color:#fff}.media-modal-confirm-danger:hover{background:#b91c1c;background:var(--error-dark,#b91c1c)}.media-modal-confirm-warning{background:#f97316;background:var(--warning-color,#f97316);border:none;color:#fff}.media-modal-confirm-warning:hover{background:#ea580c;background:var(--warning-dark,#ea580c)}.setup-config{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:16px;margin-bottom:24px;padding:28px}.setup-config-title{align-items:center;color:#1f2937;color:var(--text-primary,#1f2937);display:flex;font-size:16px;font-weight:600;gap:10px;margin-bottom:6px}.setup-config-subtitle{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px;line-height:1.6;margin-bottom:24px}.show-default-badge{align-items:center;background:#0d948814;background:var(--color-ai-light,#0d948814);border:1px solid #0d948840;border:1px solid var(--color-ai-border,#0d948840);border-radius:4px;color:#0d9488;color:var(--color-ai,#0d9488);cursor:pointer;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:2px 8px}.config-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.config-block{display:flex;flex-direction:column}.config-block-label{align-items:center;color:#1f2937;color:var(--text-primary,#1f2937);display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:12px}.config-block-label .color-dot{border-radius:50%;height:8px;width:8px}.config-block-label .color-dot.blue{background:#3b82f6;background:var(--color-primary,#3b82f6)}.config-block-label .color-dot.green{background:#22c55e;background:var(--color-success,#22c55e)}.source-list{display:flex;flex-direction:column;gap:8px}.source-card{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:8px;display:flex;gap:10px;padding:10px 14px;transition:all .15s}.source-card:hover{border-color:#93c5fd;border-color:var(--color-primary,#93c5fd)}.source-card.primary-audio-source{background:#22c55e0a;background:var(--color-success-subtle,#22c55e0a);border-color:#22c55e40;border-color:var(--color-success-border,#22c55e40)}.source-card .source-icon{align-items:center;border-radius:6px;display:flex;flex-shrink:0;font-size:15px;height:32px;justify-content:center;width:32px}.source-card .source-icon.cam{background:#3b82f614;background:var(--color-info-light,#3b82f614);border:1px solid #3b82f640;border:1px solid var(--color-info-border,#3b82f640)}.source-card .source-icon.audio{background:#22c55e14;background:var(--color-success-light,#22c55e14);border:1px solid #22c55e40;border:1px solid var(--color-success-border,#22c55e40)}.source-card .source-info{flex:1 1;min-width:0}.source-card .source-name{align-items:center;color:#1f2937;color:var(--text-primary,#1f2937);display:flex;font-size:13px;font-weight:600;gap:6px}.source-card .source-detail{color:#64748b;color:var(--text-muted,#64748b);font-size:11px}.source-card .source-actions{align-items:center;display:flex;gap:4px}.source-card .source-actions button{background:none;border:none;border-radius:4px;color:#64748b;color:var(--text-muted,#64748b);cursor:pointer;font-size:14px;padding:4px;transition:all .15s}.source-card .source-actions button:hover{background:#f9fafb;background:var(--bg-tertiary,#f9fafb);color:#4b5563;color:var(--text-secondary,#4b5563)}.source-card .source-actions button.remove:hover{background:#ef444414;background:var(--color-danger-light,#ef444414);color:#ef4444;color:var(--color-danger,#ef4444)}.add-source-btn{align-items:center;background:#0000;border:1px dashed #e5e7eb;border:1px dashed var(--card-border,#e5e7eb);border-radius:8px;color:#64748b;color:var(--text-muted,#64748b);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:10px;transition:all .15s}.add-source-btn:hover{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-color:#93c5fd;border-color:var(--color-primary,#93c5fd);color:#4b5563;color:var(--text-secondary,#4b5563)}.audio-mode-toggle{background:#f9fafb;background:var(--bg-tertiary,#f9fafb);border-radius:8px;display:flex;gap:4px;margin-bottom:12px;padding:3px}.audio-mode-opt{background:#0000;border:none;border-radius:5px;color:#64748b;color:var(--text-muted,#64748b);cursor:pointer;flex:1 1;font-family:inherit;font-size:12px;font-weight:500;padding:6px 10px;text-align:center;transition:all .15s}.audio-mode-opt:hover{color:#4b5563;color:var(--text-secondary,#4b5563)}.audio-mode-opt.active{background:#fff;background:var(--card-bg,#fff);box-shadow:0 1px 3px #0000001a;color:#1f2937;color:var(--text-primary,#1f2937)}.speaker-tag{align-items:center;border-radius:4px;display:inline-flex;font-size:10px;font-weight:600;gap:4px;letter-spacing:.03em;padding:1px 7px}.speaker-tag.host{background:#f9731614;background:var(--color-warning-light,#f9731614);color:#f97316;color:var(--color-warning,#f97316)}.speaker-tag.guest{background:#06b6d414;background:var(--color-info-light,#06b6d414);color:#06b6d4;color:var(--color-info,#06b6d4)}.inline-select{appearance:none;-webkit-appearance:none;background:#f9fafb;background:var(--bg-tertiary,#f9fafb);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='%2394a3b8'%3E%3Cpath d='m0 0 5 6 5-6z'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:4px;color:#4b5563;color:var(--text-secondary,#4b5563);cursor:pointer;font-family:inherit;font-size:11px;padding:3px 20px 3px 8px}.callout{align-items:flex-start;border-radius:8px;display:flex;font-size:13px;gap:10px;line-height:1.5;margin-top:12px;padding:12px 16px}.callout.info{background:#3b82f614;background:var(--color-info-light,#3b82f614);border:1px solid #3b82f640;border:1px solid var(--color-info-border,#3b82f640)}.callout.info,.callout.warn{color:#4b5563;color:var(--text-secondary,#4b5563)}.callout.warn{background:#f9731614;background:var(--color-warning-light,#f9731614);border:1px solid #f9731640;border:1px solid var(--color-warning-border,#f9731640)}.callout .callout-icon{flex-shrink:0;font-size:16px;margin-top:1px}.callout strong{color:#1f2937;color:var(--text-primary,#1f2937);font-weight:600}.detected-setup{background:#f9fafb;background:var(--bg-tertiary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:8px;margin-top:20px;padding:10px 18px}.detected-desc{color:#4b5563;color:var(--text-secondary,#4b5563);font-size:13px}.full-width-row{grid-column:1/-1}.editable-label{align-items:center;background:#f9fafb;background:var(--bg-tertiary,#f9fafb);border:1px solid #0000;border-radius:4px;color:#4b5563;color:var(--text-secondary,#4b5563);cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:2px 8px;transition:all .15s}.editable-label:hover{border-color:#e5e7eb;border-color:var(--card-border,#e5e7eb)}.editable-label .edit-icon{color:#64748b;color:var(--text-muted,#64748b);font-size:10px}.editable-label-input{background:#fff;background:var(--card-bg,#fff);border:1px solid #3b82f6;border:1px solid var(--color-primary,#3b82f6);border-radius:4px;color:#1f2937;color:var(--text-primary,#1f2937);font-family:inherit;font-size:12px;min-width:80px;outline:none;padding:2px 8px}.primary-audio-badge{align-items:center;background:#22c55e14;background:var(--color-success-light,#22c55e14);border:1px solid #22c55e40;border:1px solid var(--color-success-border,#22c55e40);border-radius:4px;color:#22c55e;color:var(--color-success,#22c55e);display:inline-flex;font-size:10px;font-weight:600;gap:3px;letter-spacing:.03em;padding:1px 8px;white-space:nowrap}.primary-audio-badge.small{font-size:9px;padding:0 6px}.set-primary-btn{background:none!important;border:1px solid #0000!important;border-radius:4px!important;color:#64748b!important;color:var(--text-muted,#64748b)!important;cursor:pointer;font-size:13px!important;opacity:.4;padding:4px 6px!important;transition:all .15s}.source-card:hover .set-primary-btn{opacity:1}.set-primary-btn:hover{background:#22c55e14!important;background:var(--color-success-light,#22c55e14)!important;border-color:#22c55e40!important;border-color:var(--color-success-border,#22c55e40)!important;color:#22c55e!important;color:var(--color-success,#22c55e)!important;opacity:1}.primary-audio-picker{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:8px;padding:14px 16px}.picker-label{color:#4b5563;color:var(--text-secondary,#4b5563);font-size:12px;font-weight:600;margin-bottom:8px}.picker-select{appearance:none;-webkit-appearance:none;background:#22c55e14;background:var(--color-success-light,#22c55e14);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='%2322c55e'%3E%3Cpath d='m0 0 5 6 5-6z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #22c55e40;border:1px solid var(--color-success-border,#22c55e40);border-radius:6px;color:#22c55e;color:var(--color-success,#22c55e);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:8px 28px 8px 12px;width:100%}.picker-select:hover{border-color:#22c55e;border-color:var(--color-success,#22c55e)}.picker-select option{background:#fff;background:var(--card-bg,#fff);color:#1f2937;color:var(--text-primary,#1f2937)}.picker-hint{color:#64748b;color:var(--text-muted,#64748b);font-size:11px;font-style:italic;margin-top:6px}.diarization-notice{align-items:center;background:#f9731614;background:var(--color-warning-light,#f9731614);border:1px solid #f9731640;border:1px solid var(--color-warning-border,#f9731640);border-radius:8px;color:#4b5563;color:var(--text-secondary,#4b5563);display:flex;font-size:12px;gap:8px;margin-top:8px;padding:8px 12px}.diarization-notice .notice-icon{font-size:14px}.diarization-notice strong{color:#1f2937;color:var(--text-primary,#1f2937)}.num-stepper{align-items:center;border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:6px;display:inline-flex;gap:0;overflow:hidden}.num-stepper button{background:#f9fafb;background:var(--bg-tertiary,#f9fafb);border:none;color:#4b5563;color:var(--text-secondary,#4b5563);cursor:pointer;font-family:inherit;font-size:14px;height:28px;transition:all .15s;width:28px}.num-stepper button:hover{background:#e5e7eb;background:var(--hover-bg,#e5e7eb);color:#1f2937;color:var(--text-primary,#1f2937)}.num-stepper button:disabled{cursor:not-allowed;opacity:.4}.num-stepper .num-value{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-left:1px solid #e5e7eb;border-left:1px solid var(--card-border,#e5e7eb);border-right:1px solid #e5e7eb;border-right:1px solid var(--card-border,#e5e7eb);color:#1f2937;color:var(--text-primary,#1f2937);display:flex;font-family:monospace;font-family:var(--font-mono,monospace);font-size:13px;font-weight:600;height:28px;justify-content:center;width:32px}.upload-section{margin-top:28px}.upload-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.upload-section-title{align-items:center;color:#1f2937;color:var(--text-primary,#1f2937);display:flex;font-size:15px;font-weight:600;gap:8px}.file-count-badge{background:#f9fafb;background:var(--bg-tertiary,#f9fafb);border-radius:10px;color:#64748b;color:var(--text-muted,#64748b);font-size:11px;font-weight:600;padding:2px 8px}.file-count-badge.ready{background:#22c55e14;background:var(--color-success-light,#22c55e14);color:#22c55e;color:var(--color-success,#22c55e)}.upload-grid{display:flex;flex-direction:column;gap:10px}.upload-slot{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:12px;display:flex;gap:14px;padding:14px 18px;transition:all .2s}.upload-slot:hover{border-color:#93c5fd;border-color:var(--color-primary,#93c5fd)}.upload-slot.uploaded{background:#22c55e0a;background:var(--color-success-subtle,#22c55e0a);border-color:#22c55e40;border-color:var(--color-success-border,#22c55e40)}.final-file-card.drag-active,.upload-slot.drag-active{background:#3b82f60f;background:var(--color-primary-subtle,#3b82f60f);border-color:#93c5fd;border-color:var(--color-primary,#93c5fd);box-shadow:0 0 0 2px #3b82f61f;box-shadow:0 0 0 2px var(--color-primary-subtle,#3b82f61f)}.upload-slot .slot-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.upload-slot .slot-icon.cam{background:#3b82f614;background:var(--color-info-light,#3b82f614);border:1px solid #3b82f640;border:1px solid var(--color-info-border,#3b82f640)}.upload-slot .slot-icon.audio{background:#22c55e14;background:var(--color-success-light,#22c55e14);border:1px solid #22c55e40;border:1px solid var(--color-success-border,#22c55e40)}.upload-slot .slot-info{flex:1 1}.upload-slot .slot-name{align-items:center;color:#1f2937;color:var(--text-primary,#1f2937);display:flex;font-size:14px;font-weight:600;gap:8px}.upload-slot .slot-detail{color:#64748b;color:var(--text-muted,#64748b);font-size:12px}.upload-slot .slot-detail.uploaded-detail{color:#22c55e;color:var(--color-success,#22c55e)}.upload-slot .slot-action{align-items:center;display:flex;flex-shrink:0;gap:8px}.upload-btn{background:#f9fafb;background:var(--bg-tertiary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:8px;color:#4b5563;color:var(--text-secondary,#4b5563);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;padding:8px 18px;transition:all .15s}.upload-btn:hover{background:#e5e7eb;background:var(--hover-bg,#e5e7eb);border-color:#93c5fd;border-color:var(--color-primary,#93c5fd);color:#1f2937;color:var(--text-primary,#1f2937)}.upload-btn.primary{background:#22c55e;background:var(--color-success,#22c55e);border-color:#22c55e40;border-color:var(--color-success-border,#22c55e40);color:#fff;font-weight:600}.upload-btn.primary:hover{background:#16a34a}.uploaded-status{align-items:center;color:#22c55e;color:var(--color-success,#22c55e);display:flex;font-size:13px;font-weight:600;gap:6px}.uploaded-delete-btn{background:none;border:none;border-radius:4px;color:#64748b;color:var(--text-muted,#64748b);cursor:pointer;font-size:14px;padding:4px 6px;transition:all .15s}.uploaded-delete-btn:hover{background:#ef444414;background:var(--color-danger-light,#ef444414);color:#ef4444;color:var(--color-danger,#ef4444)}.next-steps{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:12px;margin-top:24px;padding:20px 24px}.next-steps h4{align-items:center;color:#1f2937;color:var(--text-primary,#1f2937);display:flex;font-size:14px;font-weight:600;gap:6px;margin-bottom:10px}.next-steps ul{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.next-steps li{align-items:center;color:#4b5563;color:var(--text-secondary,#4b5563);display:flex;font-size:13px;gap:8px}.next-steps li .check{color:#22c55e;color:var(--color-success,#22c55e);font-size:14px}.output-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.output-tag{background:#f9fafb;background:var(--bg-tertiary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:4px;color:#4b5563;color:var(--text-secondary,#4b5563);font-size:12px;font-weight:500;padding:4px 10px}.help-icon{align-items:center;border:1px solid #e5e7eb;border:1px solid var(--card-border,#e5e7eb);border-radius:50%;color:#64748b;color:var(--text-muted,#64748b);cursor:help;display:inline-flex;flex-shrink:0;font-size:10px;font-weight:700;height:16px;justify-content:center;width:16px}.fade-in{animation:fadeIn .25s ease-out}@media (max-width:768px){.source-preview-container{flex-direction:column}}@media (max-width:700px){.routing-bar{flex-direction:column;gap:16px}.routing-divider{align-self:auto;height:1px;width:100%}.config-grid{grid-template-columns:1fr}.step-summary{max-width:250px}}.guests-tab{background:var(--bg-secondary);font-family:var(--font-sans);min-height:100vh;padding:var(--mobile-padding)}.guests-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:20px}.guests-header h3{color:var(--text-primary);flex:1 1;font-size:var(--text-lg);font-weight:600;margin:0}.guests-filters{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:var(--mobile-padding)}.filter-row{flex-wrap:wrap;gap:12px}.active-filter,.filter-row{align-items:center;display:flex}.active-filter{color:var(--text-primary);cursor:pointer;flex-shrink:0;font-size:var(--text-sm);font-weight:500;gap:6px;white-space:nowrap}.active-filter input[type=checkbox]{cursor:pointer;height:16px;width:16px}.guests-main{display:flex;flex-direction:column;gap:16px;min-height:600px}.guests-list{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);flex:1 1;min-height:300px;overflow:hidden}.loading{font-style:italic;padding:40px 20px}.no-guests{color:var(--text-secondary);padding:60px 20px;text-align:center}.no-guests p{font-size:var(--text-base);margin-bottom:16px}.no-guests button{background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:var(--text-sm);font-weight:500;padding:12px 20px;transition:all .2s}.no-guests button:hover{background:var(--color-primary-hover)}.guest-item{border-bottom:1px solid var(--card-border);cursor:pointer;padding:16px;transition:all .2s}.guest-item:last-child{border-bottom:none}.guest-item:hover{background:var(--bg-secondary)}.guest-item.selected{background:var(--active-bg);border-left:4px solid var(--color-primary)}.guest-info{display:flex;flex-direction:column;gap:6px}.guest-name{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--text-base);gap:8px}.guest-email{font-size:var(--text-sm)}.guest-stats{color:var(--text-secondary);font-size:var(--text-xs)}.guest-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.guest-details{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);display:flex;flex:1 1;flex-direction:column;min-height:400px;overflow:hidden}.no-selection{align-items:center;color:var(--text-secondary);display:flex;font-style:italic;height:100%;justify-content:center;padding:40px;text-align:center}.guest-header{background:var(--bg-secondary);border-bottom:1px solid var(--card-border);padding:20px}.guest-title{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.guest-title h4{color:var(--text-primary);flex:1 1;font-size:var(--text-lg);font-weight:600;margin:0;min-width:200px}.guest-actions{display:flex;flex-wrap:wrap;gap:8px}.guest-info-section{flex:1 1;overflow-y:auto;padding:20px}.info-item{border-bottom:1px solid var(--card-border);color:var(--text-primary);margin-bottom:16px;padding-bottom:12px}.info-item:last-child{border-bottom:none;margin-bottom:0}.info-item strong{color:var(--text-secondary);display:block;font-size:var(--text-sm);font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.info-item p{color:var(--text-primary);font-size:var(--text-base);line-height:1.5;margin:0}.info-item a{color:var(--color-primary);font-weight:500;text-decoration:none}.info-item a:hover{text-decoration:underline}.episode-history{background:var(--bg-secondary);border-top:1px solid var(--card-border);padding:20px}.episode-history h5{border-bottom:1px solid var(--card-border);color:var(--text-primary);font-size:var(--text-base);font-weight:600;margin:0 0 16px;padding-bottom:8px}.episode-item{border-bottom:1px solid var(--border-color);padding:12px 0}.episode-item:last-child{border-bottom:none}.episode-info strong{color:var(--text-primary);display:block;font-size:var(--text-base);font-weight:600;margin-bottom:4px}.episode-meta{color:var(--text-secondary);font-size:var(--text-sm)}.modal-overlay{align-items:center;background:var(--modal-overlay);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--modal-bg);border-radius:var(--mobile-border-radius);box-shadow:0 10px 30px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h4{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin:0}.modal-close{align-items:center;background:var(--bg-surface);border:1px solid var(--card-border);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;line-height:1;transition:all .2s;width:32px}.modal-close:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.modal-error{background:var(--color-danger-light);border-left:4px solid var(--color-danger);border-radius:6px;color:var(--color-danger);font-size:var(--text-sm);margin:16px 24px 0;padding:12px}.guest-form{padding:24px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:var(--text-primary);font-size:var(--text-sm);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.form-group input,.form-group textarea{background:var(--card-bg);border:2px solid var(--card-border);border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:var(--text-base);min-height:var(--mobile-touch-target);padding:10px 12px;transition:all .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group textarea{line-height:1.5}.form-actions{border-top:1px solid var(--card-border);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px}.form-actions button{background:var(--bg-surface);border:1px solid var(--card-border);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:var(--text-base);font-weight:500;min-height:var(--mobile-touch-target);padding:10px 20px;transition:all .2s}.form-actions button:hover{background:var(--bg-secondary)}.form-actions button.primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.form-actions button.primary:hover{background:var(--color-primary-hover)}@media (min-width:768px){.guests-tab{padding:20px}.guests-header h3{font-size:var(--text-xl)}.add-guest-btn{font-size:var(--text-base);padding:12px 20px}.filter-row{align-items:center;flex-wrap:nowrap}.expertise-filter,.search-input{min-width:200px}.guests-main{flex-direction:row;gap:20px;min-height:700px}.guests-list{flex:0 0 400px;max-width:400px}.guest-details{flex:1 1}.guest-title{align-items:center;flex-wrap:nowrap}.guest-title h4{min-width:auto}.guest-actions{flex-wrap:nowrap}.form-row{grid-template-columns:1fr 1fr}.form-group.full-width{grid-column:1/-1}.form-actions{justify-content:flex-end}.form-actions button{min-width:120px}}@media (min-width:1024px){.guests-tab{padding:24px}.guests-list{flex:0 0 450px;max-width:450px}.modal-content{max-width:700px}.guest-form{padding:32px}}@media (max-width:767px){.guests-header{align-items:stretch;flex-direction:column;gap:12px}.guests-header h3{font-size:var(--text-base);text-align:center}.add-guest-btn{justify-content:center;width:100%}.filter-row{align-items:stretch;flex-direction:column;gap:8px}.expertise-filter,.search-input{min-width:auto}.guest-title{align-items:stretch;flex-direction:column;gap:12px}.guest-title h4{min-width:auto;text-align:center}.guest-actions{justify-content:center}.form-actions{flex-direction:column;gap:8px}.form-actions button{width:100%}.modal-content{margin:10px;width:calc(100% - 20px)}}.guest-item{animation:fadeInUp .2s ease-out}.guest-details{animation:fadeIn .3s ease-out}.modal-content{animation:slideIn .3s ease-out}.add-guest-btn:focus,.delete-btn:focus,.edit-btn:focus,.expertise-filter:focus,.guest-item:focus,.search-input:focus,.toggle-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.guest-item[tabindex]:focus{background:#eff6ff;border-left:4px solid var(--color-primary)}.episode-access-section{border-top:1px solid var(--card-border);padding:20px}.episode-access-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.episode-access-section h5{color:var(--text-primary);font-size:var(--text-base);font-weight:600;margin:0}.cancel-btn,.manage-access-btn,.save-btn{background:var(--bg-surface);border:1px solid;border-radius:4px;cursor:pointer;font-size:var(--text-xs);font-weight:500;min-height:32px;padding:6px 12px;transition:all .2s;white-space:nowrap}.manage-access-btn{border-color:var(--color-primary);color:var(--color-primary)}.manage-access-btn:hover{background:var(--color-primary);color:#fff}.save-btn{border-color:var(--color-primary)}.save-btn:hover{background:var(--color-primary-hover)}.cancel-btn{border-color:var(--card-border);color:var(--text-secondary)}.cancel-btn:hover{background:var(--bg-tertiary)}.access-manager .help-text{background:var(--bg-secondary);border-radius:6px;color:var(--text-secondary);font-size:var(--text-sm);padding:12px}.access-manager .help-text,.episode-checkboxes{border:1px solid var(--card-border);margin-bottom:16px}.episode-checkboxes{border-radius:6px;max-height:250px;overflow-y:auto;padding:8px}.episode-checkbox{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:10px;padding:10px}.episode-checkbox:hover{background:var(--bg-secondary)}.episode-checkbox input[type=checkbox]{flex-shrink:0;height:16px;width:16px}.episode-checkbox span{color:var(--text-primary);font-size:var(--text-sm);line-height:1.4}.access-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.current-access p{background:var(--bg-secondary);border:1px dashed var(--card-border);border-radius:6px;color:var(--text-secondary);font-size:var(--text-sm);padding:12px;text-align:center}.permissions-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;margin-top:16px;overflow:hidden}.panel-loading{color:var(--text-secondary);padding:40px;text-align:center}.panel-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--bg-tertiary);display:flex;justify-content:space-between;padding:16px 20px}.panel-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.preset-select{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);padding:8px 12px}.preset-select,.save-btn{cursor:pointer;font-size:12px}.save-btn{background:var(--color-primary);border:none;border-radius:8px;color:#fff;font-weight:500;padding:8px 16px;transition:background .2s}.save-btn:hover:not(:disabled){background:var(--color-primary-hover)}.save-btn:disabled{background:var(--text-muted);cursor:not-allowed}.close-btn{align-items:center;background:var(--bg-tertiary);border-radius:6px;display:flex;font-size:18px;justify-content:center}.close-btn:hover{background:var(--border-color)}.stats-bar{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--bg-tertiary);display:flex;gap:16px;padding:12px 20px}.stat-value{color:var(--text-primary);font-size:18px}.stat-value.credit-value{color:#f59e0b}.stat-label{font-size:10px}.stat-divider{background:var(--border-color);height:30px;width:1px}.unsaved-indicator{color:#f59e0b;font-size:11px;font-weight:500;margin-left:auto}.sections-container{padding:16px 20px}.permission-section{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;margin-bottom:12px;overflow:hidden}.section-header{cursor:pointer;justify-content:space-between;padding:14px 18px;transition:background .15s}.section-header.expanded,.section-header:hover{background:var(--bg-secondary)}.section-header.expanded{border-bottom:1px solid var(--border-color)}.section-title{align-items:center;display:flex;gap:10px}.section-icon{font-size:18px}.section-name{color:var(--text-primary);font-size:14px;font-weight:600}.section-header .chevron{color:var(--text-muted);transition:transform .2s}.section-header.expanded .chevron{transform:rotate(180deg)}.section-content{padding:16px 20px}.all-episodes-section{border-bottom:1px solid var(--bg-tertiary);margin-bottom:16px;padding-bottom:16px}.subsection-label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.all-episode-permission{align-items:center;background:var(--bg-secondary);border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.all-episode-permission:last-child{margin-bottom:0}.permission-label{color:var(--text-primary);font-size:13px;font-weight:500}.permission-tab{border-bottom:1px solid var(--bg-tertiary);margin-bottom:12px;padding-bottom:12px}.permission-tab:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.tab-header{justify-content:space-between}.tab-header,.tab-label-group{align-items:center;display:flex}.tab-label-group{gap:8px}.tab-label{color:var(--text-primary);font-size:13px;font-weight:600}.tab-note{background:#eef2ff;border-radius:3px;color:#4f46e5;font-size:10px;font-weight:500;padding:2px 6px}.tab-toggle-group{align-items:center;display:flex;gap:8px}.tab-description,.toggle-label{color:var(--text-muted);font-size:11px}.tab-description{margin-top:4px}.tab-children{border-left:2px solid var(--border-color);margin-left:16px;margin-top:8px;padding-left:12px}.child-permission{align-items:center;display:flex;justify-content:space-between;padding:6px 0}.child-permission.disabled{opacity:.4}.child-label-group{align-items:center;display:flex;gap:8px}.child-label{color:#4b5563;font-size:12px}.credits-badge{background:#fef3c7;border-radius:3px;color:#92400e;font-size:9px;font-weight:600;letter-spacing:.3px;padding:2px 5px}.child-permission.disabled .credits-badge{background:var(--bg-tertiary);color:var(--text-muted)}.permission-toggle{background:var(--bg-disabled);border-radius:10px;cursor:pointer;flex-shrink:0;height:20px;position:relative;transition:background .2s ease;width:36px}.permission-toggle.small{height:18px;width:32px}.permission-toggle.enabled{background:#10b981}.permission-toggle.disabled{background:var(--border-color);cursor:not-allowed}.toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:16px;left:2px;position:absolute;top:2px;transition:left .2s ease;width:16px}.permission-toggle.small .toggle-thumb{height:14px;width:14px}.permission-toggle.enabled .toggle-thumb{left:18px}.permission-toggle.small.enabled .toggle-thumb{left:16px}.gallery-note{background:var(--bg-secondary);border-top:1px solid var(--bg-tertiary);color:var(--text-secondary);font-size:12px;padding:12px 20px}.gallery-note strong{color:var(--text-primary)}.show-selection-required{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:2rem}.show-selection-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;box-shadow:var(--shadow-md);max-width:600px;padding:2rem;width:100%}.show-selection-card h2{color:var(--text-primary);margin-top:0;text-align:center}.show-selection-card>p{color:var(--text-secondary);margin-bottom:2rem;text-align:center}.show-list{display:flex;flex-direction:column;gap:1rem}.show-selection-button{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;cursor:pointer;padding:1.5rem;text-align:left;transition:all .2s}.show-selection-button:hover{background:var(--bg-secondary);border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.show-name{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.show-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.show-role{color:var(--color-primary);font-size:.85rem;font-weight:500}:root{--gallery-padding:20px;--gallery-gap:20px;--gallery-border-radius:8px;--gallery-shadow:0 2px 4px #0000001a;--gallery-shadow-hover:0 4px 8px #00000026;--gallery-bg:var(--bg-secondary);--gallery-card-bg:var(--bg-surface);--gallery-border:var(--border-color);--gallery-text-primary:var(--text-primary);--gallery-text-secondary:var(--text-secondary);--gallery-accent:var(--color-primary);--gallery-touch-target:44px;--gallery-min-touch:32px}.gallery-manager{background:#0000;font-family:var(--font-sans);margin:0 auto;max-width:1200px;padding:0 var(--mobile-padding)}.gallery-back-btn{background-color:var(--bg-tertiary);border-radius:4px;color:var(--text-primary);min-height:32px;min-height:var(--gallery-min-touch);transition:background-color .2s}.gallery-back-btn:hover{background-color:var(--bg-disabled)}.gallery-tab-content{min-height:400px;position:relative;width:100%}.gallery-grid{grid-gap:20px;grid-gap:var(--gallery-gap);display:grid;gap:20px;gap:var(--gallery-gap);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:20px}.gallery-grid-large{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.gallery-grid-small{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.gallery-grid-compact{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.gallery-loading{align-items:center;background:var(--bg-surface);background:var(--gallery-card-bg);border:1px solid var(--gallery-border);border-radius:8px;border-radius:var(--gallery-border-radius);color:var(--text-secondary);color:var(--gallery-text-secondary);display:flex;font-size:16px;height:200px;justify-content:center}.gallery-error{background-color:var(--color-danger-light);border-left:4px solid var(--color-danger);color:var(--color-danger-text);font-weight:500;margin-bottom:16px;padding:16px}.gallery-empty-state,.gallery-error{border-radius:8px;border-radius:var(--gallery-border-radius)}.gallery-empty-state{align-items:center;background:var(--bg-surface);background:var(--gallery-card-bg);border:1px solid var(--gallery-border);display:flex;flex-direction:column;justify-content:center;margin:20px 0;padding:40px 20px;text-align:center}.gallery-empty-icon{font-size:48px;margin-bottom:16px;opacity:.6}.gallery-empty-icon,.gallery-empty-state p{color:var(--text-secondary);color:var(--gallery-text-secondary)}.gallery-empty-state p{font-size:16px;margin:8px 0}.gallery-empty-state p:first-of-type{color:var(--text-primary);color:var(--gallery-text-primary);font-size:18px;font-weight:600}.gallery-tab-container{background:var(--bg-surface);background:var(--gallery-card-bg);border:1px solid var(--gallery-border);border-radius:8px;border-radius:var(--gallery-border-radius);box-shadow:0 2px 4px #0000001a;box-shadow:var(--gallery-shadow);padding:20px;padding:var(--gallery-padding)}.gallery-tab-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.gallery-tab-header h3{color:var(--text-primary);color:var(--gallery-text-primary);font-size:20px;font-weight:600;margin:0}.gallery-tab-actions,.gallery-tab-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.gallery-tab-filters{margin-bottom:16px}@media (max-width:1024px){.gallery-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.gallery-grid-large{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.gallery-grid-small{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.gallery-tab-header{align-items:stretch;flex-direction:column;gap:12px}.gallery-tab-actions{justify-content:center}}@media (max-width:767px){.gallery-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.gallery-grid-large{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.gallery-grid-small{grid-template-columns:repeat(2,1fr)}.gallery-grid-compact{gap:8px;grid-template-columns:repeat(3,1fr)}.gallery-tab-container{padding:16px}.gallery-tab-header h3{font-size:18px;text-align:center}.gallery-tab-actions{flex-direction:column;width:100%}.gallery-tab-filters{justify-content:center}.gallery-empty-state{padding:30px 16px}.gallery-empty-icon{font-size:40px}.gallery-empty-state p{font-size:14px}.gallery-empty-state p:first-of-type{font-size:16px}}@media (max-width:480px){.gallery-grid{gap:8px}.gallery-grid,.gallery-grid-large{grid-template-columns:repeat(2,1fr)}}.gallery-card{background:var(--gallery-card-bg);border:1px solid var(--gallery-border);border-radius:var(--gallery-border-radius);box-shadow:var(--gallery-shadow);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .2s ease}.gallery-card:hover{box-shadow:var(--gallery-shadow-hover);transform:translateY(-2px)}.gallery-card-preview{align-items:center;background:var(--gallery-bg);display:flex;flex-shrink:0;height:160px;justify-content:center;overflow:hidden;position:relative}.gallery-card-preview img{display:block;max-height:100%;max-width:100%;object-fit:contain}.gallery-card-overlay{background:#000000b3;font-weight:500;right:8px}.gallery-card-badge,.gallery-card-overlay{border-radius:4px;color:#fff;font-size:12px;padding:4px 8px;position:absolute;top:8px}.gallery-card-badge{background:var(--gallery-accent);font-weight:600;left:8px}.gallery-card-badge.active{background:#48bb78}.gallery-card-badge.template{background:#ed8936}.gallery-card-info{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:12px 16px}.gallery-card-title{color:var(--gallery-text-primary);font-size:16px;font-weight:600;line-height:1.3;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-card-meta{align-items:center;color:var(--gallery-text-secondary);display:flex;font-size:12px;gap:8px;justify-content:space-between;margin-bottom:8px}.gallery-card-type{background:var(--gallery-bg);border-radius:4px;font-size:11px;font-weight:500;padding:2px 6px;white-space:nowrap}.gallery-card-date{white-space:nowrap}.gallery-card-actions{border-top:1px solid var(--gallery-border);display:flex;gap:6px;margin-top:auto;padding-top:8px}.gallery-btn{align-items:center;border:none;border-radius:6px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;min-height:var(--gallery-min-touch);padding:8px 16px;text-decoration:none;transition:all .2s}.gallery-btn:disabled{cursor:not-allowed;opacity:.6}.gallery-btn-primary{background:var(--gallery-accent);color:#fff}.gallery-btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.gallery-btn-secondary{background:var(--gallery-bg);border:1px solid var(--gallery-border);color:var(--gallery-text-primary)}.gallery-btn-secondary:hover:not(:disabled){background:var(--bg-tertiary)}.gallery-btn-success{background:var(--color-success);color:#fff}.gallery-btn-success:hover:not(:disabled){background:var(--color-success-hover)}.gallery-btn-danger{background:var(--color-danger);color:#fff}.gallery-btn-danger:hover:not(:disabled){background:var(--color-danger-hover)}.gallery-btn-small{font-size:12px;min-height:28px;padding:6px 12px}.gallery-btn-large{font-size:16px;min-height:var(--gallery-touch-target);padding:12px 24px}.gallery-btn-full{width:100%}.gallery-btn-icon{min-width:var(--gallery-min-touch);padding:8px}.gallery-card-actions .gallery-btn{flex:1 1;font-size:12px;padding:6px 8px}.gallery-type-selector{-webkit-overflow-scrolling:touch;background:var(--gallery-bg);border:1px solid var(--gallery-border);border-radius:var(--gallery-border-radius);display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding:4px}.gallery-type-btn{background:#0000;border:none;border-radius:4px;color:var(--gallery-text-secondary);cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;min-height:var(--gallery-min-touch);padding:10px 16px;transition:all .2s ease;white-space:nowrap}.gallery-type-btn.active{background:var(--gallery-accent);box-shadow:0 2px 4px #4a90e24d;color:#fff}.gallery-type-btn:hover:not(.active){background:var(--bg-surface);color:var(--gallery-text-primary)}.gallery-toolbar{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.gallery-toolbar .gallery-type-selector{margin-bottom:0}.gallery-search-wrapper{max-width:320px;position:relative}.gallery-search-wrapper .gallery-search-icon{align-items:center;color:var(--gallery-text-secondary);display:flex;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.gallery-search-input{background:var(--bg-surface);border:1px solid var(--gallery-border);border-radius:6px;box-sizing:border-box;color:var(--text-primary);font-size:14px;min-height:var(--gallery-min-touch);padding:8px 12px 8px 34px;transition:border-color .2s;width:100%}.gallery-search-input:focus{border-color:var(--gallery-accent);box-shadow:0 0 0 3px #4a90e21a;outline:none}.gallery-search-input::placeholder{color:var(--gallery-text-secondary)}.gallery-form-group{margin-bottom:16px}.gallery-form-group label,.gallery-form-label{color:var(--gallery-text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:6px}.gallery-form-control{background:var(--bg-surface);border:1px solid var(--gallery-border);border-radius:6px;box-sizing:border-box;color:var(--text-primary);font-size:14px;min-height:var(--gallery-min-touch);padding:10px 12px;transition:border-color .2s;width:100%}.gallery-form-control:focus{border-color:var(--gallery-accent);box-shadow:0 0 0 3px #4a90e21a;outline:none}.gallery-form-control.error{border-color:#e53e3e}.gallery-textarea{font-family:inherit;min-height:80px;resize:vertical}.gallery-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:32px}.gallery-color-picker{cursor:pointer;height:40px;padding:4px}.gallery-file-input{left:-9999px;opacity:0;position:absolute}.gallery-file-label{background:var(--gallery-accent);border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;min-height:var(--gallery-min-touch);padding:10px 16px;text-align:center;transition:background-color .2s}.gallery-file-label:hover{background:var(--color-primary-hover)}.gallery-filter-toggle{align-items:center;background:var(--gallery-bg);border:1px solid var(--gallery-border);border-radius:6px;color:var(--gallery-text-secondary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 10px;transition:all .2s;-webkit-user-select:none;user-select:none}.gallery-filter-toggle:hover{background:var(--bg-surface);border-color:var(--gallery-accent)}.gallery-filter-toggle input[type=checkbox]{accent-color:var(--gallery-accent);cursor:pointer;height:16px;margin:0;width:16px}.gallery-counter{background:var(--gallery-bg);border-radius:12px;color:var(--gallery-text-secondary);font-size:12px;font-weight:500;padding:4px 8px}.gallery-status-indicator{align-items:center;display:inline-flex;font-size:12px;font-weight:500;gap:4px}.gallery-status-dot{background:var(--gallery-text-secondary);border-radius:50%;height:8px;width:8px}.gallery-status-dot.active{background:#48bb78}.gallery-status-dot.inactive{background:#e53e3e}.gallery-status-dot.pending{background:#ed8936}.gallery-episode-info{background:var(--gallery-bg);border:1px solid var(--gallery-border);border-radius:6px;margin-bottom:8px;padding:8px 12px}.gallery-episode-link{color:var(--gallery-text-primary);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.gallery-episode-link:hover{color:var(--gallery-accent);text-decoration:underline}@media (max-width:1024px){.gallery-card-preview{height:140px}.gallery-card-title{font-size:15px}.gallery-type-selector{flex-wrap:wrap;gap:6px}.gallery-type-btn{font-size:13px;padding:8px 14px}}@media (max-width:767px){.gallery-card-preview{height:120px}.gallery-card-info{padding:10px 12px}.gallery-card-title{font-size:14px;line-height:1.4}.gallery-card-meta{font-size:11px;margin-bottom:6px}.gallery-card-actions{gap:4px}.gallery-card-actions .gallery-btn{font-size:11px;padding:6px 4px}.gallery-btn{font-size:13px;padding:10px 12px}.gallery-btn-large{font-size:15px;padding:14px 20px}.gallery-type-selector{gap:4px;padding:3px}.gallery-type-btn{font-size:12px;min-width:60px;padding:8px 12px}.gallery-search-wrapper{max-width:100%}.gallery-search-input{font-size:16px}.gallery-form-control{font-size:16px;padding:12px}.gallery-episode-info{padding:6px 10px}.gallery-episode-link{font-size:13px}}@media (max-width:480px){.gallery-card-preview{height:100px}.gallery-card-info{padding:8px 10px}.gallery-card-title{font-size:13px}.gallery-card-meta{align-items:flex-start;flex-direction:column;font-size:10px;gap:2px}.gallery-card-actions .gallery-btn{font-size:10px;padding:4px 2px}.gallery-type-btn{font-size:11px;min-width:50px;padding:6px 8px}}.gallery-audio-preview,.gallery-video-preview{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;height:100%;justify-content:center;position:relative;width:100%}.gallery-audio-preview{background:linear-gradient(135deg,#2d1b69,#11998e)}.audio-icon-large{font-size:48px;opacity:.9}.gallery-media-badge{border-radius:4px;font-size:11px;font-weight:600;left:8px;letter-spacing:.5px;padding:4px 8px;position:absolute;text-transform:uppercase;top:8px}.gallery-media-badge.video-badge{background:#3b82f6e6;color:#fff}.gallery-media-badge.audio-badge{background:#8b5cf6e6;color:#fff}.gallery-duration-badge{background:#000c;border-radius:4px;bottom:8px;color:#fff;font-family:monospace;font-family:var(--gallery-font-mono,monospace);font-size:12px;font-weight:600;padding:4px 8px;position:absolute;right:8px}.gallery-card-duration{background:#8b5cf633;border-radius:4px;color:#a78bfa;font-size:11px;font-weight:500;padding:2px 6px}.gallery-card-preview.video-preview{aspect-ratio:16/9;background:linear-gradient(135deg,#1a1a2e,#16213e);cursor:pointer;height:auto}.gallery-card-preview.video-preview video{height:100%;object-fit:cover;width:100%}.gallery-video-play-overlay{align-items:center;background:#0000004d;display:flex;inset:0;justify-content:center;position:absolute;transition:background .2s}.gallery-card-preview.video-preview:hover .gallery-video-play-overlay{background:#00000026}.gallery-video-play-overlay.hidden{display:none}.gallery-video-play-btn{align-items:center;background:#ffffffe6;border-radius:50%;color:#1a1a2e;display:flex;height:56px;justify-content:center;transition:transform .2s;width:56px}.gallery-card-preview.video-preview:hover .gallery-video-play-btn{transform:scale(1.1)}.gallery-audio-list{background:var(--gallery-border);border:1px solid var(--gallery-border);border-radius:var(--gallery-border-radius);display:flex;flex-direction:column;gap:1px;margin-top:20px;overflow:hidden}.gallery-audio-row{grid-gap:16px;align-items:center;background:var(--gallery-card-bg);display:grid;gap:16px;grid-template-columns:48px 1fr auto auto auto 48px;padding:12px 16px;transition:background .15s}.gallery-audio-row:hover{background:var(--bg-tertiary)}.gallery-audio-play-btn{align-items:center;background:var(--gallery-accent);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:background .2s;width:40px}.gallery-audio-play-btn:hover{background:var(--color-primary-hover)}.gallery-audio-info{min-width:0}.gallery-audio-name{color:var(--gallery-text-primary);font-size:14px;font-weight:600;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-audio-date{color:var(--gallery-text-secondary);font-size:12px}.gallery-audio-player{max-width:240px;width:100%}.gallery-audio-player audio{height:32px;width:100%}.gallery-audio-duration{font-family:monospace;font-family:var(--gallery-font-mono,monospace);font-size:13px;font-weight:500}.gallery-audio-duration,.gallery-audio-size{color:var(--gallery-text-secondary);white-space:nowrap}.gallery-audio-size{font-size:12px}.gallery-audio-delete-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--gallery-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.gallery-audio-delete-btn:hover{background:var(--color-danger-light);color:var(--color-danger)}.gallery-audio-list-header{grid-gap:16px;align-items:center;background:var(--bg-tertiary);color:var(--gallery-text-secondary);display:grid;font-size:11px;font-weight:600;gap:16px;grid-template-columns:48px 1fr auto auto auto 48px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}@media (max-width:1024px){.gallery-audio-row{gap:12px;grid-template-columns:48px 1fr auto auto 48px}.gallery-audio-player{display:none}.gallery-audio-list-header{grid-template-columns:48px 1fr auto auto 48px}.gallery-video-play-btn{height:48px;width:48px}}@media (max-width:767px){.gallery-video-play-btn{height:44px;width:44px}.gallery-audio-row{gap:8px;grid-template-columns:40px 1fr auto 40px;padding:10px 12px}.gallery-audio-play-btn{height:36px;width:36px}.gallery-audio-size{display:none}.gallery-audio-list-header{grid-template-columns:40px 1fr auto 40px}}@media (max-width:480px){.gallery-audio-row{gap:8px;grid-template-columns:36px 1fr 36px}.gallery-audio-duration,.gallery-audio-list-header{display:none}}.gallery-modal-overlay{align-items:center;background:var(--modal-overlay);bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.gallery-modal{background:var(--modal-bg);border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.gallery-modal-large{max-height:95vh;max-width:1200px}.gallery-modal-header{align-items:center;background:var(--gallery-bg);border-bottom:1px solid var(--gallery-border);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.gallery-modal-title{color:var(--gallery-text-primary);font-size:20px;font-weight:600;margin:0}.gallery-modal-close{align-items:center;background:var(--bg-surface);border:1px solid var(--gallery-border);border-radius:6px;color:var(--gallery-text-secondary);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .2s;width:32px}.gallery-modal-close:hover{background:var(--gallery-bg);border-color:var(--gallery-text-secondary)}.gallery-modal-body{flex:1 1;overflow-y:auto;padding:24px}.gallery-modal-actions{border-top:1px solid var(--gallery-border);display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:16px 24px}.gallery-upload-area{background:var(--gallery-bg);border:2px dashed var(--gallery-border);border-radius:var(--gallery-border-radius);cursor:pointer;margin-bottom:20px;padding:40px 20px;text-align:center;transition:all .3s}.gallery-upload-area.drag-over,.gallery-upload-area:hover{background:#4a90e20d;border-color:var(--gallery-accent)}.gallery-upload-icon{color:var(--gallery-text-secondary);display:block;font-size:48px;margin-bottom:16px}.gallery-upload-text{color:var(--gallery-text-secondary);margin-bottom:8px}.gallery-upload-text h4{color:var(--gallery-text-primary);font-size:18px;margin-bottom:8px}.gallery-upload-hint{color:var(--gallery-text-secondary);font-size:12px;font-style:italic}.gallery-file-preview{background:var(--gallery-bg);border:1px solid var(--gallery-border);border-radius:var(--gallery-border-radius);margin-top:20px;padding:16px}.gallery-file-preview h4{color:var(--gallery-text-primary);font-size:16px;margin:0 0 12px}.gallery-file-preview img{border-radius:6px;height:auto;max-width:100%}.gallery-editor-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 400px;margin:0 auto;max-width:1400px;padding:20px}.gallery-editor-header{align-items:center;background:var(--bg-surface);border:1px solid var(--gallery-border);border-radius:var(--gallery-border-radius);box-shadow:var(--gallery-shadow);display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.gallery-editor-title{color:var(--gallery-text-primary);font-size:20px;font-weight:600;margin:0}.gallery-editor-subtitle{color:var(--gallery-text-secondary);font-size:14px;margin-top:4px}.gallery-editor-actions{display:flex;gap:12px}.gallery-back-btn{align-items:center;background:var(--gallery-bg);border:1px solid var(--gallery-border);border-radius:6px;color:var(--gallery-text-primary);cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:all .2s}.gallery-back-btn:hover{background:var(--bg-tertiary)}.gallery-editor-preview{background:var(--bg-surface);border:1px solid var(--gallery-border);border-radius:var(--gallery-border-radius);box-shadow:var(--gallery-shadow);display:flex;flex-direction:column;gap:16px;padding:24px}.gallery-preview-container{align-items:center;background:var(--gallery-bg);border:2px dashed var(--gallery-border);border-radius:var(--gallery-border-radius);cursor:crosshair;display:flex;justify-content:center;min-height:300px;position:relative}.gallery-preview-container.has-image{border-style:solid;cursor:default}.gallery-preview-image{border-radius:6px;max-height:70vh;max-width:100%;object-fit:contain}.gallery-text-overlay{pointer-events:none;z-index:10}.gallery-text-box,.gallery-text-overlay{align-items:center;display:flex;justify-content:center;position:absolute;text-align:center}.gallery-text-box{background:#ffffff1a;border:2px dashed var(--gallery-accent);cursor:pointer;min-height:20px;min-width:40px;padding:8px;transition:all .2s}.gallery-text-box:hover{background:#fff3;border-color:var(--color-primary-hover)}.gallery-text-box.selected{background:#fff3;border-color:#e53e3e;border-style:solid}.gallery-preview-text{word-wrap:break-word;color:#fff;font-family:Impact,Arial Black,sans-serif;font-weight:700;line-height:1.2;max-width:100%;text-shadow:2px 2px 4px #000c,-2px -2px 4px #000c,2px -2px 4px #000c,-2px 2px 4px #000c}.gallery-click-hint{background:#000c;border-radius:20px;bottom:20px;color:#fff;font-size:13px;left:50%;padding:8px 16px;pointer-events:none;position:absolute;transform:translateX(-50%)}.gallery-editor-sidebar{background:var(--bg-surface);border:1px solid var(--gallery-border);border-radius:var(--gallery-border-radius);box-shadow:var(--gallery-shadow);display:flex;flex-direction:column;max-height:80vh;overflow:hidden}.gallery-sidebar-section{border-bottom:1px solid var(--gallery-border);padding:20px}.gallery-sidebar-section:last-child{border-bottom:none;flex:1 1;overflow-y:auto}.gallery-sidebar-section h3{color:var(--gallery-text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.gallery-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.gallery-text-entries{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding-right:4px}.gallery-text-entry{background:var(--gallery-bg);border:1px solid var(--gallery-border);border-radius:6px;overflow:hidden;transition:all .2s}.gallery-text-entry.expanded{box-shadow:var(--gallery-shadow)}.gallery-text-entry.selected{border-color:var(--gallery-accent);box-shadow:0 0 0 2px #4a90e233}.gallery-text-entry-header{align-items:center;background:var(--bg-surface);cursor:pointer;display:flex;justify-content:space-between;padding:12px;-webkit-user-select:none;user-select:none}.gallery-text-entry-header:hover{background:var(--gallery-bg)}.gallery-text-entry.expanded .gallery-text-entry-header{background:var(--gallery-bg);border-bottom:1px solid var(--gallery-border)}.gallery-text-entry-title{align-items:center;display:flex;font-size:14px;font-weight:500;gap:8px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-text-number{align-items:center;background:var(--gallery-accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:600;height:20px;justify-content:center;width:20px}.gallery-text-entry-actions{align-items:center;display:flex;gap:8px}.gallery-delete-text-btn{background:none;border:none;border-radius:4px;color:#e53e3e;cursor:pointer;font-size:16px;padding:4px;transition:all .2s}.gallery-delete-text-btn:hover{background:var(--color-danger-light)}.gallery-expand-icon{color:var(--gallery-text-secondary);font-size:12px;transition:transform .2s}.gallery-text-entry.expanded .gallery-expand-icon{transform:rotate(180deg)}.gallery-text-entry-content{background:var(--bg-surface);display:none;padding:16px}.gallery-text-entry.expanded .gallery-text-entry-content{display:block}.gallery-form-row{display:flex;gap:12px;margin-bottom:12px}.gallery-form-group.half{flex:1 1}.gallery-checkbox-group{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.gallery-checkbox-item{align-items:center;display:flex;gap:6px}.gallery-checkbox-item input[type=checkbox]{margin:0}.gallery-checkbox-item label{cursor:pointer;font-size:13px;margin:0}.gallery-template-editor{margin:0 auto;max-width:1400px;padding:20px}.gallery-canvas-section{display:flex;flex:1 1;flex-direction:column;gap:16px}.gallery-upload-placeholder{align-items:center;background:var(--gallery-bg);border:2px dashed var(--gallery-border);border-radius:var(--gallery-border-radius);cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:400px;transition:all .2s}.gallery-upload-placeholder:hover{background:#4a90e20d;border-color:var(--gallery-accent)}.gallery-template-actions{display:flex;gap:12px;justify-content:center;margin-top:16px}@media (max-width:1024px){.gallery-editor-container{gap:20px;grid-template-columns:1fr;padding:16px}.gallery-editor-sidebar{max-height:500px}.gallery-modal{max-width:90%}.gallery-modal-large{max-width:95%}}@media (max-width:767px){.gallery-modal-overlay{padding:12px}.gallery-modal{max-height:95vh;max-width:100%}.gallery-modal-header{padding:16px 20px}.gallery-modal-title{font-size:18px}.gallery-modal-body{padding:20px}.gallery-modal-actions{flex-direction:column;padding:12px 20px}.gallery-modal-actions .gallery-btn{width:100%}.gallery-editor-container{gap:16px;padding:12px}.gallery-editor-header{flex-direction:column;gap:12px;padding:16px;text-align:center}.gallery-editor-actions{justify-content:center;width:100%}.gallery-editor-preview{padding:16px}.gallery-preview-container{min-height:200px}.gallery-sidebar-section{padding:16px}.gallery-text-entries{max-height:300px}.gallery-text-entry-title{max-width:150px}.gallery-form-row{flex-direction:column;gap:8px}.gallery-form-group.half{flex:none}.gallery-upload-area{padding:30px 16px}.gallery-upload-icon{font-size:36px}.gallery-upload-text h4{font-size:16px}.gallery-template-actions{flex-direction:column;gap:8px}.gallery-template-actions .gallery-btn{width:100%}}@media (max-width:480px){.gallery-editor-container{padding:8px}.gallery-modal-header{padding:12px 16px}.gallery-modal-body{padding:16px}.gallery-editor-preview,.gallery-sidebar-section{padding:12px}.gallery-text-entry-header{padding:8px}.gallery-text-entry-content{padding:12px}.gallery-text-entry-title{font-size:13px;max-width:120px}.gallery-text-number{font-size:10px;height:18px;width:18px}}.gallery-editor-sidebar::-webkit-scrollbar,.gallery-text-entries::-webkit-scrollbar{width:6px}.gallery-editor-sidebar::-webkit-scrollbar-track,.gallery-text-entries::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.gallery-editor-sidebar::-webkit-scrollbar-thumb,.gallery-text-entries::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.gallery-editor-sidebar::-webkit-scrollbar-thumb:hover,.gallery-text-entries::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.filter-section{background:var(--bg-surface);border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);height:auto;margin-bottom:20px;min-height:auto}.filter-header{padding:0}.desktop-filter-layout{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:20px 24px;width:100%}.view-toggle-container{align-items:center;display:flex;gap:12px}.toggle-wrapper{background:var(--bg-tertiary);border-radius:25px;box-shadow:inset 0 1px 3px #0000001a;display:flex;padding:3px;position:relative}.toggle-option{border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;white-space:nowrap}.toggle-option.active{background:#007aff;box-shadow:0 2px 4px #007aff4d;color:#fff}.page-size-selector{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;height:40px;padding:8px 12px}.filter-dropdown-container{display:flex;flex:1 1;justify-content:flex-start;position:relative}.filter-dropdown-trigger{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:40px;justify-content:space-between;min-width:180px;padding:8px 16px;transition:all .2s ease}.filter-dropdown-trigger.open,.filter-dropdown-trigger:hover{border-color:#007aff;box-shadow:0 0 0 2px #007aff1a}.filter-count-badge{background:var(--bg-tertiary);border-radius:12px;color:var(--text-secondary);font-size:11px;font-weight:600;padding:2px 8px}.filter-dropdown-trigger .arrow{color:var(--text-muted);font-size:10px;margin-left:auto}.filter-dropdown-menu{animation:fadeIn .1s ease-out;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:8px;padding:8px 0;position:absolute;top:100%;width:280px;z-index:100}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.filter-group-header{background:var(--bg-secondary);border-bottom:1px solid var(--card-border);padding:8px 16px}.filter-group-items{padding:8px 0}.filter-item{padding:8px 16px 8px 32px;transition:background .1s}.filter-item:hover{background:var(--bg-tertiary)}.filter-item.rejected-item{padding-left:16px}.filter-divider{background:var(--border-color);height:1px;margin:4px 0}.checkbox-wrapper{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;-webkit-user-select:none;user-select:none;width:100%}.checkbox-wrapper input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.custom-checkbox{background-color:var(--bg-surface);border:2px solid var(--border-color);border-radius:4px;flex-shrink:0;height:18px;margin-right:10px;position:relative;transition:all .2s;width:18px}.checkbox-wrapper:hover input~.custom-checkbox{border-color:#007aff}.checkbox-wrapper input:checked~.custom-checkbox{background-color:#007aff;border-color:#007aff}.checkbox-wrapper input:checked~.custom-checkbox:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:9px;left:5px;position:absolute;top:1px;transform:rotate(45deg);width:4px}.checkbox-wrapper input:indeterminate~.custom-checkbox{background-color:#007aff;border-color:#007aff}.checkbox-wrapper input:indeterminate~.custom-checkbox:after{background-color:var(--bg-surface);content:"";height:2px;left:3px;position:absolute;top:7px;width:8px}.label-text{flex:1 1}.count-badge{background:var(--bg-tertiary);border-radius:10px;color:var(--text-secondary);font-size:11px;margin-left:8px;padding:2px 6px}.new-episode-button{align-items:center;background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;height:40px;padding:0 20px;transition:all .2s ease;white-space:nowrap}.new-episode-button:hover{background:var(--color-primary-hover);transform:translateY(-1px)}@media (max-width:768px){.desktop-filter-layout{align-items:stretch;flex-direction:column;gap:12px;padding:16px}.toggle-wrapper,.view-toggle-container{width:100%}.toggle-option{flex:1 1;text-align:center}.filter-dropdown-container{order:2;width:100%}.filter-dropdown-trigger{width:100%}.page-size-selector{order:3}.new-episode-button{justify-content:center;order:1;width:100%}}.episode-card{background:var(--card-bg);border:1px solid var(--card-border);border-left:4px solid var(--card-accent);border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);cursor:pointer;margin-bottom:12px;padding:16px;transition:all .2s ease}.episode-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.episode-card:active{transform:translateY(0)}.episode-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.episode-number{color:var(--color-primary);font-size:var(--text-sm);font-weight:600;margin:0;text-align:left!important}.header-actions{align-items:center;gap:8px}.episode-card .status-badge{background:var(--text-secondary);border-radius:5px;color:#fff;flex-shrink:0;font-size:var(--text-xs);font-weight:500;padding:4px 10px;white-space:nowrap}.episode-card .status-badge.planning{background:var(--bg-disabled);color:var(--text-primary)}.episode-card .status-badge.ready-to-record{background:#71717a}.episode-card .status-badge.in-production{background:#38bdf8;color:#0c4a6e}.episode-card .status-badge.in-post{background:#0369a1}.episode-card .status-badge.published{background:#082f49}.episode-card .status-badge.rejected{background:var(--color-danger)}.episode-date{color:var(--text-secondary);font-size:var(--text-xs);margin:0 0 8px;opacity:.8;text-align:left!important}.episode-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:var(--text-lg);font-weight:600;line-height:1.3;margin:0 0 12px;overflow:hidden;text-align:left!important}.view-button{background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:var(--text-xs);font-weight:500;min-height:32px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.view-button:hover{background:var(--color-primary-hover)}.view-button:active{transform:scale(.98)}.episode-card-footer{background-color:var(--bg-secondary);border-radius:0 0 var(--mobile-border-radius) var(--mobile-border-radius);border-top:1px solid var(--border-color);margin:12px -16px -16px;padding:12px 16px}.media-indicators{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.indicator{align-items:center;border-radius:6px;display:inline-flex;font-size:var(--text-xs);justify-content:center;min-width:45px;padding:4px 8px;text-align:center;white-space:nowrap}.indicator.complete{background-color:var(--color-success-light);color:var(--color-success);font-weight:500}.indicator.incomplete{background-color:var(--bg-disabled);color:var(--text-placeholder)}@media (max-width:767px){.episode-card{margin-bottom:8px;padding:12px}.episode-card-footer{margin:10px -12px -12px;padding:10px 12px}.media-indicators{grid-gap:6px!important;display:grid!important;gap:6px!important;grid-template-columns:1fr 1fr 1fr!important;grid-template-rows:1fr 1fr!important;justify-content:stretch!important}.indicator{font-size:11px!important;justify-self:stretch!important;min-width:auto!important;padding:4px!important}.view-button{font-size:var(--text-xs);min-height:32px;padding:6px 12px}.header-actions{gap:6px}}@media (min-width:768px){.episode-card{margin-bottom:16px;padding:20px}.episode-number{font-size:var(--text-base)}.episode-title{font-size:var(--text-xl)}.episode-card-footer{margin:16px -20px -20px;padding:16px 20px}.media-indicators{gap:10px}.indicator{min-width:55px}.view-button{font-size:var(--text-sm);min-height:36px;padding:8px 16px}}.episode-card-in-grid{margin-bottom:0}@media (min-width:768px){.episode-grid .episode-card{height:-webkit-fit-content;height:fit-content;margin-bottom:0}}.episode-card:focus,.view-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.episode-card.loading{opacity:.6;pointer-events:none}.episode-card .dual-field{display:flex;flex-direction:column;gap:2px}.episode-card .primary-value{color:inherit;font-size:inherit;font-weight:600}.episode-card .secondary-value{color:var(--text-secondary);font-size:10px;font-weight:400;opacity:.8}.episode-grid-container{width:100%}.episode-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;width:100%}@media (min-width:768px){.episode-grid{display:none!important}}@media (max-width:767px){.episode-grid{display:grid!important}.episode-table{display:none!important}}.episode-grid-skeleton{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}@media (min-width:768px){.episode-grid-skeleton{display:none}}.skeleton-card{animation:skeleton-pulse 1.5s ease-in-out infinite alternate;background:var(--bg-surface);border:1px solid var(--card-border);border-left:4px solid var(--skeleton-bg);border-radius:var(--mobile-border-radius);padding:16px}@keyframes skeleton-pulse{0%{opacity:.6}to{opacity:1}}.skeleton-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.skeleton-meta{flex:1 1}.skeleton-number{height:14px;margin-bottom:6px;width:80px}.skeleton-number,.skeleton-title{background:var(--skeleton-bg);border-radius:3px}.skeleton-title{height:16px;margin-bottom:4px;width:85%}.skeleton-date{background:var(--skeleton-bg);border-radius:3px;height:12px;width:60px}.skeleton-status{background:var(--skeleton-bg);border-radius:10px;flex-shrink:0;height:20px;width:70px}.skeleton-indicators{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.skeleton-dot{background:var(--skeleton-bg);border-radius:6px;height:12px;width:50px}.skeleton-footer{border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;margin-top:12px;padding-top:8px}.skeleton-button{background:var(--skeleton-bg);border-radius:6px;height:32px;width:60px}.episode-grid-empty{background:var(--bg-surface);border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);padding:60px 20px;text-align:center}.episode-grid-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.episode-grid-empty h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin-bottom:8px}.episode-grid-empty p{color:var(--text-secondary);font-size:var(--text-base);line-height:1.5;margin-bottom:24px}.create-first-episode{background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:var(--text-base);font-weight:500;min-height:var(--mobile-touch-target);padding:12px 24px;transition:all .2s ease}.create-first-episode:hover{background:var(--color-primary-hover)}.create-first-episode:active{transform:scale(.98)}.episode-grid-error{background:var(--color-danger-light);border:1px solid var(--color-danger-border);border-radius:var(--mobile-border-radius);color:var(--color-danger);padding:40px 20px;text-align:center}.episode-grid-error h3{color:var(--color-danger);font-size:var(--text-lg);font-weight:600;margin-bottom:8px}.episode-grid-error p{font-size:var(--text-base);margin-bottom:16px}.retry-button:active{transform:scale(.98)}.episode-grid.loading{opacity:.6;pointer-events:none}@media (max-width:767px){.episode-grid{gap:8px}.skeleton-card{padding:12px}.episode-grid-empty{padding:40px 16px}.episode-grid-empty-icon{font-size:36px}.episode-grid-empty h3{font-size:var(--text-base)}.episode-grid-empty p{font-size:var(--text-sm)}}.episode-card{animation:fadeInUp .3s ease-out}.episode-card:first-child{animation-delay:0ms}.episode-card:nth-child(2){animation-delay:50ms}.episode-card:nth-child(3){animation-delay:.1s}.episode-card:nth-child(4){animation-delay:.15s}.episode-card:nth-child(5){animation-delay:.2s}.episode-card:nth-child(6){animation-delay:.25s}.episode-grid:focus-within{outline:none}@media (min-width:768px) and (max-width:1023px){.episode-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (min-width:1024px) and (max-width:1199px){.episode-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}.episode-table{display:none!important}@media (min-width:768px){.episode-table{background:var(--bg-surface);border-collapse:collapse;border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);display:table!important;margin-top:20px;overflow:visible;width:100%}}.episode-table td,.episode-table th{border-bottom:1px solid var(--card-border);padding:12px 16px;text-align:left}.episode-table th{background-color:var(--table-header-bg);color:var(--text-primary);font-size:var(--text-sm);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.episode-table th:first-child{border-top-left-radius:var(--mobile-border-radius)}.episode-table th:last-child{border-top-right-radius:var(--mobile-border-radius)}.episode-table tr:last-child td:first-child{border-bottom-left-radius:var(--mobile-border-radius)}.episode-table tr:last-child td:last-child{border-bottom-right-radius:var(--mobile-border-radius)}.episode-table tr:hover{background-color:var(--table-row-hover)}.episode-table tr:last-child td{border-bottom:none}.episode-table .media-indicators{display:flex;flex-wrap:nowrap;gap:8px}.episode-table .indicator{align-items:center;border-radius:6px;display:inline-flex;font-size:var(--text-xs);justify-content:center;min-width:60px;padding:4px 8px;text-align:center;white-space:nowrap}.episode-table .indicator.complete{background-color:var(--color-success-light);border:1px solid var(--color-success-border);color:var(--color-success);font-weight:500}.episode-table .indicator.incomplete{background-color:var(--bg-disabled);border:1px solid var(--border-color);color:var(--text-placeholder)}.episode-table .action-buttons{display:flex;gap:8px}.episode-table .view-btn{background-color:var(--color-primary);border-radius:6px;color:#fff;font-size:var(--text-sm);font-weight:500;padding:6px 12px;text-decoration:none;transition:all .2s ease}.episode-table .view-btn:hover{background-color:var(--color-primary-hover)}@media (min-width:768px){.episode-table td:first-child,.episode-table th:first-child{width:10%}.episode-table td:nth-child(2),.episode-table th:nth-child(2){width:12%}.episode-table td:nth-child(3),.episode-table th:nth-child(3){width:35%}.episode-table td:nth-child(4),.episode-table th:nth-child(4){width:25%}.episode-table td:nth-child(5),.episode-table th:nth-child(5){width:10%}.episode-table td:nth-child(6),.episode-table th:nth-child(6){width:8%}}.episode-table td:nth-child(3){line-height:1.4;max-width:0;overflow:hidden;text-overflow:ellipsis}@media (min-width:1024px){.episode-table td:nth-child(3){max-width:none;white-space:normal}}.dual-field{display:flex;flex-direction:column;gap:2px}.primary-value{color:var(--text-primary);font-size:var(--text-sm);font-weight:600}.secondary-value{color:var(--text-secondary);font-size:11px;font-weight:400}.secondary-value.missing-value{color:var(--color-danger);font-style:italic}.episode-table th.sortable{cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.episode-table th.sortable:hover{background-color:var(--table-header-hover)}.episode-table th.sortable:active{background-color:var(--table-header-active)}.status-selector{display:inline-block;position:relative}.status-selector.small{font-size:11px}.status-selector.medium{font-size:13px}.status-badge-btn{align-items:center;background:#95a5a6;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:6px 12px;transition:opacity .2s,transform .1s;white-space:nowrap}.status-selector.disabled .status-badge-btn{cursor:default;opacity:.8}.status-selector:not(.disabled) .status-badge-btn:hover{opacity:.9}.status-selector:not(.disabled) .status-badge-btn:active{transform:scale(.98)}.status-arrow{font-size:.8em;opacity:.8}.status-selector-tertiary{background:#0000!important;color:#5b6ad0!important;color:var(--color-primary,#5b6ad0)!important;font-weight:600!important;min-height:auto!important;padding:0!important}.status-selector-tertiary:hover{background:#0000!important;color:#4a59b9!important;color:var(--color-primary-hover,#4a59b9)!important;text-decoration:underline}.status-selector-tertiary .status-arrow{display:none}.status-selector-tertiary:after{content:" ▾";font-size:.8em;margin-left:4px}.status-badge-btn.planning{background:#d4d4d8;color:#27272a}.status-badge-btn.ready-to-record{background:#71717a}.status-badge-btn.in-production{background:#38bdf8;color:#0c4a6e}.status-badge-btn.in-post{background:#0369a1}.status-badge-btn.published{background:#082f49}.status-badge-btn.rejected{background:#b91c1c}.status-dropdown-menu{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:8px;min-width:160px;overflow:hidden;padding:4px 0;position:absolute;top:100%;z-index:1000}.status-option{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:10px 16px;text-align:left;transition:background .1s;width:100%}.status-option:hover{background:var(--bg-tertiary)}.status-option.active{background:#eff6ff;color:#2563eb;font-weight:600}.status-dot{background:#ccc;border-radius:50%;display:inline-block;height:8px;width:8px}.status-dot.planning{background:#d4d4d8}.status-dot.ready-to-record{background:#71717a}.status-dot.in-production{background:#38bdf8}.status-dot.in-post{background:#0369a1}.status-dot.published{background:#082f49}.status-dot.rejected{background:#b91c1c}.episode-detail{font-family:var(--font-sans);margin:0 auto;max-width:1500px;padding:var(--mobile-padding)}.episode-header{margin-bottom:20px}.header-content{gap:16px}.header-content h2{color:var(--text-primary);flex:1 1;font-size:var(--text-lg);font-weight:600;line-height:1.3;margin:0}.header-controls{align-items:center;display:flex;gap:12px}.episode-actions{display:flex;flex-shrink:0;gap:12px}.back-btn{align-items:center;background-color:var(--hover-bg);color:var(--text-primary);display:flex;font-weight:500;min-height:36px;text-decoration:none;white-space:nowrap}.back-btn:hover{background-color:var(--active-bg)}.episode-detail .tab-content{border:none;border-radius:0 0 var(--mobile-border-radius) var(--mobile-border-radius)}@media (min-width:768px){.episode-detail{padding:12px}.episode-header h2{font-size:var(--text-xl)}.tab-button{font-size:var(--text-base);padding:16px 20px}}.error,.loading,.not-found{color:var(--text-secondary);font-size:var(--text-base);padding:40px 20px;text-align:center}.error,.no-show-selected{border-radius:var(--mobile-border-radius)}.no-show-selected{background:var(--bg-tertiary);margin:20px auto;max-width:400px;padding:40px 20px;text-align:center}.no-show-selected p{color:var(--text-secondary);margin-bottom:20px}.select-show-btn{background-color:var(--color-primary);border-radius:var(--mobile-border-radius);color:#fff;display:inline-block;font-weight:500;padding:12px 24px;text-decoration:none;transition:background-color .2s}.select-show-btn:hover{background-color:var(--color-primary-hover)}@media (max-width:767px){.header-content{align-items:stretch;flex-direction:column;gap:12px}.header-controls{justify-content:space-between;width:100%}.episode-actions{align-self:flex-end}.tab-button{font-size:var(--text-xs);padding:10px 12px}.tab-icon{font-size:var(--text-sm)}}.tab-button:focus{outline:2px solid var(--color-primary);outline-offset:-2px}@media (min-width:1024px){.episode-detail{padding:20px}}.workflow-nav-desktop{background:var(--bg-surface);border-bottom:1px solid var(--border-color);margin-bottom:24px;position:relative}.phase-labels{border-bottom:1px solid var(--bg-tertiary);display:flex}.phase-label{color:var(--text-muted);cursor:pointer;flex:1 1;font-size:13px;font-weight:600;letter-spacing:.05em;padding:12px;position:relative;text-align:center;text-transform:uppercase;transition:all .2s}.phase-label:hover{background:var(--bg-secondary);color:var(--text-secondary)}.phase-label.active{background:var(--bg-surface)}.tabs-container{padding-top:4px;position:relative}.progress-bar-bg{background:var(--bg-tertiary);height:4px;left:0;position:absolute;right:0;top:0;z-index:1}.progress-bar-active{background:#3b82f6;height:4px;position:absolute;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2}.tab-btn,.tabs-row{display:flex}.tab-btn{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;flex:1 1;flex-direction:column;gap:6px;padding:16px 8px;position:relative;transition:all .2s}.tab-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.tab-btn.active{background:var(--bg-surface);font-weight:600}.tab-btn.out-phase{background:var(--bg-secondary);color:var(--text-muted)}.tab-btn.out-phase:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tab-btn-icon{font-size:20px}.tab-btn-name{font-size:12px;white-space:nowrap}.workflow-nav-mobile{margin-bottom:16px;position:relative;z-index:50}.workflow-nav-trigger{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;width:100%}.trigger-content{align-items:center;display:flex;gap:12px}.trigger-icon{font-size:24px}.trigger-text{align-items:flex-start;display:flex;flex-direction:column}.trigger-tab-name{color:var(--text-primary);font-size:16px;font-weight:600}.trigger-phase-name{font-size:11px;font-weight:600;margin-top:2px;text-transform:uppercase}.trigger-arrow{color:var(--text-muted);font-size:12px;transition:transform .2s}.trigger-arrow.open{transform:rotate(180deg)}.workflow-nav-dropdown{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;left:0;margin-top:8px;max-height:80vh;overflow-y:auto;padding:8px 0;position:absolute;right:0;top:100%}.dropdown-phase-group{border-bottom:1px solid var(--bg-tertiary);margin-bottom:8px;padding-bottom:8px}.dropdown-phase-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.dropdown-phase-header{font-size:11px;font-weight:600;letter-spacing:.05em;padding:8px 16px;text-transform:uppercase}.dropdown-tab-item{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;gap:12px;padding:10px 16px;text-align:left;transition:all .1s;width:100%}.dropdown-tab-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.dropdown-tab-item.active{font-weight:600}.dropdown-tab-icon{font-size:18px;text-align:center;width:24px}.dropdown-tab-check{font-weight:700;margin-left:auto}.page-header-card{background:#fff;background:var(--card-bg,#fff);border-left:4px solid #5b6ad0;border-left:4px solid var(--color-primary,#5b6ad0);border-radius:8px;border-radius:var(--mobile-border-radius,8px);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm,0 1px 3px #0000001a);margin-bottom:24px}.page-header-tier1{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--card-border,#e5e7eb);display:flex;flex-wrap:wrap;gap:12px;padding:16px 20px}.page-header-nav{align-items:center;display:flex;gap:8px;min-width:-webkit-fit-content;min-width:fit-content}.breadcrumb-link{color:#5b6ad0;color:var(--color-primary,#5b6ad0);font-size:14px;font-weight:500;text-decoration:underline;text-underline-offset:2px;transition:color .2s}.breadcrumb-link:hover{color:#4a59b9;color:var(--color-primary-hover,#4a59b9)}.breadcrumb-link:focus{border-radius:2px;outline:2px solid #5b6ad0;outline:2px solid var(--color-primary,#5b6ad0);outline-offset:2px}.breadcrumb-separator{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px}.page-header-title{color:#1f2937;color:var(--text-primary,#1f2937);flex:1 1;font-size:18px;font-weight:600;line-height:1.3;margin:0;min-width:0}.page-header-actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.page-header-meta{background:var(--bg-secondary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--card-border,#e5e7eb);display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px}.meta-chip{background:var(--bg-tertiary);border-radius:16px;color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;font-weight:500;padding:4px 12px;white-space:nowrap}.page-header-tier2{align-items:center;display:flex;flex-wrap:wrap;gap:12px;padding:16px 20px}.page-header-tier2-spacer{flex:1 1;min-width:20px}@media (max-width:768px){.page-header-tier1{align-items:flex-start;flex-direction:column;gap:10px;padding:14px 16px}.page-header-nav{order:1}.page-header-title{font-size:16px;order:2;width:100%}.page-header-actions{justify-content:flex-end;order:3;width:100%}.page-header-meta{padding:10px 16px}.page-header-tier2{gap:10px;padding:14px 16px}}@media (max-width:480px){.page-header-tier1{padding:12px 14px}.page-header-title{font-size:15px}.meta-chip{font-size:11px;padding:3px 10px}.page-header-tier2{align-items:stretch;flex-direction:column}.page-header-tier2>*{width:100%}.page-header-tier2-spacer{display:none}}@media (prefers-reduced-motion:reduce){.breadcrumb-link{transition:none}}@media (prefers-contrast:high){.page-header-card{border:2px solid #1f2937;border:2px solid var(--text-primary,#1f2937)}.breadcrumb-link{text-decoration-thickness:2px}}.info-tooltip-wrapper{align-items:center;display:inline-flex;margin-left:4px;position:relative;transform:translateY(-1px);vertical-align:middle}.info-tooltip-trigger{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:50%;color:#888;color:var(--text-muted,#888);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;height:18px;justify-content:center;padding:0;transition:color .15s ease,background-color .15s ease;width:18px}.info-tooltip-trigger:focus,.info-tooltip-trigger:hover{background:#007bff1a;background:var(--hover-bg,#007bff1a);color:#007bff;color:var(--primary-color,#007bff);outline:none}.info-tooltip-trigger.active{background:#007bff26;background:var(--hover-bg,#007bff26);color:#007bff;color:var(--primary-color,#007bff)}.info-tooltip-content{animation:tooltipFadeIn .15s ease-out;background:#333;background:var(--tooltip-bg,#333);border-radius:6px;box-shadow:0 4px 12px #00000040;color:#fff;color:var(--tooltip-text,#fff);font-size:13px;font-weight:400;line-height:1.4;max-width:250px;padding:8px 12px;position:absolute;width:-webkit-max-content;width:max-content;z-index:1000}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.info-tooltip-top{bottom:calc(100% + 8px);left:50%;transform:translateX(-50%)}.info-tooltip-bottom{left:50%;top:calc(100% + 8px);transform:translateX(-50%)}.info-tooltip-left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.info-tooltip-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.info-tooltip-arrow{background:#333;background:var(--tooltip-bg,#333);height:8px;position:absolute;transform:rotate(45deg);width:8px}.info-tooltip-top .info-tooltip-arrow{bottom:-4px;left:50%;margin-left:-4px}.info-tooltip-bottom .info-tooltip-arrow{left:50%;margin-left:-4px;top:-4px}.info-tooltip-left .info-tooltip-arrow{margin-top:-4px;right:-4px;top:50%}.info-tooltip-right .info-tooltip-arrow{left:-4px;margin-top:-4px;top:50%}@media (max-width:480px){.info-tooltip-content{font-size:12px;max-width:200px}.info-tooltip-top{bottom:auto;top:calc(100% + 8px)}.info-tooltip-top .info-tooltip-arrow{bottom:auto;top:-4px}}@media (prefers-color-scheme:dark){.info-tooltip-content{box-shadow:0 4px 12px #0006}.info-tooltip-arrow,.info-tooltip-content{background:#444;background:var(--tooltip-bg-dark,#444)}}.overview-tab-mobile{background:var(--bg-secondary);font-family:var(--font-sans);min-height:100vh;padding:var(--mobile-padding)}.read-only-banner{background:var(--color-warning-light);border:1px solid var(--color-warning-border);border-radius:var(--mobile-border-radius);color:var(--color-warning-text);font-size:var(--text-sm);font-weight:500;margin-bottom:16px;padding:8px 12px;text-align:center}.overview-header-card{display:none}.status-indicators-container{overflow-x:auto}.status-indicators{gap:8px;padding-bottom:4px}.content-layout-overview{display:flex;flex-direction:column;gap:12px}.field-group{gap:6px}.field-input{border-bottom:1px solid #0000;color:var(--text-primary);padding:8px 0}input.field-input,select.field-input,textarea.field-input{border:1px solid var(--card-border);border-radius:6px;padding:10px}input.field-input:focus,select.field-input:focus,textarea.field-input:focus{border-color:var(--color-primary);box-shadow:var(--input-focus-shadow);outline:none}.title-textarea{font-weight:600;min-height:60px}.description-textarea{min-height:120px}.references-textarea{background:var(--bg-secondary);font-family:monospace;font-size:var(--text-sm);min-height:100px}.delete-section{border-top:1px solid var(--card-border);margin-top:32px;padding-top:24px}.delete-card{background:var(--color-danger-light);border:1px solid var(--color-danger-border);border-radius:var(--mobile-border-radius);padding:var(--mobile-padding)}.delete-card h3{color:var(--color-danger);font-size:var(--text-lg);margin-top:0}.delete-card p{color:var(--color-danger-text);font-size:var(--text-sm);margin-bottom:16px}.episode-delete-button{background:var(--color-danger);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 16px;transition:background .2s;width:100%}.episode-delete-button:hover{background:var(--color-danger-hover)}@media (min-width:768px){.overview-tab-mobile{padding:12px}.content-layout-overview{grid-gap:10px;display:grid;gap:10px;grid-template-areas:"number title" "date title" "description description" "hashtags tags" "refs refs";grid-template-columns:1fr 2fr;grid-template-rows:auto auto auto auto}.overview-tab-mobile .field-card.order-card{grid-area:number}.overview-tab-mobile .field-card.date-card{grid-area:date}.field-card.title-card{align-self:stretch;display:flex;flex-direction:column;grid-area:title;grid-column:2/-1}.field-card.title-card .field-group{display:flex;flex:1 1;flex-direction:column}.field-card.title-card .field-textarea{flex:1 1;min-height:100px}.field-card.description-card{grid-area:description}.field-card.tags-card:nth-of-type(5){grid-area:hashtags}.field-card.tags-card:nth-of-type(6){grid-area:tags}.field-card.refs-card{grid-area:refs}.episode-delete-button{width:auto}}.ai-modal{box-shadow:0 10px 25px #0003;max-width:1000px}.ai-modal-header{padding:16px 24px}.ai-modal-title{font-size:18px}.ai-close-btn{font-size:24px}.ai-control-bar{background:var(--bg-surface);border-bottom:1px solid var(--card-border);gap:12px;padding:12px 24px}.ai-template-dropdown{border:1px solid var(--card-border);padding:8px 12px}.ai-control-button{border:1px solid var(--card-border);padding:8px 16px}.ai-control-button.primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.ai-control-button:disabled{opacity:.6}.ai-chat-pane{background:var(--bg-secondary);border-right:1px solid var(--card-border);flex:1 1}.ai-document-pane{background:var(--bg-surface);overflow-y:auto}.ai-chat-messages{display:flex;flex-direction:column;gap:16px}.ai-message{max-width:90%}.ai-message.user{align-self:flex-end}.ai-message-avatar{background:var(--code-bg)}.ai-message.assistant .ai-message-avatar{background:var(--color-primary);color:#fff}.ai-message-content{background:var(--bg-surface);border:1px solid var(--card-border)}.ai-message.user .ai-message-content{border-color:var(--color-primary)}.ai-chat-input{background:var(--bg-surface);border-top:1px solid var(--card-border);padding:16px}.ai-input-container{gap:8px}.ai-message-input{border:1px solid var(--card-border);flex:1 1;padding:10px 14px;resize:none}.ai-send-button{align-items:center;background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.ai-document-header{border-bottom:1px solid var(--card-border)}.ai-action-button{border:1px solid var(--card-border);font-size:13px;padding:6px 12px}.ai-document-content{font-size:14px;line-height:1.6;padding:24px}.detail-section{margin-bottom:24px}.detail-section h4{color:var(--text-secondary);font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.detail-section p{margin:0}.detail-section pre{background:var(--bg-secondary);border-radius:6px;font-family:inherit;margin:0;padding:12px;white-space:pre-wrap}.ai-settings-modal-overlay{position:absolute;z-index:10}.ai-settings-modal{box-shadow:var(--dropdown-shadow);width:400px}.ai-settings-grid{margin:20px 0}.ai-setting-label{font-size:13px}.ai-setting-input,.ai-setting-select{border:1px solid var(--card-border);border-radius:4px;padding:8px}.ai-settings-actions{gap:12px}.ai-settings-button{background:var(--bg-surface);border:1px solid var(--card-border);border-radius:6px;cursor:pointer;padding:8px 16px}.ai-settings-button.primary{border-color:var(--color-primary)}.ai-typing-indicator{color:var(--text-secondary);font-size:12px;margin-left:44px}.ai-typing-dots{gap:4px}.ai-typing-dot{background:var(--text-secondary);height:4px;width:4px}.ai-typing-dot:first-child{animation-delay:0s}@media (max-width:768px){.ai-main-content{flex-direction:column}.ai-chat-pane{border-bottom:1px solid var(--card-border);border-right:none;height:50%}.ai-document-pane{height:50%}}.status-indicators-container{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:var(--mobile-padding)}.status-indicators{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.status-indicators-container .status-badge{border-radius:12px;font-size:11px;font-weight:500;min-width:45px;padding:4px 8px;text-align:center;white-space:nowrap}.status-indicators-container .status-badge.complete{background:var(--color-success-light);border:1px solid var(--color-success-border);color:var(--color-success-dark)}.status-indicators-container .status-badge.incomplete{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-muted)}@media (min-width:768px){.status-indicators{gap:10px;justify-content:flex-start}.status-indicators-container .status-badge{font-size:var(--text-xs);min-width:55px;padding:6px 12px}}@media (max-width:767px){.status-indicators-container .status-badge{font-size:10px;min-width:40px;padding:3px 6px}}.planning-tab{background:var(--bg-secondary);font-family:var(--font-sans);min-height:100vh;padding:var(--mobile-padding)}.planning-tab textarea{font-family:inherit}.planning-header-card{display:none}.content-layout,.content-layout-planning{display:flex;flex-direction:column;gap:8px;max-width:100%;overflow-x:clip}.field-card{background:var(--card-bg);border:1px solid var(--card-border);border-left:4px solid var(--border-color);border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);padding:var(--mobile-padding);transition:all .2s}.field-card:hover{border-left-color:var(--card-accent);box-shadow:var(--shadow-md)}.field-group{display:flex;flex-direction:column;gap:5px}.field-label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.field-input{align-items:center;background:var(--card-bg);border:2px solid var(--card-border);border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--text-base);min-height:var(--mobile-touch-target);padding:12px 16px;transition:all .2s;width:100%}.field-input:hover{border-color:var(--card-border)}.field-input.editing,.field-input:focus{border-color:var(--color-primary);box-shadow:var(--input-focus-shadow);cursor:text;outline:none}.field-textarea{align-items:flex-start;line-height:1.5;min-height:80px;padding-top:12px;resize:vertical;white-space:pre-wrap}.title-textarea{font-size:var(--text-lg);font-weight:500;min-height:100px}.outline-textarea{min-height:400px}.placeholder-text{color:var(--text-placeholder);font-style:italic}input.field-input,select.field-input,textarea.field-input{background:var(--bg-surface);cursor:text}.ProseMirror{background:var(--card-bg);border:2px solid var(--card-border);border-radius:6px;font-size:var(--text-base);line-height:1.6;min-height:400px;outline:none;padding:12px 16px;transition:all .2s}.ProseMirror:focus{border-color:var(--color-primary);box-shadow:var(--input-focus-shadow)}.ProseMirror h1{font-size:var(--text-xl);margin:24px 0 12px}.ProseMirror h1,.ProseMirror h2{color:var(--text-primary);font-weight:600}.ProseMirror h2{font-size:var(--text-lg);margin:20px 0 10px}.ProseMirror h3{color:var(--text-primary);font-size:var(--text-base);font-weight:600;margin:16px 0 8px}.ProseMirror ol,.ProseMirror ul{margin:12px 0;padding-left:24px}.ProseMirror li{margin:4px 0}.ProseMirror strong{font-weight:600}.ProseMirror em{font-style:italic}.ProseMirror p{margin:8px 0}.editor-toolbar{align-items:center;background:var(--bg-secondary);border:2px solid var(--card-border);border-bottom:none;border-radius:6px 6px 0 0;display:flex;flex-wrap:wrap;gap:4px;padding:6px 8px;z-index:10}.editor-toolbar-fixed{animation:toolbarSlideDown .2s ease-out;border-bottom:2px solid var(--card-border);border-radius:0 0 8px 8px;box-shadow:0 4px 12px #00000026;left:50%;position:fixed;top:60px;transform:translateX(-50%);z-index:100}@keyframes toolbarSlideDown{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (min-width:768px){.editor-toolbar.desktop-only~.outline-textarea .ProseMirror{border-top:1px solid var(--card-border);border-top-left-radius:0;border-top-right-radius:0}}.toolbar-group{display:flex;gap:2px}.toolbar-divider{background:var(--border-color);margin:0 4px}.toolbar-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;height:32px;justify-content:center;min-width:32px;padding:4px 8px;transition:all .15s}.toolbar-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.toolbar-btn.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.desktop-only{display:none}@media (min-width:768px){.desktop-only{display:flex}}.bubble-menu{background:#1a1a2a;border-radius:8px;box-shadow:0 4px 16px #0000004d;gap:2px;padding:4px 6px}.bubble-btn,.bubble-menu{align-items:center;display:flex}.bubble-btn{background:#0000;border:none;border-radius:4px;color:#fffc;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;height:36px;justify-content:center;min-width:36px;padding:4px 8px;transition:all .15s}.bubble-btn:hover{background:#ffffff26;color:#fff}.bubble-btn.is-active{background:#fff3;color:#fff}.bubble-divider{background:#fff3;height:20px;margin:0 2px;width:1px}.floating-menu{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;box-shadow:var(--shadow-md);gap:2px;padding:4px 6px}.floating-btn,.floating-menu{align-items:center;display:flex}.floating-btn{background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;height:32px;justify-content:center;padding:4px 10px;transition:all .15s;white-space:nowrap}.floating-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.outline-info{border-top:1px solid var(--card-border);color:var(--text-secondary);display:flex;font-size:var(--text-xs);justify-content:space-between;margin-top:8px;padding:8px 0}@media (max-width:767px){.content-layout-planning .field-card{max-width:100%;overflow:hidden}.content-layout-planning .ProseMirror{max-width:100%;min-height:300px;overflow-wrap:break-word;word-break:break-word}.content-layout-planning .outline-textarea{max-width:100%;min-height:200px}.content-layout-planning .field-input{max-width:100%}}@media (min-width:768px){.planning-tab{padding:12px}.content-layout-planning{grid-gap:10px;display:grid;gap:10px;grid-template-areas:"order title" "date title" "guest concept" "outline outline"!important;grid-template-columns:minmax(250px,1fr) 2fr;grid-template-rows:auto auto auto auto}.planning-tab .field-card.order-card{grid-area:order}.planning-tab .field-card.date-card{grid-area:date}.planning-tab .field-card.title-card{align-self:stretch;display:flex;flex-direction:column;grid-area:title;grid-column:2/-1}.planning-tab .field-card.title-card .field-group{display:flex;flex:1 1;flex-direction:column}.planning-tab .field-card.title-card .field-textarea{flex:1 1;min-height:100px}.planning-tab .field-card.guest-card{align-self:stretch;display:flex;flex-direction:column;grid-area:guest;grid-column:1/1}.planning-tab .field-card.guest-card .field-group{display:flex;flex:1 1;flex-direction:column}.planning-tab .field-card.guest-card .field-textarea{flex:1 1;min-height:100px}.planning-tab .field-card.concept-card{grid-area:concept;grid-column:2/-1}.planning-tab .field-card.outline-card{grid-area:outline;grid-column:1/-1}.planning-tab .field-card.concept-card .field-textarea{min-height:200px;overflow-y:auto;padding:12px 16px;resize:vertical}.field-input{font-size:var(--text-base)}.title-textarea{font-size:var(--text-xl)}.ProseMirror{min-height:500px}}@media (min-width:1024px){.content-layout{gap:10px}}.slideshow-card{grid-column:1/-1}.slideshow-controls-container{display:flex;flex-direction:column;gap:12px}.slideshow-actions{align-items:center;flex-wrap:wrap}.slideshow-template-select{background:var(--card-bg);border:1px solid var(--card-border);flex-grow:1;font-size:var(--text-sm);min-width:200px;padding:10px 12px}.hint{font-size:var(--text-xs);margin:0}.hint,.loading-state{color:var(--text-secondary)}.loading-state{font-size:var(--text-sm);padding:10px}.error-message{border-left:3px solid var(--color-danger);padding:8px 12px}.back-to-top-btn{align-items:center;animation:slideUp .3s ease-out;background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;bottom:30px;box-shadow:0 4px 12px #00000026;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;position:fixed;right:30px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:999}.back-to-top-btn:hover{background:var(--bg-surface);border-color:var(--color-primary);box-shadow:0 6px 16px #3b82f633;color:var(--color-primary);transform:translateY(-2px)}.outline-card{position:relative}.slideshow-card .slideshow-summary{margin-top:8px}.slideshow-status-row{align-items:center;display:flex;gap:16px;justify-content:space-between}.slideshow-status-active,.slideshow-status-empty{align-items:center;display:flex;font-size:14px;gap:8px}.slideshow-status-active{color:var(--color-success)}.slideshow-status-active .status-icon{font-weight:700}.slideshow-status-empty{color:var(--text-muted)}.slideshow-button-group{align-items:center;display:flex;gap:8px}.guest-selector{font-family:var(--font-sans);position:relative;width:100%}.selected-guests{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;padding:8px 0}.selected-guest{align-items:center;background:var(--color-info-light);border:1px solid var(--color-info-border);border-radius:16px;display:flex;font-size:var(--text-sm);gap:8px;max-width:100%;padding:6px 12px;transition:all .2s}.selected-guest:hover{background:var(--color-info-light);border-color:var(--color-info-border)}.guest-name{color:var(--text-primary);font-weight:600;max-width:120px}.guest-email,.guest-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guest-email{color:var(--text-secondary);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:var(--text-xs);max-width:140px}.remove-guest{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:18px;justify-content:center;line-height:1;padding:2px;transition:all .2s;width:18px}.remove-guest:hover{background:var(--color-danger-light);color:var(--color-danger)}.selector-dropdown{position:relative}.selector-trigger{align-items:center;background:var(--card-bg);border:2px solid var(--card-border);border-radius:6px;cursor:pointer;display:flex;font-size:var(--text-base);gap:8px;justify-content:space-between;min-height:var(--mobile-touch-target);padding:12px 16px;text-align:left;transition:all .2s;width:100%}.selector-trigger:hover{border-color:var(--card-border)}.selector-trigger:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.placeholder{color:var(--text-muted);font-style:italic}.selected-count{color:var(--text-primary);font-weight:500}.dropdown-arrow{color:var(--text-muted);flex-shrink:0;font-size:12px;transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.selector-menu{background:var(--bg-surface);border:1px solid var(--card-border);border-radius:6px;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;left:0;margin-top:4px;max-height:320px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.selector-search{background:var(--bg-secondary);border-bottom:1px solid var(--card-border);padding:12px}.selector-search input{background:var(--bg-surface);border:1px solid var(--card-border);border-radius:4px;box-sizing:border-box;font-size:var(--text-sm);padding:8px 12px;transition:all .2s;width:100%}.selector-search input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f61a;outline:none}.selector-options{flex:1 1;max-height:240px;overflow-y:auto}.selector-empty,.selector-loading{color:var(--text-secondary);font-size:var(--text-sm);font-style:italic;padding:20px;text-align:center}.selector-option{align-items:flex-start;border-bottom:1px solid var(--card-border);cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s}.selector-option:last-child{border-bottom:none}.selector-option:hover{background:var(--bg-secondary)}.selector-option.selected{border-left:3px solid var(--color-primary)}.selector-option.selected,.selector-option.selected:hover{background:var(--color-info-light)}.option-checkbox{align-items:center;display:flex;flex-shrink:0;margin-top:2px}.option-checkbox input[type=checkbox]{cursor:pointer;height:16px;margin:0;width:16px}.option-info{flex:1 1;min-width:0}.option-name{color:var(--text-primary);font-size:var(--text-base);font-weight:600;margin-bottom:2px;word-break:break-word}.option-email{color:var(--text-secondary);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:var(--text-xs);margin-bottom:4px;word-break:break-word}.option-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.option-tag{background:var(--color-info-light);border-radius:8px;color:var(--color-info-dark);display:inline-block;font-size:10px;font-weight:500;padding:2px 6px;white-space:nowrap}.selector-footer{background:var(--bg-secondary);border-top:1px solid var(--card-border)}.add-guest-link{background:none;border:none;color:var(--color-primary);cursor:pointer;display:block;font-size:var(--text-sm);font-weight:500;padding:12px 16px;text-align:center;transition:all .2s;width:100%}.add-guest-link:hover{background:var(--color-info-light);color:var(--color-primary)}.selector-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}@media (min-width:768px){.selector-menu{max-height:400px}.selector-options{max-height:320px}.guest-name{max-width:160px}.guest-email{max-width:180px}.selected-guest{padding:8px 14px}.selector-trigger{font-size:var(--text-base);padding:12px 16px}.selector-option{padding:14px 18px}}@media (min-width:1024px){.selector-menu{max-height:480px}.selector-options{max-height:400px}.guest-name{max-width:200px}.guest-email{max-width:220px}.selected-guest{padding:10px 16px}}@media (max-width:767px){.selected-guests{gap:6px;margin-bottom:6px}.selected-guest{border-radius:12px;font-size:var(--text-xs);padding:4px 8px}.guest-name{font-size:var(--text-xs);max-width:80px}.guest-email{font-size:10px;max-width:100px}.remove-guest{font-size:14px;height:16px;width:16px}.selector-trigger{font-size:var(--text-sm);padding:10px 12px}.selector-option{padding:10px 12px}.option-name{font-size:var(--text-sm)}.option-email{font-size:10px}.option-tag{font-size:9px;padding:1px 4px}.selector-search{padding:8px}.selector-search input{font-size:var(--text-xs);padding:6px 8px}.add-guest-link{font-size:var(--text-xs);padding:10px 12px}}.guest-selector.single-select .option-checkbox{display:none}.guest-selector.single-select .selected-guests{grid-gap:4px;display:grid;gap:4px;grid-template-columns:1fr}.guest-selector.single-select .selected-guest{background:var(--bg-tertiary);border-color:var(--border-color);border-radius:6px}.guest-selector.disabled .selector-trigger{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;opacity:.6}.guest-selector.disabled .selected-guest{opacity:.6}.guest-selector.disabled .remove-guest{cursor:not-allowed;opacity:.5}.guest-selector.error .selector-trigger{background:var(--color-danger-light);border-color:var(--color-danger)}.guest-selector.error .selector-trigger:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef44441a}.guest-selector.loading .selector-trigger:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top:2px solid var(--color-primary);content:"";height:16px;position:absolute;right:40px;top:50%;transform:translateY(-50%);width:16px}.selector-menu{animation:dropdownSlide .2s ease-out}.selected-guest{animation:fadeInScale .2s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.selector-trigger:focus{outline:2px solid var(--color-primary);outline-offset:2px}.add-guest-link:focus,.selector-option:focus{outline:2px solid var(--color-primary);outline-offset:-2px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (prefers-contrast:high){.selected-guest,.selector-trigger{border:2px solid}.option-tag{border:1px solid}}@media (prefers-reduced-motion:reduce){.dropdown-arrow,.guest-selector.loading .selector-trigger:after,.selected-guest,.selector-menu{animation:none;transition:none}.dropdown-arrow.open{transform:none}}.status-badge{border-radius:12px;display:inline-block;font-size:var(--text-xs);letter-spacing:.5px;padding:4px 8px;text-transform:uppercase;white-space:nowrap}.status-badge.status-success{background:var(--color-success-light);color:var(--color-success-dark)}.status-badge.status-warning{background:var(--color-warning-light);color:var(--color-warning-text)}.status-badge.status-inactive{background:var(--color-danger-light);color:var(--color-danger-text)}.comment-section{background:var(--bg-secondary);border-radius:8px;margin-top:2rem;padding:1.5rem}.comment-section h4{color:var(--text-primary);margin-bottom:1rem}.comment-form{margin-bottom:2rem}.replying-to{align-items:center;background:var(--color-info-light);border-radius:4px;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.5rem;padding:.5rem}.replying-to button{background:#0000;border:none;color:var(--color-primary);cursor:pointer;text-decoration:underline}.comment-form textarea{border:1px solid var(--border-color);border-radius:4px;font-family:inherit;margin-bottom:.5rem;min-height:80px;padding:.75rem;resize:vertical;width:100%}.comment-form button[type=submit]{background:var(--color-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.comment-form button[type=submit]:disabled{background:var(--bg-disabled);cursor:not-allowed}.comments-list{display:flex;flex-direction:column;gap:1rem}.no-comments{color:var(--text-secondary);font-style:italic;padding:2rem;text-align:center}.comment-item{background:var(--bg-surface);border-left:3px solid var(--color-primary);border-radius:4px;padding:1rem}.comment-item.depth-1{border-left-color:var(--color-info-border);margin-left:2rem}.comment-item.depth-2{border-left-color:var(--color-info-border);margin-left:4rem}.comment-header{align-items:center;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.5rem}.comment-header strong{color:var(--text-primary)}.comment-date{color:var(--text-secondary);font-size:.85rem}.comment-text{color:var(--text-primary);line-height:1.5;margin-bottom:.5rem;white-space:pre-wrap}.reply-btn{background:#0000;border:none;color:var(--color-primary);cursor:pointer;font-size:.85rem;padding:.25rem 0}.reply-btn:hover{text-decoration:underline}.comment-replies{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.slideshow-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--modal-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.slideshow-modal{background:var(--modal-bg);border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:80vh;max-height:700px;max-width:900px;overflow:hidden;width:90%}.slideshow-modal-large{max-height:850px;max-width:1200px}.slideshow-modal-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px}.slideshow-modal-title{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.slideshow-close-btn{align-items:center;background:var(--modal-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;line-height:1;transition:all .2s;width:32px}.slideshow-close-btn:hover{background:var(--bg-tertiary);border-color:#cbd5e1}.slideshow-control-bar{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;gap:12px;padding:12px 24px}.slideshow-template-select{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;max-width:300px;padding:8px 12px}.slideshow-template-select:focus{border-color:var(--color-primary);outline:none}.slideshow-settings-btn{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.slideshow-settings-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:#cbd5e1}.slideshow-settings-btn:disabled{cursor:not-allowed;opacity:.5}.slideshow-main-content{display:flex;flex:1 1;overflow:hidden}.slideshow-config-pane{background:var(--bg-surface);border-right:1px solid var(--border-color);display:flex;flex-direction:column;min-width:320px;overflow-y:auto;padding:20px;width:40%}.slideshow-form-group{display:flex;flex:1 1;flex-direction:column;margin-bottom:16px}.slideshow-label{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:500;margin-bottom:8px}.slideshow-textarea{border:1px solid var(--border-color);border-radius:8px;flex:1 1;font-family:monospace;font-size:13px;line-height:1.5;min-height:150px;padding:12px;resize:none;width:100%}.slideshow-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1);outline:none}.slideshow-generate-btn{align-items:center;background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:15px;font-weight:600;gap:8px;justify-content:center;margin-top:12px;padding:12px;transition:all .2s;width:100%}.slideshow-generate-btn:hover:not(:disabled){filter:brightness(110%);transform:translateY(-1px)}.slideshow-generate-btn:disabled{background:var(--text-muted);cursor:not-allowed}.slideshow-warning{color:#ef4444;font-size:14px;margin-top:12px}.slideshow-preview-pane{background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden;padding:20px;width:60%}.slideshow-preview-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:16px}.slideshow-preview-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.slideshow-create-btn{background:#22c55e;background:var(--color-success,#22c55e);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .2s}.slideshow-create-btn:hover:not(:disabled){filter:brightness(110%)}.slideshow-create-btn:disabled{cursor:not-allowed;opacity:.6}.slideshow-preview-content{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;flex:1 1;overflow-y:auto}.slide-plan-raw{color:var(--text-primary);font-family:monospace;font-size:12px;margin:0;padding:16px;white-space:pre-wrap;word-break:break-word}.slide-plan-list{padding:8px}.slide-preview-item{align-items:flex-start;border-bottom:1px solid var(--bg-tertiary);display:flex;gap:12px;padding:12px;transition:background .2s}.slide-preview-item:hover{background:var(--bg-secondary)}.slide-preview-item:last-child{border-bottom:none}.slide-number{color:var(--text-secondary);flex-shrink:0;font-size:12px;font-weight:600;width:60px}.slide-type{background:var(--border-color);border-radius:4px;color:var(--text-primary);flex-shrink:0;font-size:11px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase;width:120px}.slide-type-title_slide .slide-type{background:#dbeafe;color:#1e40af}.slide-type-visual_cue_slide .slide-type{background:#dcfce7;color:var(--color-success-dark)}.slide-type-zinger_meme .slide-type{background:var(--color-warning-light);color:#92400e}.slide-text{color:var(--text-primary);flex:1 1;font-size:13px;line-height:1.4}.slideshow-empty-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;height:100%;justify-content:center;padding:32px;text-align:center}.slideshow-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.slideshow-empty-state h3{color:var(--text-secondary);margin:0 0 8px}.slideshow-empty-state p{margin:0;max-width:300px}.slideshow-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center}.slideshow-spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--color-primary);height:40px;margin-bottom:16px;width:40px}.slideshow-success-card{flex-direction:column;height:100%;text-align:center}.slideshow-success-card,.slideshow-success-icon{align-items:center;display:flex;justify-content:center}.slideshow-success-icon{background:#dcfce7;border-radius:50%;color:#16a34a;font-size:32px;height:64px;margin-bottom:20px;width:64px}.slideshow-success-card h3{color:var(--text-primary);margin:0 0 24px}.slideshow-actions{display:flex;flex-direction:column;gap:12px;max-width:280px;width:100%}.slideshow-download-btn{background:#22c55e;background:var(--color-success,#22c55e);border-radius:8px;color:#fff;display:block;font-weight:600;padding:12px;text-align:center;text-decoration:none;transition:all .2s}.slideshow-download-btn:hover{color:#fff;filter:brightness(110%)}.slideshow-delete-btn{background:#0000;border:1px solid var(--color-danger-border);border-radius:8px;color:#ef4444;cursor:pointer;font-weight:500;padding:10px;transition:all .2s}.slideshow-delete-btn:hover:not(:disabled){background:var(--color-danger-light);border-color:#fecaca}.slideshow-delete-btn:disabled{cursor:not-allowed;opacity:.5}.slideshow-error{background:var(--color-danger-light);border:1px solid var(--color-danger-border);border-radius:8px;color:#991b1b;flex-shrink:0;font-size:14px;margin-top:16px;padding:16px}.slideshow-settings-overlay{align-items:center;background:var(--modal-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.slideshow-settings-modal{background:var(--modal-bg);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:24px;width:90%}.slideshow-settings-modal h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 20px}.slideshow-settings-grid{display:flex;flex-direction:column;gap:16px}.slideshow-setting-group{display:flex;flex-direction:column;gap:6px}.slideshow-setting-label{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:500}.slideshow-setting-input,.slideshow-setting-select{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;font-size:14px;padding:10px 12px}.slideshow-setting-input:focus,.slideshow-setting-select:focus{border-color:var(--color-primary);outline:none}.slideshow-settings-actions{display:flex;justify-content:flex-end;margin-top:24px}.slideshow-settings-save-btn{background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.slideshow-settings-save-btn:hover{filter:brightness(110%)}@media (max-width:900px){.slideshow-modal-large{max-height:90vh;max-width:95%}.slideshow-main-content{flex-direction:column}.slideshow-config-pane,.slideshow-preview-pane{min-width:0;width:100%}.slideshow-config-pane{border-bottom:1px solid var(--border-color);border-right:none;max-height:40%}.slideshow-preview-pane{flex:1 1}}@media (max-width:600px){.slideshow-control-bar{align-items:stretch;flex-direction:column}.slideshow-template-select{max-width:none}}.ai-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ai-modal{height:85vh;width:95%}.ai-modal-header{border-bottom:1px solid var(--border-color)}.ai-modal-title{font-size:20px}.ai-close-btn{border:1px solid var(--border-color);color:var(--text-muted)}.ai-close-btn:hover{background:var(--bg-tertiary)}.ai-control-bar{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;gap:16px;padding:16px 24px}.ai-template-dropdown{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;padding:10px 12px;transition:all .2s}.ai-template-dropdown:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.5}.ai-control-button{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s;white-space:nowrap}.ai-control-button:hover:not(:disabled){background:var(--bg-tertiary);border-color:#9ca3af}.ai-control-button:disabled{cursor:not-allowed;opacity:.5}.ai-main-content{display:flex;flex:1 1;overflow:hidden}.ai-chat-pane{background:var(--bg-surface);border-right:1px solid var(--border-color);display:flex;flex-direction:column;width:450px}.ai-chat-messages{flex:1 1;overflow-y:auto;padding:20px}.ai-message{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.ai-message.user{flex-direction:row-reverse}.ai-message-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.ai-message.user .ai-message-avatar{background:var(--color-primary)}.ai-message.assistant .ai-message-avatar{background:var(--color-ai)}.ai-message-content{word-wrap:break-word;border-radius:12px;font-size:14px;line-height:1.5;max-width:80%;padding:12px 16px;white-space:pre-wrap}.ai-message.user .ai-message-content{background:var(--color-primary);border-bottom-right-radius:4px;color:#fff}.ai-message.assistant .ai-message-content{background:var(--bg-tertiary);border-bottom-left-radius:4px;color:var(--text-primary)}.ai-typing-indicator{align-items:center;background:var(--bg-tertiary);border-radius:12px;color:var(--text-muted);display:flex;font-size:14px;gap:8px;margin-bottom:16px;padding:12px 16px}.ai-typing-dots{display:flex;gap:3px}.ai-typing-dot{animation:typing 1.4s ease-in-out infinite;background:#9ca3af;border-radius:50%;height:6px;width:6px}.ai-typing-dot:nth-child(2){animation-delay:.2s}.ai-typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.ai-chat-input{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:16px 20px}.ai-input-container{display:flex;flex-direction:column;gap:12px}.ai-message-input{border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;line-height:1.5;max-height:30vh;min-height:150px;padding:12px 16px;resize:vertical;transition:all .2s;width:100%!important}.ai-generate-button{align-items:center;background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s}.ai-generate-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.ai-generate-button:disabled{background:#9ca3af;cursor:not-allowed}.ai-document-pane{background:var(--bg-tertiary);display:flex;flex:1 1;flex-direction:column}.ai-document-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 24px}.ai-document-title{color:var(--text-primary);font-size:16px;font-weight:600}.ai-action-button{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.ai-action-button.primary{background:var(--color-success);border-color:var(--color-success);color:#fff}.ai-action-button.primary:hover{background:#15803d}.ai-action-button.primary:disabled{background:var(--bg-disabled);border-color:var(--bg-disabled);cursor:not-allowed;opacity:.7}.ai-document-content{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:15px;line-height:1.7;margin:16px;overflow-y:auto;padding:24px 32px}.ai-document-placeholder{align-items:center;color:var(--text-muted);display:flex;font-style:italic;height:100%;justify-content:center;text-align:center}.ai-document-content h1,.ai-document-content h2,.ai-document-content h3{color:var(--text-primary);line-height:1.3;margin-bottom:.5em;margin-top:1.5em}.ai-document-content h1{border-bottom:1px solid var(--border-color);font-size:1.5em;padding-bottom:.3em}.ai-document-content h2{font-size:1.25em}.ai-document-content h3{font-size:1.1em}.ai-document-content ol,.ai-document-content ul{padding-left:24px}.ai-document-content li{margin-bottom:.5em}.ai-document-content strong{color:var(--text-primary);font-weight:600}.ai-document-content p{margin-bottom:1em}.ai-settings-modal-overlay{align-items:center;background:var(--modal-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.ai-settings-modal{background:var(--modal-bg);border-radius:8px;box-shadow:0 10px 30px #0003;max-width:400px;padding:24px;width:90%}.ai-settings-modal h3{font-size:18px;font-weight:600;margin:0 0 16px}.ai-settings-grid{grid-gap:16px;display:grid;gap:16px;margin-bottom:24px}.ai-setting-label{color:var(--text-primary);font-size:14px}.ai-setting-input,.ai-setting-select{border:1px solid var(--border-color);border-radius:6px;font-size:14px;padding:10px 12px}.ai-settings-actions{display:flex;justify-content:flex-end}.ai-settings-button.primary{background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px}@media (max-width:1024px){.ai-chat-pane{width:350px}}@media (max-width:768px){.ai-modal{border-radius:0;height:100%;max-height:none;width:100%}.ai-main-content{flex-direction:column}.ai-chat-pane{border-bottom:1px solid var(--border-color);border-right:none;height:50%;width:100%}.ai-control-bar{align-items:stretch;flex-direction:column;gap:12px}}.clips-tab{background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-sans);line-height:1.5;min-height:100%}.clips-toolbar{background:var(--card-bg);border-bottom:1px solid var(--card-border);padding:12px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.toolbar-content{justify-content:space-between;margin:0 auto;max-width:1800px}.toolbar-content,.toolbar-left{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.toolbar-right{align-items:center;display:flex;gap:8px}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{background:var(--bg-tertiary);border:1px solid var(--card-border);border-radius:6px;cursor:pointer;font-size:var(--text-sm);font-weight:500;padding:6px 12px;transition:all .2s}.filter-chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.toolbar-divider{background:var(--card-border);height:24px;width:1px}.sort-dropdown{background:var(--bg-surface);border:1px solid var(--card-border);border-radius:6px;font-size:var(--text-sm);padding:6px 12px}.new-clip-controls{align-items:center;display:flex;gap:8px}.clip-count-input{border:1px solid var(--card-border);border-radius:6px;font-size:var(--text-sm);padding:6px 8px;text-align:center;width:50px}.clips-main-content{margin:0 auto;max-width:1800px;padding:24px}.credential-warning-banner{align-items:center;background:var(--color-warning-light);border:1px solid var(--color-warning-border);border-radius:8px;color:#92400e;display:flex;font-size:var(--text-sm);gap:8px;margin-bottom:16px;padding:12px 16px}.warning-icon{font-size:16px}.clips-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.clip-card{background:var(--card-bg);border:2px solid var(--card-border);border-radius:8px;overflow:hidden;position:relative;transition:all .3s}.clip-card:hover{border-color:var(--color-primary);box-shadow:0 4px 6px -1px #0000001a}.clip-card.expanded{border-color:var(--color-primary);box-shadow:0 10px 15px -3px #0000001a;grid-column:1/-1}.clip-collapsed{display:flex;flex-direction:column}.clip-card.expanded .clip-collapsed{display:none}.collapsed-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--card-border);display:flex;gap:12px;justify-content:space-between;padding:12px 16px}.collapsed-left{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.type-badge{border-radius:12px;flex-shrink:0;font-size:var(--text-xs);font-weight:600;padding:4px 10px;text-transform:uppercase}.type-badge.quote{background:var(--clip-type-quote-bg);color:var(--clip-type-quote-text)}.type-badge.short{background:var(--clip-type-short-bg);color:var(--clip-type-short-text)}.type-badge.clip{background:var(--clip-type-clip-bg);color:var(--clip-type-clip-text)}.clip-card .status-badge{align-items:center;border:none;border-radius:6px;display:inline-flex;flex-shrink:0;font-size:var(--text-sm);font-weight:600;height:24px;line-height:24px;min-width:auto;padding:0 10px;text-align:left;text-transform:uppercase}.clip-card .status-badge.draft{background:var(--bg-tertiary);color:#4b5563}.clip-card .status-badge.completed,.clip-card .status-badge.ready,.clip-card .status-badge.rendered{background:var(--color-info-light);color:var(--color-info-dark)}.clip-card .status-badge.published,.clip-card .status-badge.uploaded{background:var(--color-success-light);color:var(--color-success-dark)}.clip-card .status-badge.rendering{background:var(--color-warning-light);color:var(--color-warning-text)}.clip-card .status-badge.failed{background:var(--color-danger-light);color:var(--color-danger-text)}.score-indicator{align-items:center;background:#f0fdf4;background:var(--color-success-light,#f0fdf4);border-radius:6px;color:var(--color-success-hover);display:inline-flex;flex-shrink:0;font-size:var(--text-sm);font-weight:600;height:24px;line-height:24px;padding:0 10px}.collapsed-title-text{color:var(--text-primary);font-size:var(--text-base);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collapsed-actions{gap:6px}.collapsed-actions,.icon-btn{align-items:center;display:flex}.icon-btn{background:var(--bg-surface);border:1px solid var(--card-border);border-radius:6px;cursor:pointer;font-size:var(--text-base);height:32px;justify-content:center;transition:all .2s;width:32px}.icon-btn:hover{background:var(--bg-tertiary);border-color:var(--color-primary)}.expand-btn{color:var(--text-secondary);transform:rotate(0deg);transition:transform .3s}.clip-card.expanded .expand-btn{transform:rotate(180deg)}.collapsed-video-area{cursor:pointer;padding:16px;position:relative}.collapsed-video{align-items:center;aspect-ratio:16/9;background:#000;border-radius:6px;color:#fff;display:flex;font-size:48px;justify-content:center;overflow:hidden;position:relative;width:100%}.collapsed-video video{border-radius:6px;height:100%;object-fit:cover;width:100%}.collapsed-video .video-placeholder{align-items:center;background:linear-gradient(135deg,#1f2937,#374151);color:var(--text-muted);cursor:pointer;display:flex;font-size:var(--text-lg);height:100%;justify-content:center;transition:all .2s;width:100%}.collapsed-video .video-placeholder:hover{background:linear-gradient(135deg,#374151,#4b5563)}.collapsed-video .video-placeholder .play-icon{color:#fff;font-size:48px;opacity:.8;transition:all .2s}.collapsed-video .video-placeholder:hover .play-icon{opacity:1;transform:scale(1.1)}.collapsed-duration{background:#000c;border-radius:4px;bottom:24px;color:#fff;font-size:var(--text-sm);font-weight:600;padding:4px 10px;position:absolute;right:24px}.clip-expanded{display:none}.clip-card.expanded .clip-expanded{display:block}.expanded-container{display:flex;position:relative}.expanded-main{grid-gap:24px;display:grid;flex:1 1;gap:24px;grid-template-columns:1fr 420px;min-width:0;padding:24px}.expanded-header{align-items:center;border-bottom:2px solid var(--card-border);display:flex;grid-column:1/-1;justify-content:space-between;margin-bottom:8px;padding-bottom:16px}.expanded-header-left{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.expanded-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expanded-title,.expanded-title-input{color:var(--text-primary);font-size:var(--text-xl);font-weight:600}.expanded-title-input{background:#0000;border:none;border-radius:4px;flex:1 1;margin:-4px -8px;min-width:0;padding:4px 8px}.expanded-title-input:focus{background:var(--bg-tertiary);border:1px solid var(--color-primary);outline:none}.expanded-content{display:flex;flex-direction:column;gap:20px}.section-label{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:8px;letter-spacing:.05em;text-transform:uppercase}.input-field{border:1px solid var(--card-border);font-size:var(--text-base)}.input-field:focus{border-color:var(--color-primary);box-shadow:var(--input-focus-shadow)}.textarea-field{min-height:120px;resize:vertical}.template-helper{align-items:start}.template-var{background:var(--bg-surface);border:1px solid var(--color-primary);font-family:Courier New,monospace;font-size:var(--text-xs);transition:all .2s}.template-var:hover{background:var(--color-primary)}.tags-container{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.tag-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--card-border);border-radius:6px;display:flex;font-size:12px;gap:6px;padding:4px 10px}.tag-remove{color:var(--text-secondary);cursor:pointer;font-weight:600}.tag-remove:hover{color:var(--color-danger)}.tag-input{background:var(--bg-surface);border:1px dashed var(--card-border);border-radius:6px;font-size:12px;min-width:100px;padding:6px 10px}.tag-input:focus{border-color:var(--color-primary);border-style:solid;outline:none}.dialogue-section-header{align-items:center;display:flex;justify-content:space-between}.regenerate-btn{align-items:center;background:var(--bg-surface);border:1px solid var(--card-border);border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s}.regenerate-btn:hover:not(:disabled){background:#eff6ff;border-color:var(--color-primary);color:var(--color-primary)}.regenerate-btn:disabled{cursor:not-allowed;opacity:.5}.dialogue-preview{background:var(--bg-tertiary);border-left:3px solid var(--color-primary);border-radius:4px;color:#4b5563;font-size:var(--text-sm);line-height:1.6;max-height:120px;overflow-y:auto;padding:12px}.expanded-sidebar{display:flex;flex-direction:column;gap:16px}.video-section{background:var(--bg-tertiary);border:1px solid var(--card-border);border-radius:8px;padding:16px}.clip-scores{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-bottom:12px}.score-item{background:var(--bg-surface);border:1px solid var(--card-border);border-radius:4px;padding:8px 4px;text-align:center}.score-item .score-label{color:var(--text-secondary);font-size:10px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.score-item .score-value,.score-item input.score-value{color:var(--color-success-hover);font-size:var(--text-xl);font-weight:700}.score-item input.score-value{background:#0000;border:none;text-align:center;width:100%}.score-item input.score-value:focus{background:#f0fdf4;border-radius:4px;outline:none}.video-player{align-items:center;aspect-ratio:16/9;background:#000;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:48px;justify-content:center;margin-bottom:12px;overflow:hidden;position:relative;width:100%}.video-player video{border-radius:6px;height:100%;object-fit:contain;width:100%}.video-player .video-placeholder{align-items:center;background:linear-gradient(135deg,#1f2937,#374151);color:var(--text-muted);display:flex;flex-direction:column;font-size:var(--text-base);gap:8px;height:100%;justify-content:center;width:100%}.video-player.portrait{aspect-ratio:9/16;margin:0 auto 12px;max-height:400px}.preview-tabs{display:flex;gap:6px;margin-bottom:12px}.preview-tab{background:var(--bg-surface);border:1px solid var(--card-border);border-radius:4px;cursor:pointer;flex:1 1;font-size:12px;font-weight:500;padding:8px;text-align:center;transition:all .2s}.preview-tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.preview-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.preview-tab:disabled{cursor:not-allowed;opacity:.5}.timing-section{border-top:1px solid var(--card-border);padding-top:12px}.timing-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:12px}.timing-label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.timing-toggle{color:var(--text-secondary);font-size:var(--text-base);transition:transform .3s}.timing-section.collapsed .timing-toggle{transform:rotate(-90deg)}.timing-content{display:block}.timing-section.collapsed .timing-content{display:none}.time-inputs{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:8px}.time-input-group{display:flex;flex-direction:column;gap:4px}.time-input-label{color:var(--text-secondary);font-size:10px;font-weight:500;text-transform:uppercase}.time-input{border:1px solid var(--card-border);border-radius:4px;font-family:Courier New,monospace;font-size:var(--text-sm);padding:8px 2px;text-align:center}.time-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f61a;outline:none}.time-adjust-buttons{display:flex;gap:4px;margin-top:4px}.time-adjust-btn{background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:3px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:10px;padding:2px 4px;transition:all .15s ease}.time-adjust-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.time-adjust-btn:active{transform:scale(.95)}.duration-display{background:var(--bg-surface);border:1px solid var(--card-border);border-radius:4px;color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:8px;padding:8px;text-align:center}.duration-value{color:var(--color-success-hover);font-weight:600}.time-controls{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(5,1fr);margin-bottom:12px}.time-btn{background:var(--bg-surface);border:1px solid var(--card-border);border-radius:4px;cursor:pointer;font-size:10px;padding:6px 4px;transition:all .2s}.time-btn:hover{background:#eff6ff;border-color:var(--color-primary);color:var(--color-primary)}.timing-actions{border-top:1px solid var(--card-border);display:flex;gap:8px;padding-top:12px}.timing-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:var(--text-sm);font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s}.timing-action-btn:disabled{cursor:not-allowed;opacity:.5}.btn-render{background:var(--color-primary);color:#fff}.btn-render:hover:not(:disabled){background:var(--color-primary-hover)}.btn-duplicate{background:var(--bg-surface);border:1px solid var(--card-border);color:var(--text-secondary)}.btn-duplicate:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.btn-delete{background:var(--color-danger);color:#fff;flex:0 0 auto;padding:10px 12px}.btn-delete:hover{background:var(--color-danger-hover)}.btn-render.rendering{background:#fbbf24;color:#78350f}.spinner{animation:spin 1s linear infinite;display:inline-block}.drawer-triggers{display:flex;flex-direction:column;gap:12px}.drawer-trigger{align-items:center;background:var(--bg-surface);border:2px solid var(--card-border);border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;transition:all .2s}.drawer-trigger:hover{background:var(--bg-tertiary);border-color:var(--color-primary)}.drawer-trigger.active{background:#eff6ff;border-color:var(--color-primary)}.drawer-trigger-left{align-items:center;display:flex;gap:10px}.drawer-trigger-icon{font-size:var(--text-xl)}.drawer-trigger-text{color:var(--text-primary);font-size:var(--text-base);font-weight:600}.drawer-indicators,.drawer-trigger-right{align-items:center;display:flex}.drawer-indicators{font-size:var(--text-xs);gap:6px}.indicator-badge{background:var(--bg-tertiary);border-radius:4px;color:var(--text-secondary);font-weight:500;padding:3px 8px}.chevron-icon{color:var(--text-secondary);font-size:var(--text-base);margin-left:8px;transition:transform .3s}.drawer-trigger.active .chevron-icon{transform:rotate(180deg)}.drawer-trigger.publish-trigger{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);border-color:var(--color-primary);color:#fff}.drawer-trigger.publish-trigger:hover{background:linear-gradient(135deg,var(--color-primary-hover) 0,#1e40af 100%);box-shadow:0 4px 6px -1px #0003;transform:translateY(-2px)}.drawer-trigger.publish-trigger .drawer-trigger-text{color:#fff}.drawer-trigger.publish-trigger .indicator-badge{background:#fff3;color:#fff}.drawer-trigger.publish-trigger .chevron-icon{color:#fff}.drawer-panel{background:var(--bg-surface);border-left:2px solid var(--color-primary);bottom:0;box-shadow:-4px 0 6px -1px #0000001a;overflow-y:auto;position:absolute;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:380px;z-index:10}.drawer-panel.open{transform:translateX(0)}.drawer-header{background:var(--bg-tertiary);border-bottom:2px solid var(--card-border);justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.drawer-header,.drawer-title{align-items:center;display:flex}.drawer-title{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;gap:8px}.drawer-close{align-items:center;background:var(--bg-surface);border:1px solid var(--card-border);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-xl);height:32px;justify-content:center;transition:all .2s;width:32px}.drawer-close:hover{background:var(--bg-tertiary);border-color:var(--color-danger);color:var(--color-danger)}.drawer-content{padding:20px}.drawer-section{margin-bottom:20px}.drawer-section:last-child{margin-bottom:0}.drawer-section-title{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.setting-row{align-items:center;background:var(--bg-tertiary);border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px}.setting-row:last-child{margin-bottom:0}.setting-label{color:var(--text-primary);font-size:var(--text-base);font-weight:500}.clip-card .toggle-switch,.render-settings-modal .toggle-switch,.settings-drawer .toggle-switch{width:44px}.clip-card .toggle-switch input:checked+.toggle-slider,.render-settings-modal .toggle-switch input:checked+.toggle-slider,.settings-drawer .toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary)}.clip-card .toggle-switch input:checked+.toggle-slider:before,.render-settings-modal .toggle-switch input:checked+.toggle-slider:before,.settings-drawer .toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.select-field{background:var(--bg-surface);border:1px solid var(--card-border);border-radius:4px;font-size:var(--text-sm);padding:8px 12px}.select-field:disabled{cursor:not-allowed;opacity:.5}.drawer-section-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 0}.drawer-section-header:hover .drawer-section-title{color:var(--color-primary)}.section-chevron{color:var(--text-secondary);font-size:16px;transition:transform .2s}.section-chevron.expanded{transform:rotate(90deg)}.drawer-section-content{padding-left:4px}.setting-row.indent{background:#0000;border-left:2px solid var(--card-border);margin-left:20px;padding-left:16px}.setting-row.column{align-items:flex-start;flex-direction:column;gap:8px}.setting-row.column .setting-label{margin-bottom:4px}.color-input-group{gap:8px}.color-picker{height:36px;width:36px}.hex-input{border:1px solid var(--card-border);border-radius:4px;font-family:Courier New,monospace;font-size:var(--text-sm);padding:6px 8px;text-transform:uppercase;width:80px}.hex-input:focus{border-color:var(--color-primary);outline:none}.slider-with-value{align-items:center;display:flex;gap:12px}.range-slider{-webkit-appearance:none;appearance:none;background:var(--card-border);border-radius:3px;height:6px;outline:none;width:100px}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-primary);border-radius:50%;cursor:pointer;height:16px;-webkit-transition:transform .1s;transition:transform .1s;width:16px}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.range-slider::-moz-range-thumb{background:var(--color-primary);border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.number-input,.slider-value{font-size:var(--text-sm)}.number-input{border:1px solid var(--card-border);border-radius:4px;padding:6px 10px;text-align:center;width:70px}.number-input:focus{border-color:var(--color-primary);outline:none}.setting-hint{background:var(--color-warning-light);border-radius:4px;color:var(--text-secondary);font-size:var(--text-xs);margin-top:8px;padding:8px 12px}.settings-summary{background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;display:flex;flex-wrap:wrap;gap:6px;padding:12px}.summary-item{background:var(--bg-surface);border:1px solid #bae6fd;border-radius:4px;color:#0369a1;font-size:var(--text-xs);font-weight:500;padding:4px 10px}.settings-drawer{width:420px}.channel-list{display:flex;flex-direction:column;gap:10px}.channel-item{align-items:center;background:var(--bg-tertiary);border:2px solid var(--card-border);border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.channel-item:hover{background:var(--bg-surface);border-color:var(--color-primary)}.channel-item.selected{background:#eff6ff;border-color:var(--color-primary)}.channel-checkbox{cursor:pointer;flex-shrink:0;height:20px;width:20px}.channel-info{flex:1 1;min-width:0}.channel-name{color:var(--text-primary);font-size:var(--text-base);font-weight:500;margin-bottom:2px}.channel-subs{color:var(--text-secondary);font-size:12px}.channel-link{align-items:center;background:var(--color-success-light);border-radius:4px;color:var(--color-success-dark);display:inline-flex;flex-shrink:0;font-size:var(--text-xs);font-weight:600;gap:4px;padding:4px 10px;text-decoration:none}.channel-link:hover{background:#bbf7d0}.schedule-btn{align-items:center;background:var(--bg-tertiary);border:2px solid var(--card-border);border-radius:6px;cursor:pointer;display:flex;flex-direction:column;font-size:12px;gap:6px;padding:12px;text-align:center;transition:all .2s}.schedule-btn:hover:not(.disabled){background:var(--bg-surface);border-color:var(--color-primary)}.schedule-btn.selected{background:#eff6ff;border-color:var(--color-primary);color:var(--color-primary)}.schedule-btn.disabled{cursor:not-allowed;opacity:.5}.schedule-icon{font-size:20px}.schedule-label{font-weight:600}.schedule-note{color:var(--text-secondary);font-size:10px}.download-btn{align-items:center;background:var(--bg-surface);border:2px solid var(--card-border);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:600;gap:6px;justify-content:center;padding:12px 16px;transition:all .2s;width:100%}.download-btn:hover:not(:disabled){background:#eff6ff;border-color:var(--color-primary);color:var(--color-primary)}.download-btn:disabled{cursor:not-allowed;opacity:.5}.publish-action-btn{align-items:center;background:var(--color-success);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:var(--text-base);font-weight:600;gap:6px;justify-content:center;margin-top:12px;padding:12px 16px;transition:all .2s;width:100%}.publish-action-btn:hover:not(:disabled){background:var(--color-success-hover)}.publish-action-btn:disabled{cursor:not-allowed;opacity:.5}.drawer-overlay{background:#0000004d;display:none;inset:0;position:fixed;z-index:9}.drawer-overlay.visible{display:block}.publish-modal-overlay{align-items:center;background:var(--modal-overlay);display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.publish-modal{background:var(--modal-bg);border-radius:12px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow:hidden;width:100%}.publish-modal-header{align-items:center;background:var(--bg-tertiary);border-bottom:2px solid var(--card-border);display:flex;flex-shrink:0;justify-content:space-between;padding:20px}.publish-modal-body{flex:1 1;overflow-y:auto;padding:20px}.publish-action-row{padding-top:8px}.btn-publish{background:var(--bg-surface);border:2px solid var(--card-border);color:var(--text-secondary);gap:8px;width:100%}.btn-publish:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--color-primary);color:var(--color-primary)}.publish-badge{background:var(--bg-tertiary);border-radius:4px;color:var(--text-secondary);font-size:12px;font-weight:600;padding:2px 8px}@media (max-width:520px){.publish-modal{border-radius:0;max-height:100vh;max-width:100%}}.clip-comments{background:var(--bg-tertiary);border-top:1px solid var(--card-border);padding:16px 24px 24px}.no-clips-message{background:var(--bg-surface);border:2px dashed var(--card-border);border-radius:8px;grid-column:1/-1;padding:60px 20px;text-align:center}.no-clips-message h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin-bottom:8px}.no-clips-message p{color:var(--text-secondary);font-size:var(--text-base)}.loading{padding:60px 20px;text-align:center}.error{background:var(--color-danger-light);border:1px solid var(--color-danger-border);border-radius:8px;color:var(--color-danger);margin-bottom:20px;padding:20px}.datetime-picker{display:flex;flex-direction:column;gap:8px}.datetime-picker input[type=date],.datetime-picker input[type=time]{background:var(--bg-surface);border:1px solid var(--card-border);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);padding:10px 12px;width:100%}.datetime-picker input[type=date]:focus,.datetime-picker input[type=time]:focus{border-color:var(--color-primary);box-shadow:var(--input-focus-shadow);outline:none}.channel-status{align-items:center;display:flex;font-size:11px;font-weight:500;gap:4px;margin-top:4px}.channel-status.status-pending{color:#d97706}.channel-status.status-uploading{animation:pulse 1.5s ease-in-out infinite;color:#2563eb}.channel-status.status-completed{color:var(--color-success)}.channel-status.status-failed{color:var(--color-danger)}.channel-item.status-uploading{background:var(--color-info-light);border-color:var(--color-info)}.channel-item.status-completed{background:var(--color-success-light);border-color:var(--color-success)}.channel-item.status-failed{background:var(--color-danger-light);border-color:var(--color-danger)}.channel-item.status-completed .channel-checkbox,.channel-item.status-uploading .channel-checkbox{cursor:not-allowed;opacity:.6}.schedule-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:8px}textarea.input-field{background:var(--bg-surface);border:1px solid var(--card-border);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);line-height:1.5;min-height:100px;padding:10px 12px;resize:vertical;width:100%}textarea.input-field:focus{border-color:var(--color-primary);box-shadow:var(--input-focus-shadow);outline:none}.content-section{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.content-section:last-child{margin-bottom:0}.section-label{color:var(--text-primary);display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:4px}@media (max-width:1400px){.expanded-main{grid-template-columns:1fr 380px}}@media (max-width:1200px){.clips-grid{grid-template-columns:1fr}.clip-card.expanded{grid-column:1}.expanded-main{grid-template-columns:1fr;grid-template-rows:auto auto auto}.expanded-header{grid-column:1;grid-row:1;order:1}.expanded-sidebar{grid-column:1;grid-row:2;order:2}.expanded-content{grid-column:1;grid-row:3;order:3}.drawer-panel{max-width:400px;width:100%}}@media (max-width:768px){.clips-toolbar{padding:12px 16px}.toolbar-content,.toolbar-left{align-items:stretch;flex-direction:column}.toolbar-right{flex-wrap:wrap}.clips-main-content{padding:16px}.collapsed-header{flex-wrap:wrap}.collapsed-title-text{flex-basis:100%;margin-top:8px;white-space:normal}.expanded-main{gap:16px;padding:16px}.clip-scores{grid-template-columns:repeat(2,1fr)}}.ai-modal-overlay{background:var(--modal-overlay);padding:16px;z-index:1000}.ai-modal{box-shadow:0 10px 30px #0003;height:90vh;max-height:900px;max-width:1400px}.ai-modal-header{border-bottom:1px solid var(--card-border);flex-shrink:0}.ai-modal-title{font-size:var(--text-xl)}.ai-close-btn{background:var(--bg-surface);border:1px solid var(--card-border);color:var(--text-secondary);font-size:20px;height:32px;width:32px}.ai-close-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.ai-settings-bar{background:var(--bg-secondary);border-bottom:1px solid var(--card-border);flex-shrink:0;padding:16px 24px}.ai-settings-toggle{align-items:center;cursor:pointer;display:flex;justify-content:space-between;-webkit-user-select:none;user-select:none}.ai-settings-toggle-title{color:var(--text-primary);font-weight:500}.ai-settings-toggle-icon{color:var(--text-secondary);font-size:12px;transition:transform .2s}.ai-settings-toggle-icon.expanded{transform:rotate(180deg)}.ai-settings-content{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr;margin-top:16px}.ai-setting-group{display:flex;flex-direction:column;gap:6px}.ai-setting-label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:500}.ai-setting-input{background:var(--bg-surface);border:1px solid var(--card-border);border-radius:6px;font-size:var(--text-sm);padding:8px 12px}.ai-modal-content{display:flex;flex:1 1;overflow:hidden}.ai-modal-left{background:var(--bg-surface);border-right:1px solid var(--card-border);flex:2 1;overflow-y:auto;padding:24px}.ai-modal-right{background:var(--bg-secondary);display:flex;flex:3 1;flex-direction:column;overflow-y:auto;padding:24px}.ai-section{margin-bottom:24px}.ai-section-title{color:var(--text-primary);font-size:var(--text-sm);gap:8px;margin-bottom:12px}.ai-section-title,.ai-step-number{align-items:center;display:flex;font-weight:600}.ai-step-number{background:var(--color-primary);border-radius:50%;color:#fff;flex-shrink:0;font-size:var(--text-xs);height:24px;justify-content:center;width:24px}.ai-select{cursor:pointer;padding:10px 12px}.ai-select,.ai-textarea{background:var(--bg-surface);border:1px solid var(--card-border);border-radius:6px;font-size:var(--text-sm);width:100%}.ai-textarea{font-family:inherit;min-height:250px;padding:12px;resize:vertical;transition:border-color .2s}.ai-textarea:focus{border-color:var(--color-primary);box-shadow:var(--input-focus-shadow);outline:none}.ai-textarea.small{min-height:80px}.ai-generate-btn{background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:var(--text-sm);font-weight:500;padding:12px 24px;transition:background-color .2s;width:100%}.ai-generate-btn:hover:not(:disabled){background:var(--color-primary-hover)}.ai-generate-btn:disabled{background:var(--bg-disabled);cursor:not-allowed}.ai-preview-title{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin-bottom:16px}.ai-preview-box{background:var(--bg-surface);border:1px solid var(--card-border);border-radius:8px;flex:1 1;font-size:var(--text-sm);line-height:1.6;margin-bottom:20px;min-height:400px;overflow-y:auto;padding:20px}.ai-preview-placeholder{color:var(--text-placeholder);font-style:italic}.ai-apply-btn{background:var(--color-success);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:var(--text-sm);font-weight:500;padding:12px 24px;transition:background-color .2s;width:100%}.ai-apply-btn:hover:not(:disabled){background:var(--color-success-hover)}.ai-apply-btn:disabled{background:var(--bg-disabled);cursor:not-allowed}.ai-clip-result{background:var(--bg-surface);border:1px solid var(--card-border);border-radius:8px;margin-bottom:12px;padding:16px}.ai-clip-header{align-items:start;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.ai-clip-title{color:var(--text-primary);flex:1 1;font-size:var(--text-sm);font-weight:600}.ai-clip-type{border-radius:12px;font-size:var(--text-xs);font-weight:600;padding:2px 8px;text-transform:uppercase;white-space:nowrap}.ai-clip-type.short{background:var(--clip-type-short-bg);color:var(--clip-type-short-text)}.ai-clip-type.quote{background:var(--clip-type-quote-bg);color:var(--clip-type-quote-text)}.ai-clip-type.clip{background:var(--clip-type-clip-bg);color:var(--clip-type-clip-text)}.ai-clip-timing{margin-bottom:8px}.ai-alt-titles,.ai-clip-scores,.ai-clip-timing{color:var(--text-secondary);font-size:var(--text-xs)}.ai-alt-titles{margin-top:4px}.ai-parameter-grid{grid-gap:16px;display:grid;gap:16px}.ai-parameter-group{display:flex;flex-direction:column;gap:6px}.ai-parameter-label{color:var(--text-primary);font-size:var(--text-sm);font-weight:500}.ai-number-input{background:var(--bg-surface);border:1px solid var(--card-border);border-radius:6px;font-size:var(--text-sm);padding:10px 12px;width:100%}.template-description{font-size:var(--text-xs);margin-top:8px}.no-templates,.template-description{color:var(--text-secondary);font-style:italic}.no-templates{background:var(--bg-secondary);border-radius:6px;padding:20px;text-align:center}@media (max-width:767px){.ai-modal{border-radius:0;height:100vh;max-height:100vh;width:100%}.ai-modal-content{flex-direction:column}.ai-modal-left{border-bottom:1px solid var(--card-border);border-right:none;padding:16px}.ai-modal-right{padding:16px}.ai-settings-content{grid-template-columns:1fr}}.clip-card{animation:fadeInUp .3s ease-out}.clip-card:first-child{animation-delay:0ms}.clip-card:nth-child(2){animation-delay:50ms}.clip-card:nth-child(3){animation-delay:.1s}.clip-card:nth-child(4){animation-delay:.15s}.clip-card:nth-child(5){animation-delay:.2s}@media (max-width:520px){.clips-main-content{padding:8px}.clip-card{max-width:100%;overflow-x:hidden}.collapsed-header{flex-wrap:wrap;gap:8px;padding:10px}.collapsed-left{flex-wrap:wrap;width:100%}.collapsed-title-text{font-size:var(--text-sm);white-space:normal}.expanded-main{gap:12px;padding:10px}.expanded-header{flex-wrap:wrap;gap:8px;padding-bottom:12px}.expanded-header-left{flex-wrap:wrap;width:100%}.clip-scores{gap:4px}.score-item{padding:6px 2px}.score-item .score-value{font-size:var(--text-lg)}.time-input{font-size:14px;min-width:0;width:100%}.tags-container{gap:4px}.tag-item{font-size:11px;padding:4px 6px}}.render-modal-overlay{align-items:center;background:var(--modal-overlay);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.render-modal-container{align-items:flex-start;display:flex;gap:16px;max-height:90vh;max-width:95vw}.render-settings-modal{background:var(--modal-bg);border-radius:12px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;flex-shrink:0;max-height:90vh;overflow:hidden;width:680px}.render-modal-header{align-items:center;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;padding:20px 24px}.render-modal-header h2{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.render-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s;width:32px}.render-close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.render-modal-body{display:flex;flex:1 1;gap:32px;overflow-y:auto;padding:24px}.render-preview-column{flex-shrink:0;width:180px}.render-preview-label{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.render-preview-frame{background:#1a1a2e;border:2px solid #374151;border-radius:8px;overflow:hidden;position:relative}.render-preview-frame.portrait{aspect-ratio:9/16;width:100%}.render-preview-frame.landscape{aspect-ratio:16/9;width:100%}.preview-video-area{border:2px dashed #4b5563;border-radius:4px;display:flex;flex-direction:column;inset:8px;position:absolute}.preview-branding{align-items:center;background:#10b98166;border:1px solid #10b981b3;border-radius:50%;display:flex;height:20px;justify-content:center;position:absolute;width:20px;z-index:3}.preview-branding-icon{color:#6ee7b7;font-size:10px;font-weight:700}.preview-branding.preview-pos-top_left{left:4px;top:4px}.preview-branding.preview-pos-top_center{left:50%;top:4px;transform:translateX(-50%)}.preview-branding.preview-pos-top_right{right:4px;top:4px}.preview-branding.preview-pos-bottom_left{bottom:4px;left:4px}.preview-branding.preview-pos-bottom_right{bottom:4px;right:4px}.preview-branding.preview-pos-center{left:50%;top:50%;transform:translate(-50%,-50%)}.preview-branding.preview-pos-below_subtitles{bottom:28px;left:50%;transform:translateX(-50%)}.preview-title{left:8px;position:absolute;right:8px;z-index:2}.preview-title-bar{background:#f59e0b66;border:1px solid #f59e0bb3;border-radius:3px;color:#fcd34d;display:block;font-size:8px;font-weight:600;padding:2px 6px;text-align:center}.preview-title.preview-pos-top{top:4px}.preview-title.preview-pos-middle{top:50%;transform:translateY(-50%)}.preview-title.preview-pos-bottom{bottom:4px}.preview-subtitles{left:8px;position:absolute;right:8px;z-index:2}.preview-subtitle-bar{background:#3b82f666;border:1px solid #3b82f6b3;border-radius:3px;color:#93c5fd;display:block;font-size:8px;font-weight:600;padding:2px 6px;text-align:center}.preview-subtitles.preview-pos-top{top:20px}.preview-subtitles.preview-pos-middle{top:50%;transform:translateY(-50%)}.preview-subtitles.preview-pos-bottom{bottom:8px}.preview-framing-label{bottom:4px;color:var(--text-muted);font-size:8px;font-weight:500;position:absolute;right:8px}.render-preview-legend{display:flex;flex-direction:column;gap:8px;margin-top:16px}.legend-item{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:8px}.legend-dot{border-radius:50%;height:10px;width:10px}.legend-dot.title{background:#f59e0b}.legend-dot.subtitles{background:#3b82f6}.legend-dot.branding{background:#10b981}.render-settings-column{flex:1 1;gap:24px;min-width:0}.render-settings-column,.settings-section{display:flex;flex-direction:column}.settings-section-label{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.orientation-radio-group{display:flex;gap:24px;margin-bottom:12px}.orientation-option{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:8px}.orientation-option input[type=radio]{display:none}.radio-circle{border:2px solid var(--card-border);border-radius:50%;height:18px;position:relative;transition:all .2s;width:18px}.orientation-option.selected .radio-circle{border-color:#ec4899}.orientation-option.selected .radio-circle:after{background:#ec4899;border-radius:50%;content:"";height:8px;left:3px;position:absolute;top:3px;width:8px}.framing-row{display:flex;flex-direction:column;gap:6px}.framing-label{color:var(--text-secondary);font-size:13px}.framing-select{background:var(--bg-surface);border:1px solid var(--card-border);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:10px 12px}.framing-select:focus{border-color:var(--color-primary);outline:none}.overlay-card{border-radius:8px;margin-bottom:8px;padding:12px 16px;transition:all .2s}.overlay-card:last-child{margin-bottom:0}.overlay-card.subtitles{background:#eff6ff;border:1px solid #bfdbfe}.overlay-card.subtitles.disabled{background:var(--bg-tertiary);border-color:var(--card-border)}.overlay-card.title{background:#fffbeb;border:1px solid #fde68a}.overlay-card.title.disabled{background:var(--bg-tertiary);border-color:var(--card-border)}.overlay-card.branding{background:#ecfdf5;border:1px solid #a7f3d0}.overlay-card.branding.disabled{background:var(--bg-tertiary);border-color:var(--card-border)}.overlay-card-main{align-items:center;display:flex;gap:10px}.overlay-checkbox{align-items:center;cursor:pointer;display:flex}.overlay-checkbox input{display:none}.checkbox-custom{background:var(--bg-surface);border:2px solid var(--card-border);border-radius:4px;height:18px;position:relative;transition:all .2s;width:18px}.overlay-checkbox input:checked+.checkbox-custom{background:var(--color-primary);border-color:var(--color-primary)}.overlay-checkbox input:checked+.checkbox-custom:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.overlay-checkbox input:disabled+.checkbox-custom{cursor:not-allowed;opacity:.5}.overlay-dot{border-radius:50%;height:8px;width:8px}.overlay-dot.subtitles{background:#3b82f6}.overlay-dot.title{background:#f59e0b}.overlay-dot.branding{background:#10b981}.overlay-name{color:var(--text-primary);flex:1 1;font-size:14px;font-weight:500}.overlay-edit-btn{background:var(--bg-surface);border:none;border-radius:4px;color:var(--color-primary);cursor:pointer;font-size:12px;font-weight:500;padding:4px 12px;transition:all .2s}.overlay-edit-btn:hover{background:var(--bg-secondary)}.overlay-card-detail{align-items:center;display:flex;gap:8px;margin-top:8px;padding-left:28px}.detail-label{color:var(--text-secondary);font-size:12px}.detail-select{background:var(--bg-surface);border:1px solid var(--card-border);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:12px;padding:4px 8px}.detail-select:disabled{cursor:not-allowed;opacity:.5}.clip-type-select{background:var(--bg-surface);border:1px solid var(--card-border);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:10px 12px}.clip-type-select:focus{border-color:var(--color-primary);outline:none}.render-overlay-row select{flex:1 1}.render-modal-footer{align-items:center;border-top:1px solid var(--card-border);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.render-cancel-btn{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:color .2s}.render-cancel-btn:hover{color:var(--text-primary)}.render-submit-btn{align-items:center;background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;padding:10px 20px;transition:background .2s}.render-submit-btn:hover{background:var(--color-primary-hover)}.render-credit-badge{background:#fff3;border-radius:4px;font-size:13px;padding:2px 10px}.render-slideover-panel{animation:slideIn .2s ease-out;background:var(--modal-bg);border-radius:12px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;flex-shrink:0;max-height:90vh;overflow:hidden;width:320px}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.slideover-panel-header{align-items:center;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;padding:16px 20px}.slideover-panel-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.slideover-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;width:28px}.slideover-close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.slideover-panel-body{flex:1 1;overflow-y:auto;padding:20px}.slideover-panel-footer{border-top:1px solid var(--card-border);padding:16px 20px}.slideover-done-btn{background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s;width:100%}.slideover-done-btn:hover{background:var(--color-primary-hover)}.panel-section{margin-bottom:20px}.panel-section:last-child{margin-bottom:0}.panel-section-label{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:10px;text-transform:uppercase}.panel-select{background:var(--bg-surface);border:1px solid var(--card-border);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:10px 12px;width:100%}.panel-select:focus{border-color:var(--color-primary);outline:none}.caption-preview-box{align-items:center;background:#1a1a2e;border-radius:8px;display:flex;justify-content:center;min-height:60px;padding:20px}.caption-preview-text{border-radius:4px;font-size:16px;font-weight:600;transition:all .2s}.panel-field{margin-bottom:12px}.panel-field:last-child{margin-bottom:0}.panel-field-label{color:var(--text-secondary);display:block;font-size:13px;margin-bottom:6px}.panel-input{background:var(--bg-surface);border:1px solid var(--card-border);border-radius:6px;font-size:14px;padding:10px 12px;width:100%}.panel-input:focus{border-color:var(--color-primary);outline:none}.color-input-group{align-items:center;display:flex;gap:10px}.color-picker{background:var(--bg-surface);border:1px solid var(--card-border);border-radius:6px;cursor:pointer;height:40px;padding:2px;width:40px}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:4px}.color-hex-input{border:1px solid var(--card-border);border-radius:6px;flex:1 1;font-family:Courier New,monospace;font-size:14px;padding:10px 12px;text-transform:uppercase}.color-hex-input:focus{border-color:var(--color-primary);outline:none}.slider-input-group{align-items:center;display:flex;gap:12px}.panel-slider{-webkit-appearance:none;appearance:none;background:var(--card-border);border-radius:3px;flex:1 1;height:6px;outline:none}.panel-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-primary);border-radius:50%;cursor:pointer;height:18px;width:18px}.panel-slider::-moz-range-thumb{background:var(--color-primary);border:none;border-radius:50%;cursor:pointer;height:18px;width:18px}.slider-value{color:var(--text-primary);font-size:14px;font-weight:600;min-width:50px;text-align:right}.panel-placeholder{background:var(--bg-secondary);border-radius:6px;color:var(--text-secondary);font-size:14px;padding:20px;text-align:center}.font-selector{display:flex;flex-direction:column;gap:8px}.font-selector select{background:var(--bg-surface);border:1px solid var(--card-border);border-radius:6px;cursor:pointer;font-size:14px;padding:10px 12px;width:100%}.font-selector select:focus{border-color:var(--color-primary);outline:none}.font-preview{align-items:center;background:#1a1a2e;border:1px solid #333;border-radius:6px;color:#fff;display:flex;font-size:16px;justify-content:center;min-height:60px;padding:10px 12px;text-align:center}.panel-field-hint{color:var(--text-muted);font-size:11px;font-style:italic;margin-top:4px}@media (max-width:900px){.render-modal-container{max-height:90vh;overflow:hidden;position:relative}.render-settings-modal,.render-slideover-panel{max-width:100%;width:100%}.render-slideover-panel{border-radius:12px;inset:0;max-height:100%;position:absolute;z-index:2}}@media (max-width:640px){.render-modal-body{flex-direction:column;gap:20px}.render-preview-column{width:100%}}.thumbnail-selector-modal-overlay{align-items:center;background-color:var(--modal-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.thumbnail-selector-modal{background:var(--modal-bg);border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;max-height:80vh;max-width:900px;width:90%}.thumbnail-selector-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px}.thumbnail-selector-header h2{color:var(--text-primary);font-size:24px;margin:0}.close-btn{color:var(--text-secondary);font-size:32px;height:32px;width:32px}.close-btn:hover{color:var(--text-primary)}.thumbnail-selector-content{flex:1 1;overflow-y:auto;padding:20px}.thumbnail-selector-modal .empty-state,.thumbnail-selector-modal .loading-state{color:var(--text-secondary);padding:40px 20px;text-align:center}.thumbnail-selector-modal .empty-state p{margin:10px 0}.thumbnail-selector-modal .thumbnails-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.thumbnail-selector-modal .thumbnail-item{background:var(--bg-tertiary);border:3px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.thumbnail-selector-modal .thumbnail-item:hover{border-color:#2196f3;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.thumbnail-selector-modal .thumbnail-item.selected{border-color:#4caf50;box-shadow:0 4px 12px #4caf504d}.thumbnail-selector-modal .thumbnail-item img{aspect-ratio:16/9;display:block;height:auto;object-fit:cover;width:100%}.thumbnail-selector-modal .thumbnail-title{background:var(--bg-surface);border-top:1px solid var(--border-color);color:var(--text-primary);font-size:14px;overflow:hidden;padding:10px;text-overflow:ellipsis;white-space:nowrap}.thumbnail-selector-modal .selected-indicator{align-items:center;background:#4caf50;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:20px;font-weight:700;height:32px;justify-content:center;position:absolute;right:10px;top:10px;width:32px}.thumbnail-selector-footer{border-top:1px solid var(--border-color);display:flex;gap:10px;justify-content:flex-end;padding:20px}.cancel-btn,.confirm-btn{border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:10px 20px;transition:all .2s ease}.cancel-btn{background:var(--bg-tertiary);color:var(--text-primary)}.cancel-btn:hover{background:var(--border-color)}.confirm-btn{background:#4caf50;color:#fff}.confirm-btn:hover:not(:disabled){background:#45a049}.confirm-btn:disabled{background:var(--bg-disabled);cursor:not-allowed;opacity:.6}.template-helper{align-items:center;background:#eff6ff;border-radius:4px;color:#1e40af;display:flex;flex-wrap:wrap;font-size:12px;gap:8px;margin-top:8px;padding:10px 12px}.template-helper-label{margin-right:4px;white-space:nowrap}.template-vars{display:flex;flex-wrap:wrap;gap:4px}.template-var{background:#fff;border:1px solid #3b82f6;border:1px solid var(--color-primary,#3b82f6);border-radius:3px;cursor:pointer;font-family:monospace;font-size:11px;font-size:var(--text-xs,11px);padding:3px 8px;transition:all .15s ease}.template-var:hover{background:#3b82f6;background:var(--color-primary,#3b82f6);color:#fff}.clip-type-selector{display:inline-block;position:relative}.clip-type-selector.medium,.clip-type-selector.small{font-size:14px}.clip-type-badge-btn{align-items:center;border:none;border-radius:6px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:inherit;font-weight:600;gap:4px;height:24px;line-height:24px;padding:0 10px;text-transform:uppercase;transition:opacity .2s,transform .1s;white-space:nowrap}.clip-type-selector.disabled .clip-type-badge-btn{cursor:default;opacity:.8}.clip-type-selector:not(.disabled) .clip-type-badge-btn:hover{opacity:.85}.clip-type-selector:not(.disabled) .clip-type-badge-btn:active{transform:scale(.98)}.clip-type-arrow{font-size:.7em;opacity:.7}.clip-type-badge-btn.quote{background:var(--clip-type-quote-bg);color:var(--clip-type-quote-text)}.clip-type-badge-btn.short{background:var(--clip-type-short-bg);color:var(--clip-type-short-text)}.clip-type-badge-btn.clip{background:var(--clip-type-clip-bg);color:var(--clip-type-clip-text)}.clip-type-dropdown-menu{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;min-width:120px;overflow:hidden;padding:4px 0;position:absolute;top:100%;z-index:1000}.clip-type-option{align-items:center;background:none;border:none;color:#1f2937;color:var(--text-primary,#1f2937);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 14px;text-align:left;text-transform:uppercase;transition:background .1s;width:100%}.clip-type-option:hover{background:#f3f4f6;background:var(--bg-tertiary,#f3f4f6)}.clip-type-option.active{font-weight:600}.clip-type-dot{border-radius:50%;display:inline-block;height:8px;width:8px}.clip-type-dot.quote{background:var(--clip-type-quote-dot)}.clip-type-dot.short{background:var(--clip-type-short-dot)}.clip-type-dot.clip{background:var(--clip-type-clip-dot)}.media-tab{background:var(--bg-secondary);font-family:var(--font-sans);min-height:100vh;padding:var(--mobile-padding)}.websocket-status-container{display:flex;justify-content:flex-end;margin-bottom:16px}.websocket-status{background:var(--bg-tertiary);border-radius:12px;color:var(--text-secondary);font-size:var(--text-xs);font-weight:500;padding:4px 8px}.websocket-status.connected{background:var(--color-success-light);color:var(--color-success)}.websocket-status.disconnected{background:var(--color-warning-light);color:var(--color-warning)}.media-section{background:var(--card-bg);border:1px solid var(--card-border);border-left:4px solid var(--card-accent);border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);padding:var(--mobile-padding)}.media-section h3{border-bottom:1px solid var(--card-border);color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin:0 0 20px;padding-bottom:12px}.media-grid{display:flex;flex-direction:column;gap:16px}.media-card{background:var(--card-bg);border:1px solid var(--card-border);border-left:4px solid var(--border-color);border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:all .2s ease}.media-card:hover{border-left-color:var(--card-accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.media-card.complete{border-left-color:var(--color-success)}.media-card.incomplete{border-left-color:var(--color-danger)}.media-card.drag-active{background:#4a90e20d;border:2px dashed var(--color-primary);transform:scale(1.02)}.media-card-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;padding:16px}.media-card-header h4{color:var(--text-primary);font-size:var(--text-base);font-weight:600;margin:0}.status-complete{align-items:center;color:var(--color-success);display:flex;gap:4px}.status-complete,.status-missing{font-size:var(--text-sm);font-weight:500}.status-missing{color:var(--color-danger)}.video-version-toggle{background:var(--bg-secondary);border-bottom:1px solid var(--card-border);display:flex;gap:0;padding:12px 16px 0}.toggle-btn{align-items:center;background:#0000;border:1px solid var(--border-color);display:flex;flex:1 1;font-size:var(--text-sm);font-weight:500;gap:6px;justify-content:center;min-height:36px;padding:8px 12px;transition:all .2s ease}.toggle-btn:first-child{border-radius:6px 0 0 6px;border-right:none}.toggle-btn:last-child{border-left:none;border-radius:0 6px 6px 0}.toggle-btn:hover:not(.active){background:var(--bg-tertiary);color:var(--text-primary)}.toggle-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}.toggle-btn.active+.toggle-btn{border-left-color:var(--color-primary)}@media (max-width:767px){.video-version-toggle{padding:8px 12px 0}.toggle-btn{font-size:var(--text-xs);gap:4px;padding:8px}}@media (min-width:768px){.video-version-toggle{padding:16px 20px 0}.toggle-btn{min-height:40px;padding:10px 16px}}.media-card-content{background:var(--bg-secondary);min-height:120px;padding:16px}.media-card-content,.preview-container{align-items:center;display:flex;justify-content:center}.preview-container{max-width:300px;width:100%}.preview-player{border-radius:6px;max-width:100%;width:100%}.thumbnail-preview-image{border-radius:6px;box-shadow:0 2px 8px #0000001a;height:auto;max-width:100%}.preview-link{align-items:center;background:var(--color-primary);border-radius:6px;color:#fff;display:inline-flex;font-weight:500;min-height:var(--mobile-touch-target);padding:12px 20px;text-decoration:none;transition:all .2s}.preview-link:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.empty-icon{font-size:36px;margin-bottom:12px;opacity:.6}.empty-state p{font-size:var(--text-sm);line-height:1.4;margin:0}.upload-controls{align-items:center;background:var(--card-bg);border-top:1px solid var(--card-border);display:flex;flex-direction:column;gap:8px;padding:16px}.file-input-label{align-items:center;background:var(--color-primary);border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;min-height:var(--mobile-touch-target);min-width:200px;padding:12px 24px;text-align:center;transition:all .2s;white-space:nowrap;width:auto}.file-input-label:hover{background:var(--color-primary-hover)}.file-input-label:active{transform:scale(.98)}.file-input{left:-9999px;opacity:0;position:absolute}.file-type-hint{font-size:var(--text-xs)}.file-type-hint,.thumbnail-hint{color:var(--text-secondary);text-align:center}.thumbnail-hint{font-size:var(--text-sm);font-style:italic;padding:16px}.upload-progress-container{align-items:center;display:flex;flex-direction:column;gap:12px;width:100%}.upload-progress-status{width:100%}.upload-progress-label{color:var(--color-primary);font-size:var(--text-sm);font-weight:500;margin-bottom:8px;text-align:center}.upload-progress-stage{color:var(--text-secondary);font-size:var(--text-xs);margin-bottom:8px;text-align:center}.upload-progress-bar{background:var(--border-color);border-radius:4px;height:8px;overflow:hidden;width:100%}.upload-progress-fill{background:var(--color-primary);border-radius:4px;height:100%;transition:width .3s ease}.upload-cancel-btn{background:var(--color-danger);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:var(--text-sm);font-weight:500;min-height:36px;padding:8px 16px;transition:all .2s}.upload-cancel-btn:hover{background:var(--color-danger-hover)}.upload-cancel-btn:active{transform:scale(.98)}.upload-error{background:var(--color-danger-light);border:1px solid var(--color-danger-border);border-radius:6px;color:var(--color-danger)}.upload-error,.upload-success{font-size:var(--text-sm);margin-top:8px;padding:12px;text-align:center}.upload-success{background:var(--color-success-light);border:1px solid var(--color-success-border);border-radius:6px;color:var(--color-success)}.upload-success-message{color:var(--color-success);font-size:var(--text-sm);font-weight:500;padding:8px;text-align:center}@media (min-width:768px){.media-section,.media-tab{padding:24px}.media-section h3{font-size:var(--text-xl);margin-bottom:24px}.media-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto}.media-card-content{min-height:200px;padding:20px}.media-card-header,.upload-controls{padding:20px}.preview-container{max-width:400px}.empty-icon{font-size:48px}.empty-state p{font-size:var(--text-base)}}@media (min-width:1024px){.media-grid{gap:24px}.media-card-content{min-height:240px}}@media (max-width:767px){.media-tab{padding:12px}.media-section{padding:16px}.media-section h3{font-size:var(--text-base)}.media-card-header{align-items:flex-start;flex-direction:column;gap:8px;padding:12px}.media-card-content{min-height:100px;padding:12px}.upload-controls{padding:12px}.file-input-label{padding:14px 20px;width:100%}.preview-link{width:100%}.preview-link,.websocket-status-container{justify-content:center}}.file-input-label:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.upload-cancel-btn:focus{outline:2px solid var(--color-danger);outline-offset:2px}.preview-link:focus{outline:2px solid var(--color-primary);outline-offset:2px}.media-card{animation:fadeInUp .3s ease-out}.media-card:first-child{animation-delay:0ms}.media-card:nth-child(2){animation-delay:50ms}.media-card:nth-child(3){animation-delay:.1s}.media-card:nth-child(4){animation-delay:.15s}.media-card:nth-child(5){animation-delay:.2s}.media-card:nth-child(6){animation-delay:.25s}.media-card.drag-active .media-card-content{background:#4a90e21a;border:2px dashed var(--color-primary);border-radius:6px}.media-card.drag-active .empty-state{color:var(--color-primary)}.media-card.drag-active .empty-icon{transform:scale(1.1);transition:transform .2s ease}:root{--creator-bg:var(--bg-surface);--creator-border:var(--border-color);--creator-border-radius:8px;--creator-padding:16px;--creator-touch-target:44px;--creator-shadow:0 10px 30px #00000026}.thumbnail-creator{background:var(--bg-surface);background:var(--creator-bg);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100%}.thumbnail-creator .modal-backdrop{align-items:center;background-color:var(--modal-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.creator-header-card{background:var(--bg-secondary);border-bottom:1px solid var(--creator-border);flex-shrink:0;padding:16px;padding:var(--creator-padding)}.header-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.header-content h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin:0}.header-actions{display:flex;gap:12px;justify-content:flex-end}.header-actions button{border:none;font-size:var(--text-sm);font-weight:500;min-height:44px;min-height:var(--creator-touch-target);padding:10px 20px}.header-actions button,.thumbnail-creator .close-btn{border-radius:6px;cursor:pointer;transition:all .2s ease}.thumbnail-creator .close-btn{align-items:center;background:var(--bg-surface);border:1px solid var(--creator-border);color:var(--text-secondary);display:flex;font-size:20px;height:32px;justify-content:center;width:32px}.thumbnail-creator .close-btn:hover{background:var(--bg-tertiary);border-color:#cbd5e1}.error-message{background:var(--color-danger-light);border-bottom:1px solid #fecaca;color:var(--color-danger);flex-shrink:0;font-size:var(--text-sm);padding:12px var(--creator-padding)}.creator-main{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow:hidden;padding:16px;padding:var(--creator-padding)}.settings-card{background:var(--bg-surface);border:1px solid var(--creator-border);border-radius:8px;border-radius:var(--creator-border-radius);box-shadow:0 2px 4px #0000000d}.content-column{display:flex;flex:1 1;flex-direction:column;gap:16px}.preview-card{min-height:300px}.layers-card,.preview-card{background:var(--bg-surface);border:1px solid var(--creator-border);border-radius:8px;border-radius:var(--creator-border-radius);box-shadow:0 2px 4px #0000000d}.layers-card{flex:1 1}.header-actions .cancel-btn{background:var(--bg-tertiary);color:var(--text-primary)}.header-actions .cancel-btn:hover{background:var(--border-color)}.header-actions .save-btn{background:var(--color-primary);color:#fff}.header-actions .save-btn:hover:not(:disabled){background:var(--color-primary-hover)}.header-actions .save-btn:disabled{background:var(--text-muted);cursor:not-allowed;opacity:.6}.settings-panel{max-height:70vh;overflow-y:auto;padding:16px;padding:var(--creator-padding)}.thumbnail-creator .form-group{margin-bottom:16px}.thumbnail-creator .form-group:last-child{margin-bottom:0}.thumbnail-creator .form-group label{color:var(--text-secondary);display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:6px}.thumbnail-creator .form-group input,.thumbnail-creator .form-group select,.thumbnail-creator .form-group textarea{background:var(--bg-surface);border:1px solid var(--creator-border);border-radius:6px;box-sizing:border-box;font-size:var(--text-sm);padding:10px 12px;transition:border-color .2s ease;width:100%}.thumbnail-creator .form-group input:focus,.thumbnail-creator .form-group select:focus,.thumbnail-creator .form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.thumbnail-creator .form-group textarea{line-height:1.4;min-height:60px;resize:vertical}.thumbnail-creator .form-group input[type=number]{max-width:120px}.thumbnail-creator .form-group input[type=checkbox]{margin-right:8px;width:auto}.thumbnail-creator .form-group input[type=range]{-webkit-appearance:none;background:var(--border-color);border-radius:3px;height:6px;outline:none;padding:0}.thumbnail-creator .form-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-primary);border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;height:18px;width:18px}.thumbnail-creator .form-group input[type=range]::-moz-range-thumb{background:var(--color-primary);border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;height:18px;width:18px}.radio-group{display:flex;flex-direction:column;gap:8px}.radio-group label{align-items:center;background:var(--bg-surface);border:1px solid var(--creator-border);border-radius:6px;cursor:pointer;display:flex;font-weight:400;margin-bottom:0;padding:10px 12px;transition:all .2s ease}.radio-group label:hover{background:var(--bg-secondary);border-color:var(--color-primary)}.radio-group input[type=radio]{flex-shrink:0;margin:0 8px 0 0;min-height:auto;width:auto}.radio-group label:has(input:checked){background:#3b82f60d;border-color:var(--color-primary)}.range-input-group{align-items:center;display:flex;gap:12px}.range-input-group input[type=range]{flex:1 1}.range-value{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;min-width:50px;text-align:right}.preview-panel{align-items:center;display:flex;flex-direction:column;min-height:300px;overflow:hidden;padding:16px;padding:var(--creator-padding)}.thumbnail-creator .thumbnail-preview{align-items:center;background:var(--bg-secondary);border-radius:6px;display:flex;justify-content:center;max-height:100%;max-width:100%;overflow:hidden}.thumbnail-creator .thumbnail-preview img{max-height:100%;max-width:100%;object-fit:contain}.placeholder-preview{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px 20px;text-align:center}.placeholder-preview:before{content:"🖼️";display:block;font-size:48px;margin-bottom:12px;opacity:.6}.placeholder-preview:after{content:"Preview will appear here";display:block;font-size:var(--text-sm);margin-top:8px;opacity:.8}.preview-info{color:var(--text-secondary);font-size:var(--text-sm);margin-top:12px;text-align:center}.preview-format{margin-bottom:4px}.format-badge{background:var(--color-primary);border-radius:4px;color:#fff;font-size:var(--text-xs);margin-left:8px;padding:2px 8px}.layers-panel{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:16px;padding:var(--creator-padding)}.layers-panel h4{border-bottom:1px solid var(--creator-border);color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin:0 0 16px;padding-bottom:8px}.upload-controls{margin-bottom:16px}.upload-main-btn{align-items:center;background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:var(--text-base);font-weight:500;gap:8px;justify-content:center;min-height:44px;min-height:var(--creator-touch-target);padding:12px 16px;transition:all .2s ease;width:100%}.upload-main-btn:before{content:"+";font-size:18px;font-weight:600}.upload-main-btn:hover{background:var(--color-primary-hover)}.upload-main-btn:active{transform:scale(.98)}.empty-layers{background:var(--bg-secondary);border:1px dashed var(--card-border);border-radius:6px;color:var(--text-secondary);margin-top:8px;padding:40px 20px;text-align:center}.empty-layers:before{content:"📷";display:block;font-size:32px;margin-bottom:12px;opacity:.6}.image-layers{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto}.image-layer{background:var(--bg-surface);border:1px solid var(--creator-border);border-radius:6px;overflow:hidden}.layer-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--creator-border);cursor:pointer;display:flex;justify-content:space-between;padding:12px}.layer-header h4{color:var(--text-primary);font-size:var(--text-sm);font-weight:600;margin:0}.toggle-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:4px}.layer-content{padding:12px}.remove-layer-btn{background:var(--color-danger);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:var(--text-sm);margin-top:12px;padding:8px 12px;width:100%}.remove-layer-btn:hover{background:var(--color-danger-hover)}.unified-image-browser{background-color:var(--modal-bg);border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:85vh;max-width:1200px;width:85%}.unified-image-browser .modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:15px 20px}.unified-image-browser .close-btn{background:none;border:none;color:#777;cursor:pointer;font-size:24px}.unified-image-browser .close-btn:hover{color:var(--text-primary)}.unified-image-browser .image-source-tabs{border-bottom:1px solid var(--border-color);display:flex;padding:0 20px}.unified-image-browser .tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px}.unified-image-browser .tab-btn.active{border-bottom-color:#4a6cf7;color:#4a6cf7}.unified-image-browser .filter-controls{align-items:center;background-color:var(--bg-secondary);display:flex;gap:20px;padding:15px 20px}.unified-image-browser .filter-group{align-items:center;display:flex;gap:8px}.unified-image-browser .filter-group label{color:var(--text-secondary);font-weight:500}.unified-image-browser .filter-group select{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:4px;padding:6px 10px}.unified-image-browser .images-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));max-height:60vh;overflow-y:auto;padding:20px}.unified-image-browser .image-item{border-radius:6px;box-shadow:0 2px 5px #0000001a;cursor:pointer;overflow:hidden;transition:transform .2s}.unified-image-browser .image-item:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-3px)}.unified-image-browser .image-preview{height:150px;position:relative;width:100%}.unified-image-browser .image-preview img{background-color:var(--bg-tertiary);height:100%;object-fit:contain;width:100%}.unified-image-browser .image-info{background-color:#0009;bottom:0;display:flex;justify-content:space-between;left:0;padding:6px 10px;position:absolute;right:0}.unified-image-browser .emotion-badge,.unified-image-browser .position-badge,.unified-image-browser .type-badge{background-color:#fff3;border-radius:3px;color:#fff;font-size:11px;font-weight:500;padding:2px 6px}.unified-image-browser .upload-section{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:center;padding:50px 20px}.unified-image-browser .upload-instructions{background-color:#f9f9f9;border-radius:8px;max-width:500px;padding:30px;text-align:center;width:100%}.unified-image-browser .upload-instructions p{color:#555;margin-bottom:20px}.unified-image-browser .file-input{background-color:var(--bg-surface);border:1px dashed #ccc;border-radius:4px;padding:10px;width:100%}.unified-image-browser .loading,.unified-image-browser .no-images{color:var(--text-secondary);padding:30px;text-align:center}.upload-drop-area{background-color:#f9f9f9;border:2px dashed #ccc;border-radius:8px;cursor:pointer;margin:0 auto;max-width:500px;padding:30px;text-align:center;transition:all .3s;width:100%}.upload-drop-area.drag-over{background-color:#4a6cf71a;border-color:#4a6cf7}.upload-icon{display:block;margin-bottom:15px}.upload-or{color:#888;font-weight:500;margin:15px 0}.upload-drop-area .file-input{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.upload-button{background-color:#4a6cf7;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;padding:10px 20px;transition:background-color .2s}.upload-button:hover{background-color:#3a5ce5}.upload-hint{color:#777;font-size:12px;font-style:italic;margin-top:0}.upload-container{align-items:center;display:flex;height:400px;justify-content:center}.extracted-thumbnails-modal{background:var(--modal-bg);border-radius:8px;box-shadow:0 10px 30px #00000026;box-shadow:var(--creator-shadow);display:flex;flex-direction:column;height:80vh;left:50%;max-width:800px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:2000}.extracted-thumbnails-modal .modal-header{align-items:center;border-bottom:1px solid var(--creator-border);display:flex;justify-content:space-between;padding:16px 20px}.extracted-thumbnails-modal .modal-header h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin:0}.extracted-thumbnails-modal .thumbnails-grid{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));overflow-y:auto;padding:20px}.extracted-thumbnails-modal .thumbnail-item{border:2px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .2s ease}.extracted-thumbnails-modal .thumbnail-item:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.extracted-thumbnails-modal .no-thumbnails{color:var(--text-secondary);padding:40px;text-align:center}@media (min-width:768px){.thumbnail-creator{min-height:100vh;width:100%}.creator-header-card{padding:20px 24px}.header-content h3{font-size:var(--text-xl)}.creator-main{flex-direction:row;gap:24px;padding:24px}.settings-card{flex-shrink:0;width:25%}.content-column{flex:1 1;width:75%}.settings-panel{max-height:none;padding:24px}.thumbnail-creator .form-group{margin-bottom:20px}.thumbnail-creator .form-group input,.thumbnail-creator .form-group select,.thumbnail-creator .form-group textarea{font-size:var(--text-base);padding:12px}.radio-group{flex-direction:row;gap:8px}.radio-group label{flex:1 1;justify-content:center;padding:12px 8px}.layers-panel h4,.upload-controls{margin-bottom:20px}.upload-main-btn{padding:14px 20px}.empty-layers{padding:60px 30px}.empty-layers:before{font-size:48px}.image-layers{gap:16px}.placeholder-preview{padding:60px 40px}.placeholder-preview:before{font-size:64px}.placeholder-preview:after{font-size:var(--text-base)}}.loading{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-base);height:200px;justify-content:center}.close-btn:focus,.header-actions button:focus,.remove-layer-btn:focus,.tab-btn:focus,.toggle-btn:focus,.upload-main-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width:767px){.thumbnail-creator{min-height:100vh;width:100%}.creator-header-card{padding:12px 16px}.header-content h3{font-size:var(--text-base)}.header-actions{flex-direction:column;gap:8px}.header-actions button{width:100%}.settings-panel{max-height:35vh;padding:12px 16px}.preview-panel{min-height:200px}.layers-panel,.preview-panel{padding:12px 16px}.thumbnail-creator .form-group{margin-bottom:12px}.filter-controls,.radio-group{flex-direction:column}.filter-controls{gap:12px}.images-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:12px}.extracted-thumbnails-modal .thumbnails-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:12px}.upload-container,.upload-drop-area{padding:20px}.upload-icon{font-size:32px}}.image-layer{animation:slideInUp .2s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.unified-image-browser .image-preview{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%}.unified-image-browser .image-preview img{opacity:0;transition:opacity .3s ease}.unified-image-browser .image-preview img.loaded{opacity:1}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.unified-image-browser .image-item .image-preview{position:relative}.unified-image-browser .image-item.selected{border-radius:8px;outline:3px solid var(--color-primary);outline-offset:-1px}.selection-overlay{align-items:center;background-color:#3b82f666;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.unified-image-browser .image-item.selected .selection-overlay{opacity:1}.checkmark-icon{color:#fff;font-size:48px;text-shadow:0 1px 3px #0000004d}.unified-image-browser-footer{align-items:center;background-color:var(--bg-secondary);border-top:1px solid var(--creator-border);display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:12px 20px}.selection-counter{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500}.total-count{color:var(--text-muted)}.footer-actions{align-items:center;display:flex;gap:8px}.add-selected-btn{background-color:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:var(--text-sm);font-weight:500;padding:10px 20px;transition:background-color .2s ease}.add-selected-btn:hover:not(:disabled){background-color:var(--color-primary-hover)}.add-selected-btn:disabled{background-color:var(--text-muted);cursor:not-allowed;opacity:.7}.delete-selected-btn{background-color:initial;border:1px solid var(--color-danger);border-radius:6px;color:var(--color-danger);cursor:pointer;font-size:var(--text-sm);font-weight:500;padding:10px 20px;transition:all .2s ease}.delete-selected-btn:hover:not(:disabled){background-color:var(--color-danger);color:#fff}.delete-selected-btn:disabled{cursor:not-allowed;opacity:.4}.confirm-delete-group{align-items:center;display:flex;gap:8px}.confirm-delete-label{color:var(--color-danger)}.confirm-delete-label,.confirm-yes-btn{font-size:var(--text-sm);font-weight:500}.confirm-yes-btn{background-color:var(--color-danger);border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px;transition:opacity .2s ease}.confirm-yes-btn:hover:not(:disabled){opacity:.85}.confirm-yes-btn:disabled{cursor:not-allowed;opacity:.6}.confirm-no-btn{background-color:initial;border:1px solid var(--card-border);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);padding:8px 16px;transition:background-color .2s ease}.confirm-no-btn:hover:not(:disabled){background-color:var(--bg-tertiary)}.loading-more{color:var(--text-muted);font-size:var(--text-sm);grid-column:1/-1;padding:16px;text-align:center}.controls-column{background:var(--bg-surface);display:flex;flex-direction:column;height:100%}.tabs{background:var(--bg-secondary);border-bottom:2px solid var(--border-color);display:flex}.tab{background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:16px;text-align:center;transition:all .2s}.tab:hover{background:var(--bg-tertiary)}.tab.active{background:var(--bg-surface);border-bottom-color:var(--color-primary);color:var(--color-primary)}.tab-content{flex:1 1;overflow-y:auto;padding:24px}.tab-panel{display:block}.section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;margin-bottom:24px;padding:16px}.tab-panel .section-title,.thumbnail-creator .section-title{color:var(--text-secondary)!important;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.form-group{margin-bottom:16px}.form-label{color:var(--text-primary);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.form-control{border:1px solid var(--border-color);border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.radio-label{cursor:pointer;gap:6px}.radio-label,.slider-control{align-items:center;display:flex}.slider-control{gap:12px}.slider-value{color:var(--text-secondary);font-size:13px;font-weight:500;min-width:40px;text-align:center}.color-control{align-items:center;display:flex;gap:12px}.alignment-buttons{display:flex;gap:8px}.align-btn{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:13px;padding:10px;transition:all .2s}.align-btn:hover{background:var(--bg-tertiary)}.align-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.add-image-btn{border:2px dashed var(--border-color);color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:16px;padding:12px;width:100%}.add-image-btn:hover{background:#f9fcff;color:var(--color-primary)}.layer-card{background:var(--bg-surface);border:2px solid var(--border-color);border-radius:6px;cursor:pointer;padding:12px;transition:all .2s}.layer-card.selected,.layer-card:hover{border-color:var(--color-primary)}.layer-card.selected{background:#f9fcff}.layer-title{align-items:center;display:flex;font-size:14px;font-weight:500;gap:8px}.layer-number{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:inline-flex;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.layer-controls{display:flex;gap:4px}.layer-controls button{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;width:28px}.layer-controls button:hover:not(:disabled){background:var(--bg-tertiary)}.layer-controls button:disabled{cursor:not-allowed;opacity:.3}.layer-controls .remove-btn{color:#dc3545}.layer-content{grid-gap:12px;display:grid;gap:12px;grid-template-columns:80px 1fr}.layer-thumbnail{align-items:center;background:var(--bg-tertiary);border-radius:4px;display:flex;height:80px;justify-content:center;overflow:hidden;width:80px}.layer-thumbnail img{height:100%;object-fit:cover;width:100%}.layer-controls-content{display:flex;flex-direction:column;justify-content:center}.position-inputs{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:8px}.position-controls{margin-top:12px}.position-grid{grid-gap:4px;grid-template-rows:auto auto auto;justify-items:center}.position-grid,.position-middle{align-items:center;display:grid;gap:4px}.position-middle{grid-gap:4px;grid-template-columns:auto 1fr auto;width:100%}.position-inputs-small{display:flex;flex:1 1;flex-direction:column;gap:8px}.position-inputs-small input{border:2px solid var(--border-color);border-radius:4px;font-size:16px;font-weight:600;padding:12px;text-align:center;width:100%}.arrow-btn{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s;width:36px}.arrow-btn:hover{background:var(--bg-tertiary);border-color:var(--color-primary)}.arrow-btn:active{background:var(--border-color)}.position-hint{background:#fff9e6;border-left:3px solid #ffb946;border-radius:4px;color:#856404;font-size:13px;margin-top:16px;padding:12px}.advanced-settings{margin-top:12px}.advanced-settings summary{border-radius:4px;color:var(--text-secondary);cursor:pointer;font-weight:500;padding:8px;transition:background .2s}.advanced-settings summary:hover{background:var(--bg-tertiary)}.advanced-settings[open] summary{margin-bottom:12px}.back-btn{background:none;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.back-btn:hover{background:var(--bg-tertiary);border-color:var(--text-muted)}@media (min-width:768px){.creator-main{grid-gap:0;display:grid;gap:0;grid-template-columns:60% 40%;min-height:600px}.preview-column{background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:24px}}@media (max-width:1024px){.creator-main{grid-template-columns:1fr}.preview-column{border-bottom:1px solid var(--border-color);border-right:none}}.tc-preview-container{background:#1e293b;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;position:relative}.tc-preview-inner{overflow:hidden;position:relative;width:100%}.tc-preview-inner.tc-wide{aspect-ratio:16/9}.tc-preview-inner.tc-square{aspect-ratio:1/1}.tc-preview-bg{object-fit:cover}.tc-preview-bg,.tc-preview-placeholder{height:100%;left:0;position:absolute;top:0;width:100%}.tc-preview-placeholder{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:8px;justify-content:center}.tc-preview-placeholder svg{height:48px;opacity:.5;width:48px}.tc-preview-placeholder span{font-size:14px}.tc-rnd-text{z-index:20}.tc-rnd-image,.tc-rnd-text{cursor:move!important}.tc-rnd-image:hover,.tc-rnd-text:hover{outline:2px solid #4a90e299;outline-offset:2px}.tc-rnd-image.tc-layer-selected,.tc-rnd-text.tc-layer-selected{outline:2px solid var(--color-primary);outline-offset:2px}.tc-rnd-image img{-webkit-user-drag:none;height:100%;object-fit:contain;width:100%}.tc-preview-text,.tc-rnd-image img{pointer-events:none;-webkit-user-select:none;user-select:none}.tc-preview-text{font-family:Impact,Arial Black,sans-serif;line-height:1.1;white-space:pre-wrap;word-break:break-word}.position-pills{background:var(--bg-tertiary);border-radius:20px;display:flex;gap:4px;padding:3px}.position-pill{background:#0000;border:none;border-radius:16px;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:5px 14px;transition:all .2s ease;white-space:nowrap}.position-pill:hover{color:var(--text-primary)}.position-pill.active{background:#007aff;box-shadow:0 1px 3px #007aff4d;color:#fff}.emotion-filter-container{position:relative}.emotion-filter-trigger{align-items:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.emotion-filter-trigger.open,.emotion-filter-trigger:hover{border-color:#007aff;box-shadow:0 0 0 2px #007aff1a}.emotion-filter-trigger .arrow{color:var(--text-muted);font-size:10px}.emotion-dropdown-menu{animation:fadeIn .1s ease-out;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:6px;min-width:200px;padding:6px 0;position:absolute;top:100%;z-index:100}.emotion-filter-item{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;padding:7px 14px;transition:background .1s}.emotion-filter-item:hover{background:var(--bg-tertiary)}.emotion-checkbox-wrapper{align-items:center;display:flex;position:relative}.emotion-checkbox-wrapper input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.emotion-checkbox-wrapper .custom-checkbox{background-color:var(--bg-surface);border:2px solid var(--border-color);border-radius:3px;flex-shrink:0;height:16px;margin-right:10px;position:relative;transition:all .2s;width:16px}.emotion-checkbox-wrapper:hover input~.custom-checkbox{border-color:#007aff}.emotion-checkbox-wrapper input:checked~.custom-checkbox{background-color:#007aff;border-color:#007aff}.emotion-checkbox-wrapper input:checked~.custom-checkbox:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:4px;position:absolute;top:1px;transform:rotate(45deg);width:4px}:root{--thumbnail-card-bg:var(--bg-surface);--thumbnail-card-border:var(--border-color);--thumbnail-card-accent:var(--color-primary);--thumbnail-shadow-sm:0 1px 2px #0000000d;--thumbnail-shadow-md:0 2px 4px #0000001a;--thumbnail-border-radius:8px;--thumbnail-padding:12px;--thumbnail-touch-target:44px}.thumbnail-grid-container{width:100%}.thumbnail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}@media (min-width:768px){.thumbnail-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}.thumbnail-card{animation:fadeInUp .3s ease-out;background:var(--bg-surface);background:var(--thumbnail-card-bg);border:1px solid var(--thumbnail-card-border);border-left:4px solid var(--thumbnail-card-accent);border-radius:8px;border-radius:var(--thumbnail-border-radius);box-shadow:0 1px 2px #0000000d;box-shadow:var(--thumbnail-shadow-sm);overflow:hidden;transition:all .2s ease}.thumbnail-card:hover{box-shadow:0 2px 4px #0000001a;box-shadow:var(--thumbnail-shadow-md);transform:translateY(-1px)}.thumbnail-card.active{border-left-color:var(--color-success);border-left-width:6px}.thumbnail-preview{background-color:var(--border-color);min-height:180px;overflow:hidden;position:relative}.thumbnail-preview img{height:100%;max-height:240px;object-fit:contain;object-position:center;width:100%}.active-badge{background:var(--color-success);border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:var(--text-xs);font-weight:600;padding:4px 8px;position:absolute;right:8px;top:8px}.thumbnail-info{padding:12px;padding:var(--thumbnail-padding)}.thumbnail-info h4{color:var(--text-primary);font-size:var(--text-sm);font-weight:600;line-height:1.3;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumbnail-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-xs);justify-content:space-between}.format-badge{background:var(--bg-tertiary);border-radius:3px;color:var(--text-primary);font-size:10px;font-weight:500;padding:2px 6px;text-transform:uppercase}.date{font-size:10px;opacity:.8}.thumbnail-actions{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;gap:6px;padding:8px 12px;padding:8px var(--thumbnail-padding)}.thumbnail-actions button{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:11px;font-weight:500;min-height:32px;padding:6px 8px;transition:all .2s ease}.set-active-btn{background:var(--color-success);color:#fff}.set-active-btn:hover{background:#16a34a}.edit-btn{background:var(--bg-tertiary);color:var(--text-primary)}.edit-btn:hover{background:var(--border-color)}.delete-btn{background:var(--color-danger);color:#fff}.delete-btn:hover{background:var(--color-danger-hover)}.thumbnail-grid-loading{align-items:center;background:var(--bg-surface);background:var(--thumbnail-card-bg);border-radius:8px;border-radius:var(--thumbnail-border-radius);box-shadow:0 1px 2px #0000000d;box-shadow:var(--thumbnail-shadow-sm);display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.loading-spinner{font-size:24px;margin-bottom:12px}.thumbnail-grid-error{background:var(--color-danger-light);border:1px solid #fecaca;border-radius:8px;border-radius:var(--thumbnail-border-radius);color:var(--color-danger);padding:40px 20px;text-align:center}.thumbnail-grid-error h3{color:var(--color-danger);font-size:var(--text-lg);font-weight:600;margin:0 0 8px}.thumbnail-grid-error p{font-size:var(--text-base);margin:0 0 16px}.retry-button{background:var(--color-danger);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:var(--text-sm);font-weight:500;min-height:36px;padding:8px 16px;transition:all .2s ease}.retry-button:hover{background:var(--color-danger-hover)}.thumbnail-grid-empty{background:var(--bg-surface);background:var(--thumbnail-card-bg);border-radius:8px;border-radius:var(--thumbnail-border-radius);box-shadow:0 1px 2px #0000000d;box-shadow:var(--thumbnail-shadow-sm);padding:60px 20px;text-align:center}.thumbnail-grid-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.thumbnail-grid-empty h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin:0 0 8px}.thumbnail-grid-empty p{color:var(--text-secondary);font-size:var(--text-base);line-height:1.5;margin:0 0 24px}.create-first-thumbnail-btn{background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:var(--text-base);font-weight:500;min-height:44px;min-height:var(--thumbnail-touch-target);padding:12px 24px;transition:all .2s ease}.create-first-thumbnail-btn:hover{background:var(--color-primary-hover)}.create-first-thumbnail-btn:active{transform:scale(.98)}.thumbnails-tab{padding:20px}.thumbnails-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.thumbnails-header h3{color:var(--text-primary);font-size:var(--text-xl);font-weight:600;margin:0}.thumbnails-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.thumbnails-actions button{border:none;border-radius:6px;cursor:pointer;font-size:var(--text-sm);font-weight:500;min-height:44px;min-height:var(--thumbnail-touch-target);padding:10px 16px;transition:all .2s ease}.create-btn{background:var(--color-primary);color:#fff}.create-btn:hover{background:var(--color-primary-hover)}.extract-btn{background:var(--color-warning);color:#fff}.extract-btn:hover:not(:disabled){background:var(--color-warning-hover)}.extract-btn:disabled{background:var(--bg-disabled);cursor:not-allowed;opacity:.6}.cleanup-btn{background:var(--text-secondary);color:#fff}.cleanup-btn:hover{background:var(--text-primary)}.test-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:var(--text-sm);font-weight:500;padding:10px 16px;transition:all .2s ease}.extraction-progress{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;margin-top:16px;padding:16px}.progress-bar{background:var(--border-color);border-radius:4px;height:8px;margin-bottom:8px}.progress-bar-fill{background:var(--color-primary);transition:width .3s ease}.progress-text{color:var(--text-secondary);font-size:var(--text-sm);text-align:center}@media (min-width:768px){.thumbnail-preview{min-height:200px}.thumbnail-info{padding:10px}.thumbnail-info h4{font-size:var(--text-base);overflow:visible;text-overflow:clip;white-space:normal}.thumbnail-meta{font-size:var(--text-sm)}.format-badge{padding:3px 8px}.date,.format-badge{font-size:var(--text-xs)}.thumbnail-actions{gap:8px;padding:12px 16px}.thumbnail-actions button{font-size:var(--text-sm);min-height:36px;padding:8px 12px}.thumbnails-actions{flex-wrap:nowrap}}@media (max-width:767px){.thumbnail-grid{gap:8px}.thumbnail-grid-empty{padding:40px 16px}.thumbnail-grid-empty-icon{font-size:36px}.thumbnail-grid-empty h3{font-size:var(--text-base)}.thumbnail-grid-empty p{font-size:var(--text-sm)}.thumbnails-actions{flex-direction:column}.thumbnails-actions button{width:100%}}.create-first-thumbnail-btn:focus,.retry-button:focus,.thumbnail-actions button:focus,.thumbnails-actions button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.platform-list{gap:15px;margin:0 auto;max-width:1000px}.platform-row{border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000000d;display:contents!important;overflow:hidden;transition:all .3s ease}.platform-row.expanded{box-shadow:0 4px 8px #0000001a}.platform-header{align-items:center!important;background-color:var(--bg-secondary);border-left:4px solid var(--border-color);cursor:pointer;display:flex!important;flex-wrap:nowrap!important;justify-content:space-between!important;padding:12px 20px;transition:all .2s;-webkit-user-select:none;user-select:none}.platform-header:hover{background-color:var(--bg-tertiary)}.platform-header.uploaded{border-left-color:var(--color-success)}.platform-info{align-items:center;display:flex;gap:12px}.platform-icon{font-size:24px}.platform-name{font-size:16px;font-weight:500}.platform-status{align-items:center;display:flex;gap:12px}.expand-icon{color:var(--text-muted);font-size:14px;padding:4px;transition:transform .2s}.platform-row.expanded .expand-icon{transform:rotate(90deg)}.view-link-header{align-items:center;background-color:var(--color-primary);border-radius:4px;color:#fff;display:inline-flex;font-size:13px;font-weight:500;justify-content:center;min-height:32px;min-width:50px;padding:6px 12px;text-decoration:none;transition:all .2s}.view-link-header:hover{background-color:var(--color-primary-hover);box-shadow:0 2px 4px #4a90e24d;color:#fff;text-decoration:none;transform:translateY(-1px)}.view-link-header:focus{outline:2px solid var(--color-info-dark);outline-offset:2px}.platform-panel{background-color:var(--bg-surface);border-top:1px solid var(--border-color);display:none;padding:20px}.platform-row.expanded .platform-panel{display:block}.upload-status-banner{margin-bottom:20px}.status-banner{border-radius:6px;font-weight:500;padding:12px 16px;text-align:center}.status-banner.success{background-color:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success-dark)}.status-banner.pending{background-color:var(--color-warning-light);border:1px solid var(--color-warning);color:var(--color-warning-text)}.status-badge{border-radius:4px;font-size:14px;font-weight:500;padding:6px 12px}.status-badge.complete{background-color:var(--color-success-light);color:var(--color-success-dark)}.status-badge.missing{background-color:var(--color-danger-light);color:var(--color-danger)}.status-badge.pending{background-color:var(--color-warning-light);color:var(--color-warning)}.media-status-row{background-color:var(--bg-secondary);border-radius:6px;padding:12px 15px}.media-status-indicator{display:flex;flex-wrap:wrap;gap:12px}.row{margin-bottom:20px;width:100%}.row:last-child{margin-bottom:0}.meta-row,.title-row{display:flex;gap:20px}.col-60{flex:0 0 60%}.col-40{flex-basis:calc(40% - 20px)}.col-33,.col-40{flex-grow:0;flex-shrink:0}.col-33{flex-basis:calc(33.33% - 14px)}.form-group{width:100%}.form-group label{color:var(--text-secondary);display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:10px 12px;width:100%}.form-group textarea{min-height:350px;resize:vertical}.description-textarea{box-sizing:border-box!important;max-width:100%!important;min-height:500px!important;width:100%!important}.options-row{background-color:var(--bg-secondary);border-radius:6px;padding:15px}.options-group{flex-wrap:wrap;gap:20px}.checkbox-item,.options-group{align-items:center;display:flex}.checkbox-item{gap:8px}.checkbox-item input{margin:0}.select-item{align-items:center;display:flex;gap:8px}.select-item label{margin-bottom:0}.select-item select{border:1px solid var(--border-color);border-radius:4px;padding:6px 10px}.action-row{display:flex;gap:15px}.copy-btn,.save-btn,.upload-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;flex:1 1;font-weight:500;justify-content:center;min-height:44px;padding:12px 16px;position:relative;text-align:center;transition:all .2s}.save-btn{background-color:var(--bg-tertiary);color:var(--text-primary)}.upload-btn{background-color:var(--color-primary);color:#fff}.copy-btn{background-color:var(--color-success);color:#fff}.save-btn:hover{background-color:var(--bg-disabled)}.upload-btn:hover{background-color:var(--color-primary-hover)}.copy-btn:hover{background-color:var(--color-success-hover)}.upload-btn:disabled{background-color:var(--bg-disabled);cursor:not-allowed}.copy-btn:focus{outline:2px solid var(--color-success-dark);outline-offset:2px}.btn-text-mobile{display:none}.btn-text-full{display:block}.copy-feedback{animation:slideInRight .3s ease-out;background-color:var(--color-success);border-radius:6px;box-shadow:0 4px 12px #00000026;color:#fff;font-weight:500;padding:12px 20px;position:fixed;right:20px;top:20px;z-index:1000}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.upload-progress-container{margin:15px 0}.upload-progress-container .progress-bar-wrapper{background-color:var(--bg-disabled);border-radius:12px;height:24px;overflow:hidden;position:relative}.upload-progress-container .progress-bar-fill{align-items:center;background:linear-gradient(90deg,var(--color-success),var(--color-success));display:flex;height:100%;justify-content:center;min-width:40px;transition:width .3s ease}.upload-progress-container .progress-text{color:#fff;font-size:12px;font-weight:600;position:static;transform:none}.upload-progress{margin:15px 0}.upload-progress .progress-bar{background-color:var(--bg-disabled);border-radius:10px;height:20px;overflow:hidden;position:relative}.upload-progress .progress-fill{background-color:var(--color-success);height:100%;transition:width .3s ease}.upload-progress .progress-text{font-size:14px;margin-top:5px;position:static;text-align:center;transform:none}.upload-progress .progress-container{align-items:center;display:flex;justify-content:space-between;margin-top:5px}.upload-progress .cancel-button{background-color:var(--color-danger);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}@media (max-width:768px){.platform-header{padding:10px 15px}.platform-info{justify-content:flex-start}.platform-status{justify-content:space-between}.view-link-header{font-size:12px;min-height:36px;min-width:60px;padding:5px 10px}.platform-panel{padding:15px}.meta-row,.title-row{flex-direction:column;gap:15px}.col-33,.col-40,.col-60{flex:0 0 100%}.action-row{flex-direction:column;gap:12px}.copy-btn,.save-btn,.upload-btn{flex:none;min-height:48px;padding:14px 16px;width:100%}.btn-text-mobile{display:block}.btn-text-full{display:none}.options-group{align-items:flex-start;flex-direction:column;gap:12px}.checkbox-item,.select-item{width:100%}.select-item select{min-height:44px;padding:10px;width:100%}.copy-feedback{left:10px;right:10px;text-align:center;top:10px}.form-group input,.form-group select,.form-group textarea{font-size:16px;min-height:44px}}@media (max-width:480px){.platform-header{padding:8px 12px}.platform-info{gap:8px}.platform-name{font-size:15px}.platform-icon{font-size:20px}.view-link-header{border-radius:3px;font-size:11px;min-width:45px;padding:4px 8px}.status-badge{font-size:12px;padding:4px 8px}}.platform-header:focus-within{border-radius:4px;outline:2px solid var(--color-primary);outline-offset:-2px}@media (prefers-contrast:high){.copy-btn{border:2px solid var(--color-success-dark)}.copy-feedback,.view-link-header{border:2px solid #fff}.view-link-header:hover{border-color:#000}}@media (prefers-reduced-motion:reduce){.copy-feedback{animation:none}.copy-btn,.expand-icon,.platform-row,.save-btn,.upload-btn,.view-link-header{transition:none}.platform-header:hover .view-link-header{box-shadow:none;transform:none}}:root{--modal-primary:var(--color-primary);--modal-primary-hover:var(--color-primary-hover);--modal-text-primary:var(--text-primary);--modal-text-secondary:var(--text-secondary);--modal-border:var(--card-border);--modal-bg-light:var(--bg-secondary)}.ai-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.ai-modal{background:var(--modal-bg);border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%}.ai-modal,.campaign-modal{max-width:900px}.ai-modal-header{align-items:center;background:var(--bg-secondary);background:var(--modal-bg-light);border-bottom:2px solid var(--modal-border);display:flex;justify-content:space-between;padding:20px 24px}.ai-modal-title{color:var(--text-primary);color:var(--modal-text-primary);font-size:22px;font-weight:600;margin:0}.ai-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:32px;height:36px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:36px}.ai-close-btn:hover{background:#0000000d;color:#000}.ai-modal .modal-content{background:var(--modal-bg)!important;flex:1 1!important;margin:0!important;max-width:100%!important;overflow-y:auto!important;padding:24px!important;width:100%!important}.config-section{margin-bottom:28px}.config-section:last-child{margin-bottom:0}.section-header{align-items:center;display:flex;gap:10px;margin-bottom:14px}.section-icon{font-size:22px}.section-title{color:var(--text-primary);color:var(--modal-text-primary);font-size:17px;font-weight:600;margin:0}.date-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{color:var(--text-secondary);color:var(--modal-text-secondary);font-size:13px;font-weight:600}.input-field{background:var(--bg-surface);background:var(--input-bg,var(--bg-surface));border:1px solid var(--modal-border);border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s}.input-field:focus{border-color:var(--modal-primary);box-shadow:0 0 0 3px #4a90e21a;outline:none}.platform-list{display:flex;flex-direction:column;gap:10px}.platform-item{align-items:center;background:var(--card-bg);border:2px solid var(--modal-border);border-radius:8px;cursor:pointer;display:flex;gap:14px;padding:14px;transition:all .2s}.platform-item:hover{background:var(--bg-secondary);background:var(--modal-bg-light);border-color:#cbd5e1}.platform-item.selected{background:#eff6ff;border-color:var(--modal-primary);box-shadow:0 0 0 1px var(--color-primary);box-shadow:0 0 0 1px var(--modal-primary)}.platform-checkbox{cursor:pointer;flex-shrink:0;height:20px;width:20px}.platform-icon{color:#fff;font-size:16px;font-weight:700;height:40px;width:40px}.platform-icon.default{background:#6b7280}.platform-info{flex:1 1;min-width:0}.platform-name{color:var(--modal-text-primary);font-size:14px;margin-bottom:2px}.platform-account{color:var(--modal-text-secondary);font-size:12px}.platform-controls{align-items:center;display:flex;gap:10px}.frequency-input{border:1px solid var(--modal-border);border-radius:6px;font-size:14px;font-weight:600;padding:8px 10px;text-align:center;width:70px}.frequency-input:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.frequency-input:focus{border-color:var(--modal-primary);box-shadow:0 0 0 2px #4a90e21a;outline:none}.frequency-label{color:var(--text-secondary);color:var(--modal-text-secondary);font-size:13px;font-weight:500;white-space:nowrap}.content-types{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.content-type-chip{align-items:center;background:var(--card-bg);border:2px solid var(--modal-border);border-radius:8px;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 14px;transition:all .2s}.content-type-chip:hover{background:var(--bg-secondary);background:var(--modal-bg-light);border-color:#cbd5e1}.content-type-chip.selected{background:#eff6ff;border-color:var(--modal-primary);color:var(--color-primary);color:var(--modal-primary);font-weight:600}.content-type-chip input{cursor:pointer;height:18px;width:18px}.ai-settings-row{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:1fr auto}.advanced-toggle{background:var(--bg-surface);border:1px solid var(--modal-border);border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:all .2s;white-space:nowrap}.advanced-settings,.advanced-toggle:hover{background:var(--bg-secondary);background:var(--modal-bg-light)}.advanced-settings{grid-gap:16px;border:1px solid var(--modal-border);border-radius:8px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-top:14px;padding:18px}.estimation{align-items:center;background:var(--color-warning-light);border:1px solid #fde68a;border-radius:8px;display:flex;font-size:14px;gap:12px;margin-top:20px;padding:14px 16px}.estimation-icon{font-size:24px}.estimation-text{flex:1 1;line-height:1.5}.estimation-number{color:#92400e;font-weight:700}.progress-view{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:80px 24px;text-align:center}.progress-spinner{animation:spin .8s linear infinite;border:5px solid var(--card-border);border-radius:50%;border-top-color:var(--modal-primary);height:56px;margin-bottom:24px;width:56px}.progress-status{color:var(--text-primary);color:var(--modal-text-primary);font-size:18px;font-weight:600;margin-bottom:10px}.progress-hint{color:var(--text-secondary);color:var(--modal-text-secondary);font-size:14px}.preview-container{overflow-y:auto;padding:0}.preview-header{background:var(--bg-secondary);background:var(--modal-bg-light);border-bottom:2px solid var(--modal-border);padding:24px}.preview-summary{display:flex;gap:32px;justify-content:center}.summary-stat{align-items:center;display:flex;flex-direction:column;gap:6px}.stat-value{color:var(--color-primary);color:var(--modal-primary);font-size:36px;font-weight:700;line-height:1}.stat-label{color:var(--text-secondary);color:var(--modal-text-secondary);font-size:12px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.calendar-view{display:flex;flex-direction:column;gap:12px;padding:16px 24px 24px}.day-group{background:var(--card-bg);border:1px solid var(--modal-border);border-radius:8px;overflow:hidden}.day-header{align-items:center;background:var(--bg-secondary);background:var(--modal-bg-light);color:var(--text-primary);color:var(--modal-text-primary);cursor:pointer;display:flex;font-weight:600;justify-content:space-between;padding:12px 16px;transition:all .2s;-webkit-user-select:none;user-select:none}.day-header:hover{background:#f1f5f9}.post-count-badge{background:var(--color-primary);background:var(--modal-primary);color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.day-posts{padding:0}.post-preview{grid-gap:14px;align-items:start;border-top:1px solid #f3f4f6;display:grid;gap:14px;grid-template-columns:60px 140px 1fr;padding:14px 16px}.post-time{font-size:13px}.post-platform,.post-time{color:var(--text-secondary);color:var(--modal-text-secondary);font-weight:600}.post-platform{background:#f3f4f6;border-radius:5px;font-size:12px;padding:5px 10px;text-align:center}.post-content{color:var(--text-primary);color:var(--modal-text-primary);font-size:13px;line-height:1.5}.modal-footer{align-items:center;background:var(--bg-secondary);background:var(--modal-bg-light);border-top:2px solid var(--modal-border);display:flex;justify-content:space-between;padding:16px 24px}.ai-modal .btn{border:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:11px 22px;transition:all .2s}.ai-modal .btn-cancel{background:var(--bg-surface);border:2px solid var(--modal-border);color:var(--text-secondary);color:var(--modal-text-secondary)}.ai-modal .btn-cancel:hover{background:var(--bg-secondary);background:var(--modal-bg-light);border-color:#cbd5e1}.ai-modal .btn-primary{background:var(--color-primary);background:var(--modal-primary);border:2px solid var(--modal-primary);color:#fff}.ai-modal .btn-primary:hover{background:var(--color-primary-hover);background:var(--modal-primary-hover);border-color:var(--modal-primary-hover)}.ai-modal .btn-primary:disabled{background:var(--bg-disabled);border-color:var(--bg-disabled);cursor:not-allowed;opacity:.6}@media (max-width:768px){.ai-modal{border-radius:0;max-height:100vh;max-width:100%}.modal-content{padding:20px}.advanced-settings,.ai-settings-row,.content-types,.date-row{grid-template-columns:1fr}.preview-summary{flex-direction:column;gap:20px}.post-preview{gap:10px;grid-template-columns:1fr}.post-platform,.post-time{width:-webkit-fit-content;width:fit-content}.calendar-view{padding:12px 16px 16px}}@media (max-width:480px){.ai-modal-header{padding:16px 20px}.ai-modal-title{font-size:18px}.modal-content{padding:16px}.platform-item{gap:12px;padding:12px}.platform-icon{font-size:14px;height:36px;width:36px}.modal-footer{flex-direction:column;gap:10px;padding:14px 20px}.ai-modal .btn{justify-content:center;width:100%}}.advanced-toggle:focus,.ai-close-btn:focus,.ai-modal .btn:focus,.input-field:focus,.platform-checkbox:focus{outline:2px solid var(--color-primary);outline:2px solid var(--modal-primary);outline-offset:2px}@media (prefers-contrast:high){.content-type-chip.selected,.platform-item.selected{border-width:3px}}@media (prefers-reduced-motion:reduce){.btn,.content-type-chip,.day-header,.platform-item,.progress-spinner{transition:none}.progress-spinner{animation:none}}.promotion-tab-v2{background:var(--bg-secondary);font-family:var(--font-sans);min-height:100vh;padding:var(--mobile-padding)}.promotion-alert{background:var(--color-warning-light);border:1px solid var(--color-warning-border);border-radius:var(--mobile-border-radius);color:var(--color-warning-text);font-size:var(--text-sm);margin-bottom:16px;padding:16px}.promotion-alert.error{background:var(--color-danger-light);border-color:var(--color-danger-border);color:var(--color-danger-text)}.promotion-header{display:none}.posts-accordion{display:flex;flex-direction:column;gap:12px}.accordion-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);overflow:hidden}.accordion-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--card-border);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:600;justify-content:space-between;padding:16px;transition:background .2s}.accordion-header:hover{background:var(--bg-tertiary)}.post-count-badge{background:var(--border-color);border-radius:12px;color:var(--text-secondary);font-size:11px;padding:2px 8px}.accordion-content{padding:0}.post-card{background:var(--bg-surface);border-bottom:1px solid var(--card-border);display:flex;flex-direction:column;gap:16px;padding:16px}.post-card:last-child{border-bottom:none}.post-platform-info{align-items:center;display:flex;gap:12px}.platform-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;width:36px}.platform-icon.linkedin{background:#0077b5;color:#fff}.platform-icon.twitter{background:#000;color:#fff}.platform-icon.slack{background:#4a154b;color:#fff}.platform-icon.facebook{background:#1877f2;color:#fff}.platform-icon.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.platform-icon.default{background:var(--text-secondary);color:#fff}.platform-details{flex:1 1;min-width:0}.platform-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:600}.platform-account{color:var(--text-secondary);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.promotion-tab-v2 .status-badge{border-radius:4px;display:inline-block;font-size:10px;font-weight:600;margin-top:4px;padding:2px 6px;text-transform:uppercase}.status-draft{background:var(--bg-disabled);color:var(--text-muted)}.status-scheduled{background:var(--color-info-light);color:var(--color-info-dark)}.status-queued{background:var(--color-warning-light);color:var(--color-warning-text)}.status-sent{background:var(--color-success-light);color:var(--color-success-dark)}.status-failed{background:var(--color-danger-light);color:var(--color-danger-text)}.status-cancelled{background:var(--bg-disabled);color:var(--text-placeholder);text-decoration:line-through}.post-message-area{flex:2 1;min-width:300px}.message-input{border:1px solid var(--card-border);border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:var(--text-sm);min-height:80px;padding:10px;resize:vertical;width:100%}.message-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.message-readonly{color:var(--text-primary);font-size:var(--text-sm);line-height:1.5;white-space:pre-wrap}.char-count{color:var(--text-secondary);font-size:11px;margin-top:4px;text-align:right}.char-count.warning{color:var(--color-warning)}.char-count.danger{color:var(--color-danger)}.media-attachments{margin-top:12px}.selected-thumbnail{display:inline-block;position:relative}.thumbnail-preview{border:1px solid var(--card-border);border-radius:6px;height:100px}.remove-thumbnail-btn{align-items:center;background:var(--color-danger);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px}.add-image-btn{background:var(--bg-surface);border:1px dashed var(--card-border);border-radius:6px;color:var(--color-primary);cursor:pointer;font-size:12px;padding:8px 12px;transition:all .2s}.add-image-btn:hover{background:var(--color-info-light);border-color:var(--color-primary)}.post-actions-area{flex-shrink:0;gap:12px;justify-content:space-between;min-width:160px}.post-actions-area,.post-datetime{display:flex;flex-direction:column}.post-datetime{color:var(--text-secondary);font-size:11px}.datetime-label{font-weight:600;text-transform:uppercase}.post-action-buttons{display:flex;flex-wrap:wrap;gap:8px}.btn-action{border:1px solid #0000;border-radius:6px;cursor:pointer;flex:1 1;font-size:12px;font-weight:500;padding:6px 12px;text-align:center;transition:all .2s;white-space:nowrap}.btn-post{background:var(--color-primary);color:#fff}.btn-post:hover{background:var(--color-primary-hover)}.btn-schedule{background:var(--bg-surface);border-color:var(--card-border);color:var(--text-primary)}.btn-schedule:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-delete{background:var(--bg-surface);border-color:var(--color-danger-border);color:var(--color-danger)}.btn-delete:hover{background:var(--color-danger-light)}.reschedule-input{border:1px solid var(--card-border);border-radius:6px;font-size:12px;padding:6px;width:100%}.platform-dropdown{position:relative}.dropdown-content{background:var(--bg-surface);border:1px solid var(--card-border);border-radius:8px;box-shadow:var(--shadow-md);margin-top:8px;padding:8px 0;position:absolute;right:0;top:100%;width:240px;z-index:50}.dropdown-item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:10px 16px;transition:background .2s}.dropdown-item:hover{background:var(--bg-secondary)}.dropdown-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:40}.empty-state{background:var(--bg-surface);border:1px dashed var(--card-border);border-radius:var(--mobile-border-radius);color:var(--text-secondary);padding:40px 20px;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:16px}.empty-state h4{color:var(--text-primary);margin:0 0 8px}.promotion-tab-v2 .modal-backdrop{align-items:center;background:var(--modal-overlay);bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:100}.promotion-tab-v2 .promotion-media-picker{background:var(--modal-bg);border-radius:12px;display:flex;flex-direction:column;height:80vh;max-width:800px;width:100%}.promotion-tab-v2 .modal-header{align-items:center;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;padding:16px 24px}.promotion-tab-v2 .modal-header h3{margin:0}.promotion-tab-v2 .close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:24px}.media-tabs{border-bottom:1px solid var(--card-border);display:flex;padding:0 24px}.promotion-media-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;font-weight:500;padding:12px 16px}.promotion-media-tab.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.promotion-tab-v2 .thumbnails-grid{align-items:start;display:inline-grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));overflow-y:auto;padding:20px}.promotion-tab-v2 .thumbnail-option{background:var(--border-color);border:2px solid #0000;border-radius:8px;cursor:pointer;position:relative;transition:all .2s}.promotion-tab-v2 .thumbnail-option:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.promotion-tab-v2 .thumbnail-option img,.promotion-tab-v2 .thumbnail-option video,.thumbnail-preview,.video-thumbnail{aspect-ratio:16/9;display:block;object-fit:contain;width:100%}.video-item.portrait .video-thumbnail,.video-item.portrait video{aspect-ratio:9/16}.video-preview{background:#000;position:relative;width:100%}.video-preview video{display:block}.video-meta-row{color:var(--text-secondary);display:flex;font-size:11px;justify-content:space-between;margin-top:4px;padding:0 2px}.video-duration{align-items:center;display:flex;font-weight:500;gap:4px}.video-orientation{background:var(--bg-tertiary);border-radius:3px;font-weight:500;padding:1px 5px}.thumbnail-info{background:var(--bg-surface);border-top:1px solid var(--card-border);padding:8px 10px}.media-title{color:var(--text-primary);font-size:13px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-meta{display:flex;flex-direction:column;gap:4px;margin-top:4px}.media-badges-row{align-items:center;display:flex;gap:6px}.promotion-format-badge{background:var(--bg-tertiary);border-radius:4px;color:var(--text-secondary);font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.promotion-format-badge.type-clip{background:var(--color-info-light);color:var(--color-primary)}.promotion-active-badge{background:var(--color-success);border-radius:4px;color:#fff;display:inline-block;font-size:10px;font-weight:600;padding:2px 6px;text-align:center;width:-webkit-fit-content;width:fit-content}.loading-container{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;padding:40px;width:100%}.promotion-loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--color-primary);height:30px;width:30px}@media (min-width:768px){.promotion-tab-v2{padding:24px}.post-card{align-items:flex-start;flex-direction:row}.post-platform-info{align-items:flex-start;flex-direction:column;gap:8px;width:200px}.platform-details{text-align:left}.post-actions-area{align-items:flex-end;text-align:right;width:140px}.post-action-buttons{flex-direction:column;width:100%}.btn-action{width:100%}}.editor-layout{--font-sans:"Outfit",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono",monospace;--bg-deep:#0a0a0b;--bg-surface:#111113;--bg-elevated:#18181b;--bg-hover:#1f1f23;--bg-active:#27272b;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#52525b;--speaker-1:#22d3ee;--speaker-1-bg:#22d3ee14;--speaker-1-glow:#22d3ee26;--speaker-2:#f472b6;--speaker-2-bg:#f472b614;--speaker-2-glow:#f472b626;--accent:#a78bfa;--accent-hover:#c4b5fd;--accent-glow:#a78bfa33;--cut:#ef4444;--cut-bg:#ef444426;--deleted:#ef4444;--deleted-bg:#ef44441f;--silence:#f97316;--silence-bg:#f9731626;--chapter:#fbbf24;--chapter-bg:#fbbf241a;--filler:#06b6d4;--filler-bg:#06b6d41a;--link:#6366f1;--link-bg:#6366f11a;--success:#22c55e;--success-bg:#22c55e1a;--success-hover:#16a34a;--danger:#ef4444;--danger-hover:#dc2626;--blue:#3b82f6;--blue-hover:#2563eb;--border-subtle:#ffffff0f;--border-medium:#ffffff1a;--border-strong:#ffffff26;--btn-bg:#3a3a3a;--btn-bg-hover:#4a4a4a;--btn-border:#4a4a4a;--btn-border-hover:#5a5a5a;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 12px 40px #0009;--transition-fast:0.1s ease;--transition-normal:0.2s ease;font-family:var(--font-sans)}.editor-layout .lollipop-marker{background-color:var(--chapter);bottom:0;pointer-events:none;position:absolute;top:0;width:2px;z-index:10}.editor-layout .lollipop-marker:before{background-color:var(--chapter);border-radius:50%;box-shadow:0 0 4px #00000080;content:"";cursor:grab;height:12px;left:-5px;pointer-events:auto;position:absolute;top:-6px;width:12px}.editor-layout .lollipop-marker:hover:before{box-shadow:0 0 8px var(--chapter-bg);transform:scale(1.2)}.editor-layout{background-color:var(--bg-deep);display:grid;grid-template-areas:"header   vdivider rightpanel" "main     vdivider rightpanel" "divider  divider  divider" "timeline timeline timeline" "footer   footer   footer";grid-template-columns:minmax(0,1fr) auto 400px;grid-template-columns:minmax(0,1fr) auto var(--right-panel-width,400px);grid-template-rows:auto 400px auto minmax(250px,auto) auto;grid-template-rows:auto var(--main-height,400px) auto minmax(var(--timeline-height,250px),auto) auto;min-height:600px;width:100%}.editor-header-area{background-color:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;grid-area:header;min-width:0;position:relative;z-index:20}.editor-header-area .toolbar-tools{flex-wrap:wrap}.editor-header-area .toolbar-header{flex-wrap:wrap;gap:8px}.editor-main{background-color:var(--bg-surface);display:flex;flex-direction:column;grid-area:main;max-width:100%;min-width:0;overflow:hidden}.editor-vertical-divider{align-items:center;background-color:var(--bg-elevated);border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);cursor:col-resize;display:flex;grid-area:vdivider;justify-content:center;position:relative;transition:background-color .15s ease;width:8px;z-index:10}.editor-vertical-divider:hover{background-color:#ffffff14;background-color:var(--bg-hover,#ffffff14)}.editor-vertical-divider:active{background-color:#6366f1;background-color:var(--accent,#6366f1)}.editor-vertical-divider-handle{background-color:var(--border-subtle);border-radius:2px;height:48px;transition:background-color .15s ease,height .15s ease;width:4px}.editor-vertical-divider:hover .editor-vertical-divider-handle{background-color:var(--text-secondary);height:64px}.editor-vertical-divider:active .editor-vertical-divider-handle{background-color:#fff;height:80px}.editor-right-panel{background-color:var(--bg-elevated);grid-area:rightpanel;min-height:0;overflow:hidden;position:relative}.editor-right-panel-scroll{bottom:0;display:flex;flex-direction:column;left:0;overflow-x:hidden;overflow-y:auto;position:absolute;right:0;top:0}.editor-chapters-toggle{align-items:center;background-color:var(--bg-active);border-bottom:1px solid var(--border-subtle);border-top:1px solid var(--border-subtle);cursor:pointer;display:flex;flex-shrink:0;gap:8px;padding:8px 14px;transition:background-color .15s ease;-webkit-user-select:none;user-select:none}.editor-chapters-toggle:hover{background-color:#ffffff14;background-color:var(--bg-hover,#ffffff14)}.editor-collapse-icon{color:var(--text-muted);font-size:10px;text-align:center;width:12px}.editor-collapse-label{color:var(--text-secondary);font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.editor-chapters-wrapper{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto}.editor-resize-divider{align-items:center;background-color:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);border-top:1px solid var(--border-subtle);cursor:row-resize;display:flex;grid-area:divider;height:8px;justify-content:center;position:relative;transition:background-color .15s ease;z-index:10}.editor-resize-divider:hover{background-color:#ffffff14;background-color:var(--bg-hover,#ffffff14)}.editor-resize-divider:active{background-color:#6366f1;background-color:var(--accent,#6366f1)}.editor-resize-divider-handle{background-color:var(--border-subtle);border-radius:2px;height:4px;transition:background-color .15s ease,width .15s ease;width:48px}.editor-resize-divider:hover .editor-resize-divider-handle{background-color:var(--text-secondary);width:64px}.editor-resize-divider:active .editor-resize-divider-handle{background-color:#fff;width:80px}.editor-timeline{background-color:var(--bg-surface);box-sizing:border-box;grid-area:timeline;max-width:100%;min-height:250px;min-height:var(--timeline-height,250px);min-width:0;overflow:visible;width:100%}.editor-footer{background-color:var(--bg-deep);border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:10px;grid-area:footer;padding:6px 16px;text-align:center}.editor-footer a{color:var(--text-secondary);margin:0 4px;text-decoration:none}.editor-footer a:hover{color:var(--accent);text-decoration:underline}@media (max-width:1024px){.editor-layout{grid-template-areas:"header" "rightpanel" "main" "divider" "timeline" "footer";grid-template-columns:1fr;grid-template-rows:auto auto 400px auto 200px auto;grid-template-rows:auto auto var(--main-height,400px) auto var(--timeline-height,200px) auto}.editor-vertical-divider{display:none}.editor-right-panel{border-bottom:1px solid var(--border-subtle);max-height:280px}.editor-right-panel,.editor-right-panel-scroll{overflow-y:auto;position:static}.editor-timeline{min-height:100px}.editor-resize-divider{height:6px}}@media (max-width:768px){.editor-right-panel{max-height:320px}.editor-timeline{min-height:80px}.editor-resize-divider-handle{width:40px}}.silence-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.silence-modal{animation:modalFadeIn .2s ease-out;background-color:#1e1e1e;border:1px solid #333;border-radius:8px;box-shadow:0 20px 50px #00000080;max-width:90%;width:400px}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.silence-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:16px 20px}.silence-header h3{align-items:center;color:#fff;display:flex;font-size:16px;gap:8px;margin:0}.close-btn{background:none;border:none;color:#999;cursor:pointer;font-size:20px;line-height:1;padding:0}.close-btn:hover{color:#fff}.silence-content{padding:20px}.input-group{margin-bottom:20px}.input-group label{color:#ccc;display:block;font-size:14px;margin-bottom:8px}.input-wrapper{align-items:center;display:flex;gap:10px}.input-wrapper input{background-color:#2a2a2a;border:1px solid #444;border-radius:4px;color:#fff;font-size:14px;padding:8px 12px;text-align:center;width:80px}.input-wrapper input:focus{border-color:#4a90e2;outline:none}.input-wrapper span{color:#999;font-size:14px}.hint{color:#666;font-size:12px;margin-top:6px}.preview-stats{background-color:#4a90e21a;border:1px solid #4a90e233;border-radius:6px;display:flex;gap:12px;margin-top:10px;padding:12px}.stat{align-items:center;display:flex;flex:1 1;flex-direction:column;text-align:center}.stat strong{color:#4a90e2;display:block;font-size:18px}.stat span{color:#ccc;font-size:11px;margin-top:2px}.silence-footer{background-color:#1a1a1a;border-radius:0 0 8px 8px;border-top:1px solid #333;display:flex;justify-content:flex-end;padding:16px 20px}.filler-remover-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.filler-remover-modal{background-color:#1e1e2e;border:1px solid #333;border-radius:12px;box-shadow:0 10px 25px #00000080;color:#e0e0e0;display:flex;flex-direction:column;max-height:85vh;max-width:500px;width:90%}.filler-modal-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:1.5rem}.filler-modal-header h3{color:#fff;font-size:1.25rem;margin:0}.filler-close-btn{background:none;border:none;color:#888;cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.filler-close-btn:hover{color:#fff}.filler-modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.filler-add-custom{border-bottom:1px solid #333;display:flex;gap:10px;margin-bottom:1.5rem;padding-bottom:1.5rem}.filler-input{background-color:#2a2a3c;border:1px solid #444;border-radius:6px;color:#fff;flex:1 1;font-size:.95rem;padding:.75rem}.filler-input:focus{border-color:#06b6d4;outline:none}.filler-add-btn{background-color:#333;border:1px solid #444;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:0 1rem;transition:all .2s}.filler-add-btn:hover{background-color:#444;border-color:#555}.filler-list{display:flex;flex-direction:column;gap:.5rem}.filler-item{align-items:center;background-color:#2a2a3c;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;padding:.75rem;transition:background-color .2s}.filler-item:hover{background-color:#323246}.filler-item.selected{background-color:#06b6d40d;border-color:#06b6d44d}.filler-item.empty{opacity:.6}.filler-item.empty .filler-count{color:#555}.filler-item.empty:hover{opacity:.8}.filler-checkbox{accent-color:#06b6d4;cursor:pointer;height:1.2rem;margin-right:1rem;width:1.2rem}.filler-word-text{color:#fff;font-weight:600;margin-right:.5rem}.filler-count{color:#888;font-size:.9rem;margin-right:auto}.filler-badge{background-color:#333;border-radius:4px;color:#aaa;font-size:.75rem;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.filler-modal-footer{background-color:#1e1e2e;border-radius:0 0 12px 12px;border-top:1px solid #333;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.filler-btn-cancel{background:none;border:none;border-radius:6px;color:#aaa;cursor:pointer;font-weight:500;padding:.75rem 1.5rem}.filler-btn-cancel:hover{background-color:#ffffff0d;color:#fff}.filler-btn-confirm{background-color:#06b6d4;border:none;border-radius:6px;color:#000;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s}.filler-btn-confirm:hover{background-color:#22d3ee}.filler-btn-confirm:disabled{background-color:#333;color:#666;cursor:not-allowed}.filler-empty-state{color:#666;font-style:italic;padding:2rem 0;text-align:center}.chapter-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.chapter-modal{background:#1a1a1b;background:var(--editor-surface-elevated,#1a1a1b);border:1px solid #333;border:1px solid var(--editor-border,#333);border-radius:12px;box-shadow:0 20px 60px #00000080;max-width:480px;overflow:hidden;width:90%}.chapter-modal-header{align-items:center;background:#0f0f10;background:var(--editor-surface,#0f0f10);border-bottom:1px solid #333;border-bottom:1px solid var(--editor-border,#333);display:flex;justify-content:space-between;padding:16px 20px}.chapter-modal-header h3{color:#fff;color:var(--editor-text,#fff);font-size:18px;font-weight:600;margin:0}.chapter-modal-close{background:none;border:none;color:#888;color:var(--editor-text-muted,#888);cursor:pointer;font-size:24px;line-height:1;padding:0;transition:color .2s}.chapter-modal-close:hover{color:#fff;color:var(--editor-text,#fff)}.chapter-modal-content{padding:20px}.chapter-modal-description{color:#ccc;color:var(--editor-text-secondary,#ccc);line-height:1.5;margin:0 0 16px}.chapter-modal-warning{align-items:flex-start;background:#eab30826;border:1px solid #eab3084d;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:12px 16px}.chapter-modal-warning .warning-icon{color:#eab308;flex-shrink:0;font-size:20px}.chapter-modal-warning span{color:#ccc;color:var(--editor-text-secondary,#ccc);font-size:14px;line-height:1.5}.chapter-modal-warning strong{color:#eab308}.chapter-modal-info{background:#0f0f10;background:var(--editor-surface,#0f0f10);border-radius:8px;margin-bottom:16px;padding:16px}.chapter-modal-info p{color:#fff;color:var(--editor-text,#fff);font-size:14px;margin:0 0 8px}.chapter-modal-info ul{color:#aaa;color:var(--editor-text-secondary,#aaa);font-size:13px;line-height:1.8;margin:0;padding-left:20px}.chapter-modal-error{background:#ef444426;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;font-size:14px;padding:12px 16px}.chapter-modal-success{background:#22c55e26;border:1px solid #22c55e4d;border-radius:8px;color:#22c55e;font-size:14px;padding:12px 16px}.chapter-modal-cost{color:#888;color:var(--editor-text-muted,#888);font-size:13px;margin-top:12px}.chapter-modal-actions{background:#0f0f10;background:var(--editor-surface,#0f0f10);border-top:1px solid #333;border-top:1px solid var(--editor-border,#333);display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.chapter-modal-progress{background:#0f0f10;background:var(--editor-surface,#0f0f10);border-radius:8px;margin-bottom:16px;padding:16px}.progress-status{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.progress-text{color:#fff;color:var(--editor-text,#fff);font-size:14px}.progress-chunks{color:#888;color:var(--editor-text-muted,#888);font-size:13px}.progress-bar-container{background:#1a1a1b;background:var(--editor-surface-elevated,#1a1a1b);border-radius:3px;height:6px;overflow:hidden}.progress-bar-fill{background:var(--color-ai);border-radius:3px;height:100%;transition:width .3s ease-out}.config-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.config-modal{background:#1e1e1e;background:var(--bg-elevated,#1e1e1e);border:1px solid #333;border:1px solid var(--border-medium,#333);border-radius:12px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:700px;width:90%}.config-modal-header{align-items:center;border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border-subtle,#2a2a2a);display:flex;justify-content:space-between;padding:16px 20px}.config-modal-header h2{color:#fff;color:var(--text-primary,#fff);font-size:18px;font-weight:600;margin:0}.config-modal-close{background:none;border:none;color:#888;color:var(--text-secondary,#888);cursor:pointer;font-size:24px;line-height:1;padding:0;transition:color .2s}.config-modal-close:hover{color:#fff;color:var(--text-primary,#fff)}.config-modal-body{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:20px}.config-preview-section{display:flex;flex-direction:column;gap:16px}.config-preview-player{align-items:center;aspect-ratio:16/9;background:#000;border-radius:8px;display:flex;justify-content:center;max-height:300px;overflow:hidden;position:relative}.config-preview-player video{height:100%;object-fit:contain;width:100%}.audio-preview-visual{align-items:center;background:linear-gradient(135deg,#2d1b69,#11998e);display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.audio-icon-large{font-size:64px;margin-bottom:16px}.audio-pulse{background:#ffffff4d;border-radius:2px;height:4px;overflow:hidden;width:80px}.audio-pulse.playing:after{animation:pulse-slide 1s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff,#0000);content:"";display:block;height:100%;width:100%}@keyframes pulse-slide{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.preview-play-btn{align-items:center;background:#000000b3;border:2px solid #ffffff4d;border-radius:50%;bottom:12px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;left:12px;position:absolute;transition:all .2s;width:44px}.preview-play-btn:hover{background:#000000e6;border-color:#fff;transform:scale(1.05)}.config-timeline{display:flex;flex-direction:column;gap:8px}.timeline-track{background:#252525;background:var(--bg-surface,#252525);border-radius:4px;cursor:pointer;height:32px;overflow:visible;position:relative}.trim-region{background:#3b82f64d;border-left:2px solid #3b82f6;border-left:2px solid var(--accent,#3b82f6);border-right:2px solid #3b82f6;border-right:2px solid var(--accent,#3b82f6);height:100%;position:absolute;top:0}.timeline-playhead{background:#fbbf24;background:var(--chapter,#fbbf24);border-radius:2px;bottom:-4px;pointer-events:none;width:3px;z-index:10}.timeline-playhead,.timeline-playhead:after{position:absolute;top:-4px;transform:translateX(-50%)}.timeline-playhead:after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:8px solid #fbbf24;border-top:8px solid var(--chapter,#fbbf24);content:"";height:0;left:50%;width:0}.trim-handle{background:#3b82f6;background:var(--accent,#3b82f6);border-radius:3px;bottom:-4px;cursor:ew-resize;position:absolute;top:-4px;transform:translateX(-50%);transition:background .2s;width:12px;z-index:5}.trim-handle:hover{background:#2563eb;background:var(--accent-hover,#2563eb)}.trim-handle:after{background:#ffffff80;border-radius:1px;content:"";height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2px}.timeline-times{color:#888;color:var(--text-secondary,#888);font-family:monospace;font-size:12px}.timeline-times,.trim-controls{display:flex;justify-content:space-between}.trim-controls{align-items:center;background:#252525;background:var(--bg-surface,#252525);border-radius:8px;gap:16px;padding:12px}.trim-input-group{align-items:center;display:flex;gap:8px}.trim-input-group label{color:#888;color:var(--text-secondary,#888);font-size:13px;font-weight:500}.trim-input-group input{background:#333;background:var(--bg-active,#333);border:1px solid #444;border:1px solid var(--border-medium,#444);border-radius:4px;color:#fff;color:var(--text-primary,#fff);font-family:monospace;font-size:13px;padding:6px 8px;text-align:center;width:70px}.trim-input-group input:focus{border-color:#3b82f6;border-color:var(--accent,#3b82f6);outline:none}.trim-set-btn{background:#333;background:var(--bg-active,#333);border:1px solid #444;border:1px solid var(--border-medium,#444);border-radius:4px;color:#888;color:var(--text-secondary,#888);cursor:pointer;font-size:14px;padding:6px 10px;transition:all .2s}.trim-set-btn:hover{background:#3a3a3a;background:var(--bg-hover,#3a3a3a);border-color:#3b82f6;border-color:var(--accent,#3b82f6);color:#fff;color:var(--text-primary,#fff)}.trim-duration{color:#888;color:var(--text-secondary,#888);font-size:14px}.trim-duration strong{color:#fff;color:var(--text-primary,#fff);font-family:monospace}.config-settings-section{display:flex;flex-direction:column;gap:16px}.config-field{display:flex;flex-direction:column;gap:6px}.config-field>label{color:#888;color:var(--text-secondary,#888);font-size:13px;font-weight:500}.config-field input[type=text]{background:#252525;background:var(--bg-surface,#252525);border:1px solid #444;border:1px solid var(--border-medium,#444);border-radius:6px;color:#fff;color:var(--text-primary,#fff);font-size:14px;padding:10px 12px}.config-field input[type=text]:focus{border-color:#3b82f6;border-color:var(--accent,#3b82f6);outline:none}.config-options-group{background:#252525;background:var(--bg-surface,#252525);border-radius:8px;padding:16px}.config-options-group h3{font-weight:600;margin:0 0 12px}.config-checkbox,.config-options-group h3{color:#fff;color:var(--text-primary,#fff);font-size:14px}.config-checkbox{align-items:center;cursor:pointer;display:flex;gap:10px}.config-checkbox input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--accent,#3b82f6);cursor:pointer;height:18px;width:18px}.audio-mode-selector,.video-mode-selector{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-top:8px}.mode-btn{align-items:center;background:#333;background:var(--bg-active,#333);border:2px solid #444;border:2px solid var(--border-medium,#444);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:12px 8px;transition:all .2s}.mode-btn:hover{background:#3a3a3a;background:var(--bg-hover,#3a3a3a);border-color:#555;border-color:var(--border-strong,#555)}.mode-btn.active{background:#3b82f61a;border-color:#3b82f6;border-color:var(--accent,#3b82f6)}.mode-icon{font-size:24px;margin-bottom:6px}.mode-label{color:#fff;color:var(--text-primary,#fff);font-size:13px;font-weight:600}.mode-desc{color:#666;color:var(--text-muted,#666);font-size:11px;margin-top:2px}.fade-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-top:12px}.fade-duration-field{align-items:center;display:flex;gap:8px;margin-left:auto}.fade-duration-field label{color:#888;color:var(--text-secondary,#888);font-size:13px}.fade-duration-field input{background:#333;background:var(--bg-active,#333);border:1px solid #444;border:1px solid var(--border-medium,#444);border-radius:4px;color:#fff;color:var(--text-primary,#fff);font-size:13px;padding:6px 8px;text-align:center;width:60px}.fade-duration-field input:focus{border-color:#3b82f6;border-color:var(--accent,#3b82f6);outline:none}.fade-duration-field span{color:#888;color:var(--text-secondary,#888);font-size:13px}.config-modal-footer{background:#252525;background:var(--bg-surface,#252525);border-radius:0 0 12px 12px;border-top:1px solid #2a2a2a;border-top:1px solid var(--border-subtle,#2a2a2a);display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.config-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.config-btn:disabled{cursor:not-allowed;opacity:.5}.config-btn-primary{background:#3b82f6;background:var(--accent,#3b82f6);color:#fff}.config-btn-primary:hover:not(:disabled){background:#2563eb;background:var(--accent-hover,#2563eb)}.config-btn-secondary{background:#333;background:var(--bg-active,#333);border:1px solid #444;border:1px solid var(--border-medium,#444);color:#fff;color:var(--text-primary,#fff)}.config-btn-secondary:hover:not(:disabled){background:#3a3a3a;background:var(--bg-hover,#3a3a3a)}@media (max-width:600px){.config-modal{max-height:95vh;width:95%}.trim-controls{flex-direction:column;gap:12px}.audio-mode-selector,.video-mode-selector{grid-template-columns:1fr}.fade-controls{align-items:flex-start;flex-direction:column}.fade-duration-field{margin-left:0}}.media-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.media-modal{background:#1e1e1e;background:var(--bg-elevated,#1e1e1e);border:1px solid #333;border:1px solid var(--border-medium,#333);border-radius:12px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:85vh;max-width:800px;width:90%}.media-modal-header{align-items:center;border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border-subtle,#2a2a2a);display:flex;justify-content:space-between;padding:16px 20px}.media-modal-header h2{color:#fff;color:var(--text-primary,#fff);font-size:18px;font-weight:600;margin:0}.media-modal-close{background:none;border:none;color:#888;color:var(--text-secondary,#888);cursor:pointer;font-size:24px;line-height:1;padding:0;transition:color .2s}.media-modal-close:hover{color:#fff;color:var(--text-primary,#fff)}.media-modal-tabs{background:#252525;background:var(--bg-surface,#252525);border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border-subtle,#2a2a2a);display:flex;gap:4px;padding:12px 20px}.media-selector-tab{background:#0000;border:none;border-radius:6px;color:#888;color:var(--text-secondary,#888);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.media-selector-tab:hover{background:#333;background:var(--bg-hover,#333);color:#fff;color:var(--text-primary,#fff)}.media-selector-tab.active{background:#3b82f6;background:var(--accent,#3b82f6);color:#fff}.media-modal-content{flex:1 1;min-height:300px;overflow-y:auto;padding:20px}.media-selector-loading{align-items:center;color:#888;color:var(--text-secondary,#888);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.media-spinner{animation:spin 1s linear infinite;border:3px solid #333;border-top-color:#3b82f6;border:3px solid var(--border-medium,#333);border-radius:50%;border-top-color:var(--accent,#3b82f6);height:40px;margin-bottom:16px;width:40px}.media-selector-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.7}.media-selector-empty p{color:#888;color:var(--text-secondary,#888);font-size:14px;margin:0 0 8px}.empty-hint{color:#666!important;color:var(--text-muted,#666)!important;font-size:13px!important}.media-selector-error{align-items:center;color:#ef4444;color:var(--danger,#ef4444);display:flex;justify-content:center;padding:60px 20px}.media-selector-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.media-selector-card{background:#252525;background:var(--bg-surface,#252525);border:2px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s}.media-selector-card:hover{border-color:#444;border-color:var(--border-strong,#444);transform:translateY(-2px)}.media-selector-card.selected{border-color:#3b82f6;border-color:var(--accent,#3b82f6);box-shadow:0 0 0 2px #3b82f64d}.media-selector-card-preview{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;height:100px;justify-content:center;overflow:hidden;position:relative}.media-selector-card-preview video{height:100%;object-fit:cover;width:100%}.audio-preview-icon{font-size:36px;opacity:.8}.media-type-badge{border-radius:4px;font-size:10px;font-weight:600;left:6px;padding:2px 6px;position:absolute;text-transform:uppercase;top:6px}.media-type-badge.video{background:#3b82f6e6;color:#fff}.media-type-badge.audio{background:#8b5cf6e6;color:#fff}.media-duration-badge{background:#000c;border-radius:4px;bottom:6px;color:#fff;font-family:monospace;font-size:11px;font-weight:500;padding:2px 6px;position:absolute;right:6px}.media-selector-card-info{padding:10px}.media-selector-card-label{color:#fff;color:var(--text-primary,#fff);display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-selector-card-check{align-items:center;background:#3b82f6;background:var(--accent,#3b82f6);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:6px;top:6px;width:24px}.upload-tab{display:flex;flex-direction:column;gap:20px}.upload-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;color:var(--danger,#ef4444);font-size:14px;padding:12px 16px}.upload-dropzone{align-items:center;background:#252525;background:var(--bg-surface,#252525);border:2px dashed #444;border:2px dashed var(--border-medium,#444);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:180px;padding:40px;transition:all .2s}.upload-dropzone:hover{background:#3b82f60d;border-color:#3b82f6;border-color:var(--accent,#3b82f6)}.upload-icon{font-size:48px;margin-bottom:12px}.upload-dropzone p{color:#888;color:var(--text-secondary,#888);font-size:14px;margin:0}.upload-hint{color:#666!important;color:var(--text-muted,#666)!important;font-size:12px!important;margin-top:8px!important}.upload-preview{text-align:center}.preview-icon{font-size:48px;margin-bottom:8px}.preview-name{color:#fff!important;color:var(--text-primary,#fff)!important;font-weight:500}.preview-duration{color:#888!important;color:var(--text-secondary,#888)!important;font-family:monospace}.upload-form{gap:16px}.upload-field,.upload-form{display:flex;flex-direction:column}.upload-field{gap:6px}.upload-field label{color:#888;color:var(--text-secondary,#888);font-size:13px;font-weight:500}.upload-field input{background:#252525;background:var(--bg-surface,#252525);border:1px solid #444;border:1px solid var(--border-medium,#444);border-radius:6px;color:#fff;color:var(--text-primary,#fff);font-size:14px;padding:10px 12px}.upload-field input:focus{border-color:#3b82f6;border-color:var(--accent,#3b82f6);outline:none}.upload-btn{align-self:flex-start}.media-modal-footer{align-items:center;background:#252525;background:var(--bg-surface,#252525);border-radius:0 0 12px 12px;border-top:1px solid #2a2a2a;border-top:1px solid var(--border-subtle,#2a2a2a);display:flex;justify-content:space-between;padding:16px 20px}.media-modal-selection{flex:1 1}.selected-label{color:#888;color:var(--text-secondary,#888);font-size:13px}.selected-label strong{color:#fff;color:var(--text-primary,#fff)}.media-modal-actions{display:flex;gap:10px}.media-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.media-btn:disabled{cursor:not-allowed;opacity:.5}.media-btn-primary{background:#3b82f6;background:var(--accent,#3b82f6);color:#fff}.media-btn-primary:hover:not(:disabled){background:#2563eb;background:var(--accent-hover,#2563eb)}.media-btn-secondary{background:#333;background:var(--bg-active,#333);border:1px solid #444;border:1px solid var(--border-medium,#444);color:#fff;color:var(--text-primary,#fff)}.media-btn-secondary:hover:not(:disabled){background:#3a3a3a;background:var(--bg-hover,#3a3a3a)}@media (max-width:600px){.media-modal{max-height:90vh;width:95%}.media-selector-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.media-selector-card-preview{height:80px}.upload-dropzone{padding:30px 20px}}.export-settings-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.export-settings-modal{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0006;max-height:80vh;max-width:480px;overflow-y:auto;width:90%}.export-settings-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px 20px}.export-settings-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.export-settings-header .close-btn{background:none;border:none;color:#888;cursor:pointer;font-size:24px;line-height:1;padding:0;transition:color .2s}.export-settings-header .close-btn:hover{color:#fff}.export-settings-body{padding:20px}.setting-group{margin-bottom:20px}.setting-group:last-child{margin-bottom:0}.checkbox-label{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:10px}.checkbox-label input[type=checkbox]{accent-color:#6366f1;cursor:pointer;height:18px;width:18px}.input-label{color:#fff;display:flex;flex-direction:column;font-size:14px;gap:8px}.input-label input[type=number]{background:#2a2a4a;border:1px solid #ffffff26;border-radius:6px;color:#fff;font-size:14px;padding:8px 12px;width:80px}.input-label input[type=number]:focus{border-color:#6366f1;outline:none}.setting-hint{color:#888;display:block;font-size:12px;line-height:1.4;margin-top:6px}.checkbox-label+.setting-hint,.setting-hint{margin-left:28px}.input-label+.setting-hint{margin-left:0}.export-settings-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:space-between;padding:16px 20px}.action-buttons{display:flex;gap:10px}.export-settings-footer .btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px;transition:all .2s}.export-settings-footer .btn:disabled{cursor:not-allowed;opacity:.5}.export-settings-footer .btn-secondary{background:#3a3a5a;color:#ccc}.export-settings-footer .btn-secondary:hover:not(:disabled){background:#4a4a6a;color:#fff}.export-settings-footer .btn-primary{background:#6366f1;color:#fff}.export-settings-footer .btn-primary:hover:not(:disabled){background:#5558e3}.export-settings-footer .btn-success{background:#22c55e;color:#fff}.export-settings-footer .btn-success:hover:not(:disabled){background:#1db954}.export-error-message{background:#ef444426;border:1px solid #ef444466;border-radius:8px;color:#f87171;padding:12px 16px}.export-error-message,.export-workflow-hint{font-size:14px;line-height:1.5;margin-bottom:16px}.export-workflow-hint{background:#6366f126;border:1px solid #6366f166;border-radius:8px;color:#a5b4fc;padding:16px}.export-workflow-hint strong{color:#c7d2fe;display:block;font-size:15px;margin-bottom:8px}.export-workflow-hint p{color:#9ca3c2;margin:0 0 8px}.export-workflow-hint p:last-child{margin-bottom:0}.render-options-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.render-options-modal{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0006;max-width:540px;width:90%}.render-options-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px 20px}.render-options-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.render-options-header .close-btn{background:none;border:none;color:#888;cursor:pointer;font-size:24px;line-height:1;padding:0;transition:color .2s}.render-options-header .close-btn:hover{color:#fff}.render-options-body{padding:20px}.render-options-prompt{color:#ccc;font-size:14px;margin:0 0 16px}.render-type-cards{display:flex;gap:12px}.render-type-card{align-items:center;background:#2a2a4a;border:2px solid #ffffff1a;border-radius:10px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:8px;padding:16px 12px;text-align:center;transition:all .2s}.render-type-card:hover:not(:disabled){background:#3a3a5a;border-color:#fff3}.render-type-card.selected{background:#3a3a6a;border-color:#6366f1;box-shadow:0 0 0 1px #6366f1}.render-type-card:disabled{cursor:not-allowed;opacity:.5}.render-type-icon{font-size:28px;line-height:1}.render-type-title{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:4px}.render-type-description{color:#888;font-size:11px;line-height:1.3}.render-audio-note{background:#eab3081a;border:1px solid #eab3084d;border-radius:6px;color:#eab308;font-size:12px;line-height:1.4;margin:16px 0 0;padding:12px}.render-options-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.render-options-footer .btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px;transition:all .2s}.render-options-footer .btn:disabled{cursor:not-allowed;opacity:.5}.render-options-footer .btn-secondary{background:#3a3a5a;color:#ccc}.render-options-footer .btn-secondary:hover:not(:disabled){background:#4a4a6a;color:#fff}.render-options-footer .btn-primary{background:#6366f1;color:#fff}.render-options-footer .btn-primary:hover:not(:disabled){background:#5558e3}.download-options-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.download-options-modal{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0006;max-width:540px;width:90%}.download-options-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px 20px}.download-options-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.download-options-header .close-btn{background:none;border:none;color:#888;cursor:pointer;font-size:24px;line-height:1;padding:0;transition:color .2s}.download-options-header .close-btn:hover{color:#fff}.download-options-body{padding:20px}.download-options-prompt{color:#ccc;font-size:14px;margin:0 0 16px}.download-type-cards{display:flex;gap:12px}.download-type-card{align-items:center;background:#2a2a4a;border:2px solid #ffffff1a;border-radius:10px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:8px;padding:16px 12px;text-align:center;transition:all .2s}.download-type-card:hover:not(:disabled){background:#3a3a5a;border-color:#fff3}.download-type-card.selected{background:#3a3a6a;border-color:#6366f1;box-shadow:0 0 0 1px #6366f1}.download-type-card:disabled{cursor:not-allowed;opacity:.5}.download-type-icon{font-size:28px;line-height:1}.download-type-title{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:4px}.recommended-badge{background:#22c55e;border-radius:4px;color:#fff;font-size:10px;font-weight:500;padding:2px 6px;text-transform:uppercase}.download-type-description{color:#888;font-size:11px;line-height:1.3}.download-regenerate-note{background:#6366f11a;border:1px solid #6366f14d;border-radius:6px;color:#a5b4fc;font-size:12px;line-height:1.4;margin:16px 0 0;padding:12px}.download-options-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.download-options-footer .btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px;transition:all .2s}.download-options-footer .btn:disabled{cursor:not-allowed;opacity:.5}.download-options-footer .btn-secondary{background:#3a3a5a;color:#ccc}.download-options-footer .btn-secondary:hover:not(:disabled){background:#4a4a6a;color:#fff}.download-options-footer .btn-primary{background:#6366f1;color:#fff}.download-options-footer .btn-primary:hover:not(:disabled){background:#5558e3}.toolbar-dd-overlay{inset:0;position:fixed;z-index:999}.toolbar-header{align-items:center;background-color:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);display:flex;gap:10px;min-height:40px;padding:8px 16px}.toolbar-episode-label{align-items:center;color:var(--text-primary);display:flex;font-family:var(--font-sans);font-size:14px;font-weight:600;gap:8px;max-width:320px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-ep-num{background-color:var(--accent);color:#fff;font-size:11px;font-weight:600;padding:2px 6px}.toolbar-ep-num,.toolbar-word-count{border-radius:var(--radius-sm);flex-shrink:0;white-space:nowrap}.toolbar-word-count{background-color:var(--bg-active);color:var(--text-secondary);font-family:var(--font-mono);font-size:12px;padding:3px 8px}.toolbar-spacer{flex:1 1}.toolbar-save{align-items:center;background-color:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:13px;font-weight:500;gap:6px;padding:5px 12px;transition:all var(--transition-fast);white-space:nowrap}.toolbar-save:hover{background-color:var(--btn-bg-hover);border-color:var(--btn-border-hover)}.save-indicator{background-color:var(--success);border-radius:50%;flex-shrink:0;height:8px;transition:background-color .3s;width:8px}.toolbar-save.unsaved .save-indicator{animation:save-pulse 1.5s ease-in-out infinite;background-color:var(--silence)}@keyframes save-pulse{0%,to{opacity:1}50%{opacity:.4}}.toolbar-kbd{background-color:var(--bg-active);border:1px solid var(--border-medium);border-radius:3px;color:var(--text-muted);font-family:var(--font-mono);font-size:10px;padding:1px 5px}.toolbar-actions-btn{align-items:center;background-color:var(--success);border:1px solid var(--success);border-radius:var(--radius-md);color:var(--bg-deep);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:13px;font-weight:600;gap:4px;padding:5px 12px;transition:all var(--transition-fast);white-space:nowrap}.toolbar-actions-btn:hover{background-color:var(--success-hover);border-color:var(--success-hover)}.toolbar-caret{font-size:10px}.toolbar-ribbon{background-color:var(--bg-surface);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:6px 0;padding:6px 16px;position:relative}.ribbon-group,.toolbar-ribbon{align-items:center;display:flex}.ribbon-group{border-right:1px solid var(--border-medium);flex-shrink:0;gap:4px;margin-right:10px;padding-right:10px}.ribbon-group:last-child{border-right:none;margin-right:0;padding-right:0}.ribbon-btn{align-items:center;background-color:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:12px;font-weight:500;gap:5px;padding:5px 10px;transition:all var(--transition-fast);white-space:nowrap}.ribbon-btn:hover:not(:disabled){background-color:var(--btn-bg-hover);border-color:var(--btn-border-hover)}.ribbon-btn:disabled{cursor:not-allowed;opacity:.4}.ribbon-btn svg{flex-shrink:0}.ribbon-btn.ribbon-icon{padding:5px 7px}.ribbon-btn-chapter{background-color:var(--chapter);border-color:var(--chapter);color:var(--bg-deep);font-weight:600}.ribbon-btn-chapter:hover:not(:disabled){background-color:#d4a724;border-color:#d4a724;box-shadow:0 0 6px #fbbf244d}.ribbon-btn-primary{background-color:var(--accent);border-color:var(--accent);color:#fff}.ribbon-btn-primary.active,.ribbon-btn-primary:hover:not(:disabled){background-color:var(--accent-hover);border-color:var(--accent-hover)}.ribbon-btn-primary.active{box-shadow:0 0 0 2px #a78bfa33;box-shadow:0 0 0 2px var(--accent-glow,#a78bfa33)}.ribbon-toggle{align-items:center;background-color:initial;border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:12px;font-weight:500;gap:6px;padding:5px 10px;transition:all var(--transition-fast);white-space:nowrap}.ribbon-toggle:hover{background-color:var(--btn-bg-hover);color:var(--text-primary)}.toggle-dot{background-color:var(--text-muted);border-radius:50%;flex-shrink:0;height:7px;transition:background-color .2s;width:7px}.ribbon-toggle.on{background-color:var(--success-bg);border-color:var(--success);color:var(--text-primary)}.ribbon-toggle.on .toggle-dot{background-color:var(--success)}.toolbar-dd-anchor{position:relative}.toolbar-dd{background-color:var(--bg-active);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md);left:0;min-width:200px;overflow:hidden;position:absolute;top:calc(100% + 6px);z-index:1000}.toolbar-dd.anchor-right{left:auto;right:0}.toolbar-dd-section-label{color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.5px;padding:8px 14px 4px;text-transform:uppercase}.toolbar-dd-divider{background-color:var(--border-strong);height:1px;margin:4px 0}.toolbar-dd-item{align-items:center;background-color:initial;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:13px;gap:8px;padding:9px 14px;text-align:left;transition:background-color .15s;width:100%}.toolbar-dd-item:hover:not(:disabled){background-color:var(--btn-bg)}.toolbar-dd-item:disabled{cursor:not-allowed;opacity:.4}.toolbar-dd-item svg{color:var(--text-secondary);flex-shrink:0}.toolbar-dd-item .toolbar-dd-badge{background-color:var(--bg-elevated);border-radius:8px;padding:1px 6px}.toolbar-dd-item .toolbar-dd-badge,.toolbar-dd-item .toolbar-dd-shortcut{color:var(--text-muted);font-family:var(--font-mono);font-size:10px;margin-left:auto}.toolbar-dd-item.render-item{color:var(--blue);font-weight:600}.toolbar-dd-item.render-item svg{color:var(--blue)}.toolbar-dd-item.render-item:hover:not(:disabled){background-color:#3b82f61f}.toolbar-dd-item.danger,.toolbar-dd-item.danger svg{color:var(--danger)}.toolbar-dd-item.danger:hover:not(:disabled){background-color:#ef44441f}.toolbar-dd-item.active-item{background-color:#4a90e214;color:var(--accent)}.toolbar-dd-item.active-item:hover:not(:disabled){background-color:#4a90e226}.toolbar-dd-confirm{background-color:#ef444414;border-bottom:1px solid #ef444433;border-top:1px solid #ef444433;padding:8px 14px}.toolbar-dd-confirm-msg{color:var(--danger);font-size:12px;margin-bottom:8px}.toolbar-dd-confirm-btns{display:flex;gap:8px}.toolbar-dd-confirm-btns button{border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-sans);font-size:12px;font-weight:500;padding:4px 12px}.toolbar-dd-confirm-no{background-color:var(--btn-bg);color:var(--text-primary)}.toolbar-dd-confirm-no:hover{background-color:var(--btn-bg-hover)}.toolbar-dd-confirm-yes{background-color:var(--danger);color:#fff}.toolbar-dd-confirm-yes:hover{background-color:var(--danger-hover)}.toolbar-norm-row{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:13px;gap:8px;padding:9px 14px;transition:background-color .15s;width:100%}.toolbar-norm-row:hover{background-color:var(--btn-bg)}.toolbar-norm-label{flex:1 1}.norm-switch{background-color:var(--btn-bg);border:1px solid var(--border-medium);border-radius:9px;flex-shrink:0;height:18px;position:relative;transition:all .2s;width:34px}.norm-switch:after{background-color:var(--text-muted);border-radius:50%;content:"";height:12px;left:2px;position:absolute;top:2px;transition:all .2s;width:12px}.norm-switch.on{background-color:var(--success-bg);border-color:var(--success)}.norm-switch.on:after{background-color:var(--success);left:18px}.toolbar-lufs-row{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:8px;max-height:50px;overflow:hidden;padding:6px 14px 10px 38px;transition:max-height .2s ease,padding .2s ease}.toolbar-lufs-row.collapsed{max-height:0;padding-bottom:0;padding-top:0}.toolbar-lufs-input{background-color:var(--bg-elevated);border:1px solid var(--success);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:12px;outline:none;padding:3px 6px;text-align:center;width:54px}.toolbar-lufs-input:focus{box-shadow:0 0 0 2px var(--success-bg)}.toolbar-dd.chapters-accent{border-color:var(--chapter);box-shadow:0 4px 12px #fbbf2426}.toolbar-dd.insert-accent{border-color:var(--accent);box-shadow:0 4px 12px #a78bfa26}.export-modal-overlay{align-items:center;background-color:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.export-modal{background-color:var(--bg-active);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:500px;min-width:400px;padding:30px}.export-modal h3{color:var(--text-primary);font-size:20px;margin:0 0 20px;text-align:center}.export-progress-bar{background-color:var(--bg-elevated);border-radius:var(--radius-lg);height:24px;margin-bottom:15px;overflow:hidden;width:100%}.export-progress-fill{background:linear-gradient(90deg,var(--accent) 0,var(--success) 100%);border-radius:var(--radius-lg);height:100%;transition:width .3s ease}.export-progress-text{color:var(--text-primary);font-size:14px;margin:10px 0;text-align:center}.export-warning{color:var(--text-secondary);font-size:12px;font-style:italic;margin:15px 0 0;text-align:center}@media (max-width:1024px){.toolbar-kbd{display:none}.toolbar-header{padding:6px 12px}.toolbar-ribbon{padding:5px 12px}}@media (max-width:768px){.toolbar-ep-num{display:none}.toolbar-episode-label{font-size:13px;max-width:160px}.toolbar-header{gap:6px;padding:5px 10px}.toolbar-ribbon{padding:4px 10px}.ribbon-btn,.ribbon-toggle{font-size:11px;padding:4px 8px}.toolbar-actions-btn,.toolbar-save{font-size:12px;padding:4px 8px}.export-modal{min-width:300px;padding:20px}}.editor-layout .video-player{background-color:var(--bg-deep);display:flex;flex-direction:column;flex-shrink:0}.editor-layout .video-container{align-items:center;aspect-ratio:16/9;background-color:#000;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.editor-layout .video-element{height:100%;max-height:100%;max-width:100%;object-fit:contain;width:100%}.editor-layout .video-container.audio-only{aspect-ratio:16/9;background:linear-gradient(135deg,var(--bg-deep) 0,var(--bg-surface) 100%)}.editor-layout .video-element.audio-only-hidden{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.editor-layout .audio-placeholder{align-items:center;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.editor-layout .audio-icon{animation:audio-pulse 2s ease-in-out infinite;font-size:48px;opacity:.5}.editor-layout .audio-label{color:var(--text-muted);font-family:var(--font-sans);font-size:14px;font-weight:500;letter-spacing:2px;text-transform:uppercase}@keyframes audio-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}.editor-layout .video-overlay{align-items:center;background-color:initial;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:background-color var(--transition-normal);width:100%}.editor-layout .video-overlay:hover{background-color:#00000040}.editor-layout .play-button-overlay{align-items:center;background-color:var(--accent);border-radius:50%;box-shadow:var(--shadow-md);color:#fff;display:flex;font-size:28px;height:64px;justify-content:center;opacity:.9;transition:all var(--transition-normal);width:64px}.editor-layout .play-button-overlay:hover{box-shadow:var(--shadow-lg);opacity:1;transform:scale(1.1)}.editor-layout .video-controls{background-color:var(--bg-elevated);border-top:1px solid var(--border-subtle);padding:10px 12px}.editor-layout .video-timeline{background-color:var(--bg-active);border-radius:2px;cursor:pointer;height:4px;margin-bottom:10px;overflow:hidden;position:relative;transition:height var(--transition-fast)}.editor-layout .video-timeline:hover{height:6px}.editor-layout .timeline-progress{background:linear-gradient(90deg,var(--accent),var(--accent-hover));border-radius:2px;height:100%;left:0;position:absolute;top:0;transition:width .1s linear}.editor-layout .timeline-deleted{background-color:var(--cut-bg);height:100%;pointer-events:none;position:absolute;top:0}.editor-layout .video-controls-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.editor-layout .controls-left,.editor-layout .controls-right{align-items:center;display:flex;gap:4px}.editor-layout .control-btn{background-color:var(--bg-active);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);font-size:11px;padding:5px 10px;transition:all var(--transition-fast);white-space:nowrap}.editor-layout .control-btn:hover{background-color:var(--btn-bg);border-color:var(--btn-border);color:var(--text-primary)}.editor-layout .control-btn:active{transform:translateY(1px)}.editor-layout .time-display{font-feature-settings:"tnum";align-items:center;color:var(--text-primary);display:flex;font-family:var(--font-mono);font-size:11px;font-variant-numeric:tabular-nums;gap:3px}.editor-layout .time-separator{color:var(--text-muted)}.editor-layout .active-time-display{background-color:var(--success-bg);border-radius:var(--radius-sm);color:var(--success);font-family:var(--font-mono);font-size:11px;padding:3px 8px}.editor-layout .playback-speed{align-items:center;display:flex}.editor-layout .speed-select{background-color:var(--bg-active);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);font-size:10px;outline:none;padding:4px 8px;transition:all var(--transition-fast)}.editor-layout .speed-select:hover{background-color:var(--btn-bg);color:var(--text-primary)}.editor-layout .volume-control{align-items:center;display:flex;gap:6px}.editor-layout .volume-slider{-webkit-appearance:none;background:var(--bg-active);border-radius:2px;cursor:pointer;height:3px;outline:none;width:50px}.editor-layout .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent);border-radius:50%;cursor:pointer;height:10px;-webkit-transition:transform var(--transition-fast);transition:transform var(--transition-fast);width:10px}.editor-layout .volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.editor-layout .volume-slider::-moz-range-thumb{background:var(--accent);border:none;border-radius:50%;cursor:pointer;height:10px;width:10px}@media (max-width:768px){.editor-layout .video-controls-row{align-items:stretch;flex-direction:column}.editor-layout .controls-left,.editor-layout .controls-right{justify-content:space-between}.editor-layout .active-time-display{display:none}.editor-layout .volume-slider{width:60px}}.editor-layout .media-error-toast{align-items:center;animation:slideUp .3s ease-out;background-color:#dc2626f2;border-radius:8px;bottom:60px;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;display:flex;gap:10px;left:50%;max-width:90%;padding:12px 16px;position:absolute;transform:translateX(-50%);z-index:100}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.editor-layout .media-error-toast .error-icon{flex-shrink:0;font-size:18px}.editor-layout .media-error-toast .error-message{font-size:13px;line-height:1.4}.editor-layout .media-error-toast .error-dismiss{background:none;border:none;color:#fff;cursor:pointer;flex-shrink:0;font-size:18px;opacity:.7;padding:0 4px}.editor-layout .media-error-toast .error-dismiss:hover{opacity:1}.editor-layout .video-section{background-color:var(--bg-deep);display:flex;flex-direction:column;flex-shrink:0}.word-token{background-color:initial;border-radius:var(--radius-sm);cursor:pointer;display:inline;font-family:var(--font-sans);margin:0 1px;padding:2px;position:relative;transition:all var(--transition-fast)}.word-token.hovered{background-color:var(--accent-glow)}.word-token.current{background-color:var(--chapter-bg);box-shadow:0 0 0 1px #fbbf244d;font-weight:600}.word-token.selected{background-color:var(--accent-glow);box-shadow:0 0 0 1px var(--accent)}.word-token.deleted{background-color:var(--deleted-bg);color:var(--text-muted);opacity:.6;text-decoration:line-through;-webkit-text-decoration-color:var(--cut);text-decoration-color:var(--cut);text-decoration-thickness:2px}.word-tooltip{background-color:var(--bg-deep);border:1px solid var(--border-medium);border-radius:var(--radius-sm);bottom:calc(100% + 6px);box-shadow:var(--shadow-md);color:var(--text-primary);font-family:var(--font-mono);font-size:10px;font-weight:500;padding:4px 10px;pointer-events:none;white-space:nowrap;z-index:100}.word-tooltip,.word-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.word-tooltip:after{border:5px solid #0000;border-top:5px solid var(--bg-deep);content:"";top:100%}.word-token:active{transform:scale(.97)}.chapter-marker{align-items:center;display:flex;gap:12px;margin:20px 0;padding:12px 0}.chapter-line{background:linear-gradient(to right,#0000,var(--chapter),#0000);flex:1 1;height:1px;opacity:.4}.chapter-content{align-items:center;background-color:var(--chapter-bg);border:1px solid #fbbf2440;border-radius:var(--radius-md);display:flex;font-family:var(--font-sans);gap:8px;padding:8px 14px;transition:all var(--transition-fast)}.chapter-content:hover{background-color:#fbbf2426;border-color:var(--chapter);box-shadow:0 2px 8px #fbbf2426}.chapter-drag-handle{border-radius:var(--radius-sm);color:var(--text-muted);cursor:grab;font-size:12px;letter-spacing:-2px;padding:2px 4px;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.chapter-drag-handle:hover{background-color:#fbbf2426;color:var(--chapter)}.chapter-drag-handle:active{cursor:grabbing}.chapter-marker.dragging{box-shadow:var(--shadow-lg)}.chapter-marker.dragging .chapter-content{background-color:#fbbf2433;border-color:var(--chapter)}.chapter-display{align-items:center;display:flex;gap:10px}.chapter-title{color:var(--chapter);font-family:var(--font-sans);font-size:14px;font-weight:600}.chapter-time{background-color:var(--bg-active);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);font-size:11px;padding:3px 8px;transition:all var(--transition-fast)}.chapter-time:hover{background-color:var(--btn-bg-hover);color:var(--text-primary)}.chapter-actions{display:flex;gap:2px;margin-left:4px;opacity:0;transition:opacity var(--transition-fast)}.chapter-content:hover .chapter-actions{opacity:1}.chapter-edit{align-items:center;display:flex;gap:6px}.chapter-input{background-color:var(--bg-elevated);border:1px solid var(--btn-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:13px;min-width:180px;outline:none;padding:5px 10px}.chapter-input:focus{border-color:var(--chapter);box-shadow:0 0 0 2px #fbbf2426}.chapter-marker-btn{align-items:center;background-color:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:12px;height:26px;justify-content:center;padding:0;transition:all var(--transition-fast);width:26px}.chapter-marker-btn:hover{background-color:var(--btn-bg-hover);transform:scale(1.05)}.chapter-marker-btn-save{background-color:var(--success);border-color:var(--success);color:var(--bg-deep);font-weight:700}.chapter-marker-btn-save:hover{background-color:var(--success-hover)}.chapter-marker-btn-cancel{background-color:var(--danger);border-color:var(--danger);color:#fff;font-weight:700}.chapter-marker-btn-cancel:hover{background-color:var(--danger-hover)}@media (max-width:768px){.chapter-marker{gap:10px}.chapter-line{display:none}.chapter-input{min-width:150px}}.chapter-drop-zone{border-radius:var(--radius-sm);margin:8px 0;min-height:4px;position:relative;transition:all .2s}.chapter-drop-zone.first{margin-top:0}.chapter-drop-zone.over{background-color:var(--chapter-bg);border:2px dashed var(--chapter);min-height:40px}.drop-indicator{align-items:center;display:flex;gap:12px;height:100%;justify-content:center;padding:8px}.drop-line{background:linear-gradient(to right,#0000,var(--chapter),#0000);flex:1 1;height:2px}.drop-label{color:var(--chapter);font-size:12px;font-weight:500;white-space:nowrap}.insertion-point{cursor:pointer;display:inline-block;height:1.2em;margin:0 1px;position:relative;transition:width .15s ease,background-color .15s ease;vertical-align:initial;width:4px}.insertion-point:hover{background-color:#3b82f64d;border-radius:3px;width:16px}.insertion-point.active,.insertion-point.active:before{background-color:#3b82f6;border-radius:1px;width:3px}.insertion-point.active:before{animation:blink 1s infinite;content:"";height:100%;left:0;position:absolute;top:0}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.insertion-marker{align-items:center;border-radius:12px;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:4px;margin:0 4px;padding:2px 8px;position:relative;transition:all .15s ease;vertical-align:middle;white-space:nowrap}.insertion-marker.video{background:linear-gradient(135deg,#3b82f6e6,#2563ebe6);border:1px solid #3b82f6cc;box-shadow:0 1px 3px #3b82f64d;color:#fff}.insertion-marker.video:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 6px #3b82f680;transform:translateY(-1px)}.insertion-marker.audio{background:linear-gradient(135deg,#8b5cf6e6,#7c3aede6);border:1px solid #8b5cf6cc;box-shadow:0 1px 3px #8b5cf64d;color:#fff}.insertion-marker.audio:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 6px #8b5cf680;transform:translateY(-1px)}.insertion-marker-icon{font-size:10px}.insertion-marker-label{max-width:80px;overflow:hidden;text-overflow:ellipsis}.insertion-marker-duration{background:#0003;border-radius:4px;font-family:monospace;font-family:var(--font-mono,monospace);font-size:10px;opacity:.9;padding:1px 4px}.insertion-marker-delete{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:none;font-size:12px;font-weight:700;height:14px;justify-content:center;line-height:1;margin-left:2px;padding:0;width:14px}.insertion-marker:hover .insertion-marker-delete{display:flex}.insertion-marker-delete:hover{background:#dc2626;transform:scale(1.1)}.insertion-marker-tooltip{background:#1e1e1e;background:var(--bg-elevated,#1e1e1e);border:1px solid #444;border:1px solid var(--border-medium,#444);border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 4px 16px #0006;left:50%;min-width:180px;padding:10px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:1000}.insertion-marker-tooltip:after{border:6px solid #0000;border-top:6px solid var(--bg-elevated,#1e1e1e);content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.tooltip-header{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--border-subtle,#333);display:flex;gap:6px;margin-bottom:8px;padding-bottom:6px}.tooltip-icon{font-size:14px}.tooltip-type{color:#fff;color:var(--text-primary,#fff);font-size:12px;font-weight:600}.tooltip-details{display:flex;flex-direction:column;gap:4px}.tooltip-row{display:flex;font-size:11px;justify-content:space-between}.tooltip-label{color:#666;color:var(--text-muted,#666)}.tooltip-value{color:#fff;color:var(--text-primary,#fff);font-weight:500}.tooltip-hint{border-top:1px solid #333;border-top:1px solid var(--border-subtle,#333);color:#666;color:var(--text-muted,#666);font-size:10px;font-style:italic;margin-top:8px;padding-top:6px;text-align:center}@media (max-width:600px){.insertion-marker-label{max-width:50px}}.utterance{border-radius:8px;display:flex;gap:16px;padding:12px 0;transition:background-color .15s ease}.utterance:hover{background:#ffffff05}.utterance.all-deleted{opacity:.6}.transcript-content.hide-deleted .utterance.all-deleted{display:none}.speaker-badge{flex-direction:column;gap:4px;min-width:48px;padding-top:2px}.speaker-avatar,.speaker-badge{align-items:center;display:flex}.speaker-avatar{border:2px solid;border-radius:50%;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.speaker-time{color:#71717a;font-family:JetBrains Mono,SF Mono,Monaco,Cascadia Code,monospace;font-size:10px}.utterance-body{flex:1 1;max-width:100%;min-width:0;overflow:hidden}.speaker-name{border-radius:4px;cursor:pointer;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.05em;margin:-2px -4px;padding:2px 4px;text-transform:uppercase;transition:background-color .15s ease}.speaker-name:hover{background:#ffffff14}.speaker-name.all-deleted{text-decoration:line-through;-webkit-text-decoration-color:#ef4444;text-decoration-color:#ef4444;-webkit-text-decoration-color:var(--cut,#ef4444);text-decoration-color:var(--cut,#ef4444);text-decoration-thickness:2px}.speaker-avatar.all-deleted{opacity:.5}.speaker-name-input{background:#0000004d;border:1px solid;border-radius:4px;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.05em;margin-bottom:4px;min-width:80px;outline:none;padding:2px 6px;text-transform:uppercase;width:auto}.utterance-text{word-wrap:normal;color:#fafafa;font-size:15px;line-height:1.9;margin:0;white-space:normal;word-break:keep-all}.utterance-text .word-token{border-radius:3px;cursor:pointer;display:inline;margin:0 -1px;padding:2px 3px;transition:background-color .1s ease}.utterance-text .word-token:hover{background:#ffffff14}.utterance-text .insertion-point{display:inline-block}.add-chapter-hint{align-items:center;display:flex;height:24px;justify-content:center;opacity:0;transition:opacity .2s ease}.add-chapter-hint:hover{opacity:1}.add-chapter-btn{align-items:center;background:#0000;border:1px dashed #ffffff1a;border-radius:8px;color:#71717a;cursor:pointer;display:flex;font-family:inherit;font-size:11px;gap:8px;padding:4px 12px;transition:all .15s ease}.add-chapter-btn:hover{background:#fbbf241a;border-color:#fbbf24;color:#fbbf24}.drop-zone{border-radius:2px;height:4px;margin:8px 0;transition:all .15s ease}.drop-zone.active{background:#fbbf24;box-shadow:0 0 12px #fbbf24}.transcript-editor{background-color:var(--bg-surface);box-sizing:border-box;display:flex;flex-direction:column;height:100%;max-width:100%;overflow:hidden;width:100%}.transcript-controls{align-items:center;background-color:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);display:flex;padding:8px 16px}.auto-scroll-toggle{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:12px;gap:8px;-webkit-user-select:none;user-select:none}.auto-scroll-toggle input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.transcript-content{background-color:var(--bg-surface);color:var(--text-primary);flex:1 1;font-family:var(--font-sans);font-size:15px;line-height:1.9;outline:none;overflow-x:hidden;overflow-y:auto;padding:20px 24px}.transcript-content.hide-deleted .insertion-point.after-deleted,.transcript-content.hide-deleted .word-token.deleted{display:none}.transcript-line{margin-bottom:10px}.blank-line{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;min-height:24px;padding:0 10px;transition:background-color var(--transition-fast)}.blank-line:hover{background-color:var(--accent-glow)}.blank-line .insertion-point{height:24px}.transcript-empty{align-items:center;color:var(--text-muted);display:flex;font-family:var(--font-sans);font-size:13px;height:100%;justify-content:center}.transcript-content::-webkit-scrollbar{width:10px}.transcript-content::-webkit-scrollbar-track{background:var(--bg-elevated)}.transcript-content::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px}.transcript-content::-webkit-scrollbar-thumb:hover{background:var(--btn-bg-hover)}.start-insertion-wrapper{margin-bottom:8px;padding-left:64px}.chapter-drag-preview{align-items:center;background-color:var(--chapter-bg);border:2px solid var(--chapter);border-radius:var(--radius-md);box-shadow:0 4px 16px #0000004d;color:var(--chapter);display:inline-flex;font-size:14px;font-weight:600;padding:8px 16px;pointer-events:none}.transcript-section{background-color:var(--bg-surface);box-sizing:border-box;display:flex;flex-direction:column;height:100%;max-width:100%;overflow:hidden;width:100%}.transcript-header{align-items:center;background-color:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);display:flex;font-weight:600;justify-content:space-between;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.transcript-header,.transcript-hint{font-family:var(--font-sans);font-size:11px}.transcript-hint{color:var(--text-muted);font-weight:400;text-transform:none}.transcript-hint kbd{background-color:var(--bg-active);border:1px solid var(--border-medium);border-radius:var(--radius-sm);display:inline-block;font-family:var(--font-mono);font-size:10px;margin:0 2px;padding:2px 5px}.transcript-section>div:last-child{flex:1 1;overflow:hidden}@media (max-width:768px){.transcript-hint{display:none}}.editor-layout .chapters-list{background-color:var(--bg-elevated);border-top:1px solid var(--border-subtle);display:flex;flex:1 1;flex-direction:column;min-height:120px}.editor-layout .chapters-header{align-items:center;background-color:var(--bg-active);border-bottom:1px solid var(--border-subtle);display:flex;flex-shrink:0;justify-content:space-between;padding:10px 14px}.editor-layout .chapters-title{color:var(--text-secondary);font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.editor-layout .chapters-count{background-color:var(--chapter-bg);border-radius:10px;color:var(--chapter);font-family:var(--font-mono);font-size:10px;font-weight:600;padding:2px 8px}.editor-layout .chapters-content{flex:1 1;overflow-y:auto;padding:6px}.editor-layout .chapters-empty{align-items:center;color:var(--text-muted);display:flex;font-family:var(--font-sans);font-size:12px;height:80px;justify-content:center;padding:16px;text-align:center}.editor-layout .chapter-item{align-items:flex-start;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:10px;margin-bottom:2px;padding:10px;transition:all var(--transition-fast)}.editor-layout .chapter-item:hover{background-color:var(--bg-hover)}.editor-layout .chapter-item.active{background-color:var(--chapter-bg);border-color:#fbbf244d}.editor-layout .chapter-number{align-items:center;background-color:var(--bg-surface);border-radius:50%;color:var(--text-muted);display:flex;flex-shrink:0;font-family:var(--font-mono);font-size:11px;font-weight:600;height:22px;justify-content:center;transition:all var(--transition-fast);width:22px}.editor-layout .chapter-item.active .chapter-number{background-color:var(--chapter);color:var(--bg-deep)}.editor-layout .chapter-info{display:flex;flex-direction:column;gap:3px;min-width:0}.editor-layout .chapter-item-title{color:var(--text-primary);font-family:var(--font-sans);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-layout .chapter-time-range{color:var(--text-muted);font-family:var(--font-mono);font-size:10px}.editor-layout .chapter-item.active .chapter-time-range{color:var(--chapter)}.editor-layout .chapters-content::-webkit-scrollbar{width:6px}.editor-layout .chapters-content::-webkit-scrollbar-track{background:#0000}.editor-layout .chapters-content::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.editor-layout .chapters-content::-webkit-scrollbar-thumb:hover{background:var(--btn-bg-hover)}.editor-layout .waveform-peaks-container{background:var(--bg-surface);box-sizing:border-box;display:flex;flex-direction:column;height:100%;max-width:100%;overflow:hidden;position:relative}.editor-layout .waveform-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#141414d9;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:20px;position:absolute;text-align:center;top:0;width:100%;z-index:50}.editor-layout .waveform-spinner{animation:spin 1s ease-in-out infinite;border:4px solid #fff3;border-radius:50%;border-top:4px solid var(--accent,#4a90e2);height:48px;margin-bottom:20px;width:48px}.editor-layout .waveform-loading-phase{color:#ffffffb3;font-family:monospace;font-family:var(--font-mono,monospace);font-size:14px;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.editor-layout .waveform-loading-text{color:#fff;font-family:sans-serif;font-family:var(--font-sans,sans-serif);font-size:20px;font-weight:600;letter-spacing:.5px}.editor-layout .waveform-zoomview{background:var(--bg-surface);flex:1 1;min-height:120px;position:relative;width:100%}.editor-layout .peaks-playhead{background:var(--chapter)!important;width:2px!important}.editor-layout .zoom-btn{align-items:center;background:var(--bg-active);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:16px;font-weight:500;height:28px;justify-content:center;padding:0;transition:all var(--transition-fast);width:28px}.editor-layout .zoom-btn:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.editor-layout .zoom-btn:disabled{cursor:not-allowed;opacity:.4}.editor-layout .waveform-error,.editor-layout .waveform-loading{align-items:center;background:var(--bg-surface);color:var(--text-muted);display:flex;font-family:var(--font-sans);height:120px;justify-content:center;width:100%}.editor-layout .waveform-error{color:var(--cut)}.editor-layout .waveform-header{align-items:center;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);box-sizing:border-box;display:flex;flex-shrink:0;justify-content:space-between;max-width:100%;padding:8px 12px;width:100%}.editor-layout .waveform-header-left{align-items:center;display:flex;gap:10px;min-width:220px}.editor-layout .waveform-play-btn{align-items:center;background-color:var(--accent);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.editor-layout .waveform-play-btn:hover:not(:disabled){background-color:var(--accent-hover);transform:scale(1.05)}.editor-layout .waveform-play-btn:disabled{cursor:not-allowed;opacity:.4}.editor-layout .waveform-time{color:var(--text-primary);font-family:var(--font-mono);font-size:13px;font-weight:600}.editor-layout .waveform-duration{color:var(--text-muted);font-weight:400}.editor-layout .waveform-header-center{align-items:center;display:flex;flex:1 1;gap:8px;justify-content:center}.editor-layout .waveform-header-right{align-items:center;display:flex;flex-shrink:0;gap:6px;justify-content:flex-end;min-width:80px}.editor-layout .waveform-status{color:var(--text-muted);font-family:var(--font-mono);font-size:12px}.editor-layout .cut-status{color:var(--chapter);font-family:var(--font-sans);font-size:12px;font-weight:600}.editor-layout .cut-status.ready{color:var(--success)}.editor-layout .custom-cut-count{color:var(--silence);font-size:12px;font-weight:500}.editor-layout .custom-cut-indicator{background-color:var(--cut-bg);border:1px solid #ef44444d;border-radius:var(--radius-sm);color:var(--cut);font-family:var(--font-sans);font-size:12px;font-weight:600;padding:4px 10px}.editor-layout .waveform-control-btn{align-items:center;background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all var(--transition-fast)}.editor-layout .waveform-control-btn .btn-icon{font-size:14px}.editor-layout .waveform-control-btn .btn-text{font-weight:600}.editor-layout .waveform-control-btn .btn-key{background:var(--bg-deep);border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-mono);font-size:10px;margin-left:2px;padding:2px 5px}.editor-layout .waveform-control-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.editor-layout .waveform-control-btn:hover:not(:disabled) .btn-key{color:var(--text-secondary)}.editor-layout .waveform-control-btn:active:not(:disabled){background:var(--bg-active)}.editor-layout .waveform-control-btn:disabled{cursor:not-allowed;opacity:.4}.editor-layout .waveform-control-btn.cut-btn.active{background:var(--chapter-bg);border-color:var(--chapter);color:var(--chapter)}.editor-layout .waveform-control-btn.cut-btn.active .btn-key{background:#fbbf2433;color:var(--chapter)}.editor-layout .waveform-control-btn.delete-btn:not(:disabled){background:var(--cut-bg);border-color:#ef44444d;color:var(--cut)}.editor-layout .waveform-control-btn.delete-btn:not(:disabled) .btn-key{background:#ef444433;color:var(--cut)}.editor-layout .waveform-control-btn.delete-btn:hover:not(:disabled){background:#ef444440;border-color:var(--cut)}.editor-layout .waveform-zoomview canvas{height:100%!important;width:100%!important}.editor-layout .waveform-stage{flex:1 1;min-height:120px;position:relative;width:100%}.editor-layout .waveform-markers-overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:20}.editor-layout .waveform-words-container{background-color:#0000004d;border-bottom:1px solid var(--border-subtle);box-sizing:border-box;font-family:var(--font-mono);height:28px;overflow:hidden;position:relative;width:100%}.editor-layout .waveform-word{border-radius:2px;box-sizing:border-box;color:var(--text-muted);cursor:pointer;font-size:11px;overflow:hidden;padding:0 2px;position:absolute;text-align:center;text-overflow:ellipsis;top:50%;transform:translateY(-50%);transition:all .1s;white-space:nowrap;z-index:10}.editor-layout .waveform-word:hover{background-color:var(--bg-hover);color:var(--text-secondary);z-index:20}.editor-layout .waveform-word.ellipsis{background:#0000;color:var(--text-muted);cursor:default}.editor-layout .waveform-cuts-container{background-color:var(--bg-surface);border-top:1px solid var(--border-subtle);box-sizing:border-box;height:24px;overflow:hidden;position:relative;width:100%}.editor-layout .waveform-cut-marker{align-items:center;background-color:var(--cut-bg);border-left:1px solid var(--cut);border-right:1px solid var(--cut);display:flex;height:100%;justify-content:center;position:absolute;top:0;z-index:15}.editor-layout .cut-delete-btn{align-items:center;background-color:var(--cut);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:10px;height:16px;justify-content:center;line-height:1;opacity:.9;padding:0;transition:all .2s;width:16px}.editor-layout .cut-delete-btn:hover{box-shadow:0 0 4px var(--cut);transform:scale(1.1)}.editor-layout .waveform-controls{background:var(--bg-surface);border-top:1px solid var(--border-subtle);box-sizing:border-box;display:flex;gap:8px;justify-content:flex-end;padding:8px}.editor-layout .waveform-cuts-overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:25}.editor-layout .waveform-cut-region{background-color:#ef444459;border-left:2px solid var(--cut);border-right:2px solid var(--cut);height:100%;min-width:8px;position:absolute;top:0}.editor-layout .cut-undo-btn,.editor-layout .waveform-cut-region{align-items:center;cursor:pointer;display:flex;justify-content:center;pointer-events:auto}.editor-layout .cut-undo-btn{background-color:var(--cut);border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 2px 6px #0006;color:#fff;font-size:16px;font-weight:700;height:24px;line-height:1;opacity:0;padding:0;transition:all var(--transition-fast);width:24px}.editor-layout .waveform-cut-region:hover .cut-undo-btn{opacity:1}.editor-layout .cut-undo-btn:hover{background-color:#dc2626;box-shadow:0 0 10px var(--cut),0 2px 8px #00000080;transform:scale(1.15)}.editor-layout .waveform-cut-region.cut-mode-active{border-color:var(--chapter);cursor:crosshair;pointer-events:auto!important}.editor-layout .waveform-cut-region.cut-mode-active .cut-undo-btn{display:none}.editor-layout .cut-edge-handle{cursor:col-resize;height:100%;opacity:0;pointer-events:auto;position:absolute;top:0;transition:opacity .15s;width:16px;z-index:2}.editor-layout .cut-edge-handle:after{background:#fff;border-radius:2px;bottom:20%;box-shadow:0 0 4px #00000080;content:"";position:absolute;top:20%;width:3px}.editor-layout .cut-edge-left{left:-8px}.editor-layout .cut-edge-left:after{left:6px}.editor-layout .cut-edge-right{right:-8px}.editor-layout .cut-edge-right:after{right:6px}.editor-layout .waveform-cut-region:hover .cut-edge-handle{opacity:1}body.edge-dragging{user-select:none;-webkit-user-select:none}body.edge-dragging .cut-edge-handle{opacity:1}.editor-layout .waveform-cut-region.cut-mode-active .cut-edge-handle{display:none}.editor-layout .edge-drag-preview{background:repeating-linear-gradient(-45deg,#dc262673,#dc262673 4px,#b4b4b44d 0,#b4b4b44d 8px);border-left:2px solid #fffc;border-right:2px solid #fffc;height:100%;pointer-events:none;position:absolute;top:0;z-index:40}.editor-layout .insertion-stack-overlay{height:24px;left:0;pointer-events:none;position:absolute;right:0;top:-24px;z-index:30}.editor-layout .insertion-stack-badge{align-items:center;background:#000000d9;border:1px solid #ffffff26;border-radius:6px;box-shadow:0 2px 8px #0000004d;cursor:pointer;display:flex;gap:2px;padding:3px 8px;pointer-events:auto;position:absolute;transform:translateX(-50%)}.editor-layout .insertion-stack-badge:hover{background:#000000f2;border-color:#ffffff40}.editor-layout .stack-icon{font-size:14px;line-height:1}.editor-layout .stack-icon.video{filter:drop-shadow(0 0 3px rgba(16,185,129,.8))}.editor-layout .stack-icon.audio{filter:drop-shadow(0 0 3px rgba(245,158,11,.8))}.speaker-track{height:100%;min-height:32px;position:relative;transition:border-color .15s,opacity .15s;width:100%}.speaker-track-muted{opacity:.4}.speaker-track-canvas{cursor:pointer;display:block;height:40px;width:100%}.speaker-track-canvas:hover{filter:brightness(1.15)}.speaker-track-segments{bottom:0;left:0;position:absolute;right:0;top:0}.speaker-segment{border-radius:3px;bottom:6px;cursor:pointer;opacity:.7;overflow:hidden;position:absolute;top:6px;transition:opacity .15s,transform .15s}.speaker-segment:hover{opacity:1;transform:scaleY(1.1);z-index:1}.segment-waveform{background:#ffffff80;height:2px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.speaker-track-empty{align-items:center;color:#666;color:var(--text-muted,#666);display:flex;font-size:11px;font-style:italic;height:100%;justify-content:center}.speaker-track-time{background:#00000080;background:var(--bg-elevated,#00000080);border-radius:3px;color:#666;color:var(--text-muted,#666);font-family:monospace;font-size:10px;padding:2px 6px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.speaker-track-drag-over{background:#4a9eff14;border:2px dashed #4a9eff;border:2px dashed var(--color-primary,#4a9eff);border-radius:4px}.speaker-track[draggable=true]{cursor:grab}.speaker-track[draggable=true]:active{cursor:grabbing;opacity:.6}.main-track-indicators{left:0;right:0;z-index:5}.main-track-indicators,.track-indicator{bottom:0;pointer-events:none;position:absolute;top:0}.track-indicator.gap{background:#18181b;background:var(--bg-elevated,#18181b);border-left:2px dashed;border-right:2px dashed}.track-indicator.gap.video{border-color:#10b981;border-color:var(--insertion-video,#10b981)}.track-indicator.gap.audio{border-color:#f59e0b;border-color:var(--insertion-audio,#f59e0b)}.track-indicator.gap .gap-pattern{background-image:repeating-linear-gradient(-45deg,#0000,#0000 3px,#ffffff0d 0,#ffffff0d 6px);inset:0;position:absolute}.track-indicator.gap.video .gap-pattern{background-image:repeating-linear-gradient(-45deg,#0000,#0000 3px,#10b9811a 0,#10b9811a 6px)}.track-indicator.gap.audio .gap-pattern{background-image:repeating-linear-gradient(-45deg,#0000,#0000 3px,#f59e0b1a 0,#f59e0b1a 6px)}.track-indicator.overlay{border:2px solid}.track-indicator.overlay.video{background:#10b98159;background:var(--replacement-video-overlay,#10b98159);border-color:#10b981;border-color:var(--insertion-video,#10b981)}.track-indicator.overlay.audio{background:#f59e0b59;background:var(--replacement-audio-overlay,#f59e0b59);border-color:#f59e0b;border-color:var(--insertion-audio,#f59e0b)}@keyframes pulse-overlay{0%,to{opacity:1}50%{opacity:.8}}.track-indicator.overlay{animation:pulse-overlay 2s ease-in-out infinite}.timeline-ruler{background:#18181b;background:var(--bg-elevated,#18181b);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-medium,#ffffff1a);overflow:hidden;position:-webkit-sticky;position:sticky;top:0;-webkit-user-select:none;user-select:none;z-index:10}.timeline-ruler-tick{bottom:0;position:absolute;top:0}.timeline-ruler-tick.major{border-left:1px solid #ffffff26;border-left:1px solid var(--border-strong,#ffffff26)}.timeline-ruler-tick.minor{border-left:1px solid #ffffff0f;border-left:1px solid var(--border-subtle,#ffffff0f);bottom:auto;bottom:0;height:8px;top:auto}.timeline-ruler-label{color:#52525b;color:var(--text-muted,#52525b);font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:9px;left:4px;pointer-events:none;position:absolute;top:3px;white-space:nowrap}.timeline-ruler-chapter{border-bottom:6px solid #fbbf24;border-bottom:6px solid var(--chapter,#fbbf24);border-left:5px solid #0000;border-right:5px solid #0000;bottom:2px;cursor:pointer;height:0;position:absolute;transform:translateX(-5px);width:0;z-index:2}.timeline-ruler-chapter:hover{border-bottom-color:#fcd34d;transform:translateX(-5px) scale(1.2)}.layout-track{align-items:stretch;display:flex;height:100%;min-height:48px;position:relative}.layout-track-region{align-items:center;background:#f472b61a;border:1px solid #f472b640;border-radius:4px;color:#fafafa;color:var(--text-primary,#fafafa);display:flex;flex:1 1;font-size:11px;font-weight:600;gap:6px;margin:4px 2px;padding:0 10px;transition:background .1s ease;transition:background var(--transition-fast,.1s ease)}.layout-track-region:hover{background:#f472b626}.layout-track-icon{font-size:14px;opacity:.7}.layout-track-label{flex:1 1;letter-spacing:.05em;text-transform:uppercase}.layout-track-gear{background:none;border:none;border-radius:3px;color:#52525b;color:var(--text-muted,#52525b);cursor:not-allowed;font-size:14px;opacity:.5;padding:2px}.layout-track-gear:not(:disabled){cursor:pointer;opacity:.8}.layout-track-gear:not(:disabled):hover{background:#ffffff14;background:var(--bg-hover,#ffffff14);color:#fafafa;color:var(--text-primary,#fafafa);opacity:1}.main-slot-track{cursor:crosshair;height:100%;min-height:48px;position:relative}.main-slot-waveform-canvas{display:block;left:0;pointer-events:none;position:absolute;top:4px;z-index:0}.main-slot-segment{align-items:center;border-radius:4px;bottom:4px;display:flex;overflow:hidden;padding:0 8px;pointer-events:none;position:absolute;top:4px;transition:opacity .1s ease;transition:opacity var(--transition-fast,.1s ease)}.main-slot-segment.source{background:#0000;border:1px solid #3b82f633}.main-slot-segment.insert-mode{background:#f472b640;border-left:1px solid #f472b680;border-right:1px solid #f472b680;border-color:#f472b680 #f472b6;border-style:solid;border-width:1px 3px}.main-slot-segment.replace-all{background:#a855f740;border:1px solid #a855f780}.main-slot-segment.replace-video{background:#14b8a640;border:1px solid #14b8a680}.main-slot-segment-label{color:#fafafa;color:var(--text-primary,#fafafa);font-size:10px;font-weight:600;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.main-slot-segment.source .main-slot-segment-label{color:#3b82f6;color:var(--daw-video-accent,#3b82f6)}.main-slot-segment.insert-mode .main-slot-segment-label{color:#f472b6;color:var(--daw-composition-accent,#f472b6)}.main-slot-segment.replace-all .main-slot-segment-label{color:#a855f7}.main-slot-segment.replace-video .main-slot-segment-label{color:#14b8a6}.main-slot-mode-badge{font-size:8px;font-weight:700;letter-spacing:.05em;margin-left:4px;opacity:.7;text-transform:uppercase;white-space:nowrap}.main-slot-segment.insert-mode .main-slot-mode-badge{color:#f472b6;color:var(--daw-composition-accent,#f472b6)}.main-slot-segment.replace-all .main-slot-mode-badge{color:#a855f7}.main-slot-segment.replace-video .main-slot-mode-badge{color:#14b8a6}.main-slot-hover-line{background:#ffffff4d;bottom:0;pointer-events:none;position:absolute;top:0;width:1px;z-index:10}.main-slot-segment.cut-region{background:repeating-linear-gradient(-45deg,#ffffff0a,#ffffff0a 4px,#ffffff1f 0,#ffffff1f 8px);border:1px dashed #fff3;cursor:not-allowed;pointer-events:auto;z-index:5}.main-slot-drop-indicator{background:#00d4ff;bottom:0;pointer-events:none;position:absolute;top:0;width:2px;z-index:15}.insert-block{align-items:center;border-radius:4px;bottom:4px;cursor:grab;display:flex;overflow:hidden;position:absolute;top:4px;touch-action:none;transition:box-shadow .1s ease;transition:box-shadow var(--transition-fast,.1s ease);-webkit-user-select:none;user-select:none}.insert-block.video{background:#10b9811f;background:var(--insertion-video-bg,#10b9811f);border:1px solid #10b981;border:1px solid var(--insertion-video,#10b981)}.insert-block.audio{background:#f59e0b1f;background:var(--insertion-audio-bg,#f59e0b1f);border:1px solid #f59e0b;border:1px solid var(--insertion-audio,#f59e0b)}.insert-block:hover{z-index:5}.insert-block.video:hover{box-shadow:0 0 8px #10b98140;box-shadow:0 0 8px var(--insertion-video-glow,#10b98140)}.insert-block.audio:hover{box-shadow:0 0 8px #f59e0b40;box-shadow:0 0 8px var(--insertion-audio-glow,#f59e0b40)}.insert-block.selected{z-index:6}.insert-block.selected.video{border-color:#34d399;box-shadow:0 0 0 2px #34d3994d,0 0 12px #10b9814d;box-shadow:0 0 0 2px #34d3994d,0 0 12px var(--insertion-video-glow,#10b9814d)}.insert-block.selected.audio{border-color:#fbbf24;box-shadow:0 0 0 2px #fbbf244d,0 0 12px #f59e0b4d;box-shadow:0 0 0 2px #fbbf244d,0 0 12px var(--insertion-audio-glow,#f59e0b4d)}.insert-block.dragging{cursor:grabbing}.insert-block.dragging.video{background:#10b98114;border-color:#10b98180}.insert-block.dragging.audio{background:#f59e0b14;border-color:#f59e0b80}.insert-block.dragging .insert-block-content,.insert-block.dragging .insert-block-delete,.insert-block.dragging .insert-block-mode-badge{opacity:.5}.insert-block-trim-handle{bottom:0;cursor:ew-resize;opacity:0;position:absolute;top:0;transition:opacity .1s ease,background .1s ease;transition:opacity var(--transition-fast,.1s ease),background var(--transition-fast,.1s ease);width:6px;z-index:2}.insert-block.selected .insert-block-trim-handle,.insert-block:hover .insert-block-trim-handle{opacity:1}.insert-block-trim-handle.left{border-radius:4px 0 0 4px;left:0}.insert-block-trim-handle.right{border-radius:0 4px 4px 0;right:0}.insert-block.video .insert-block-trim-handle:hover{background:#10b98166}.insert-block.audio .insert-block-trim-handle:hover{background:#f59e0b66}.insert-block-content{align-items:center;display:flex;flex:1 1;gap:4px;min-width:0;padding:0 8px;pointer-events:none}.insert-block-icon{flex-shrink:0;font-size:12px}.insert-block-label{color:#fafafa;color:var(--text-primary,#fafafa);font-size:10px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insert-block-duration{color:#52525b;color:var(--text-muted,#52525b);flex-shrink:0;font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:9px}.insert-block-mode-badge{border-radius:2px;bottom:2px;font-size:8px;letter-spacing:.05em;opacity:0;padding:1px 4px;pointer-events:none;position:absolute;right:10px;text-transform:uppercase;transition:opacity .1s ease;transition:opacity var(--transition-fast,.1s ease)}.insert-block.selected .insert-block-mode-badge,.insert-block:hover .insert-block-mode-badge{opacity:1}.insert-block.video .insert-block-mode-badge{background:#10b98133;color:#10b981;color:var(--insertion-video,#10b981)}.insert-block.audio .insert-block-mode-badge{background:#f59e0b33;color:#f59e0b;color:var(--insertion-audio,#f59e0b)}.insert-block-delete{align-items:center;background:#ef4444cc;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:16px;justify-content:center;line-height:1;opacity:0;position:absolute;right:2px;top:2px;transition:opacity .1s ease;transition:opacity var(--transition-fast,.1s ease);width:16px;z-index:3}.insert-block:hover .insert-block-delete{opacity:1}.insert-block-delete:hover{background:#ef4444;transform:scale(1.1)}.insert-popover{background:#18181b;background:var(--bg-elevated,#18181b);border:1px solid #ffffff1a;border:1px solid var(--border-medium,#ffffff1a);border-radius:8px;box-shadow:0 12px 40px #0009;display:flex;flex-direction:column;font-family:Outfit,sans-serif;font-family:var(--font-sans,"Outfit",sans-serif);gap:8px;padding:10px;position:fixed;width:280px;z-index:9999}.insert-popover-header{align-items:center;display:flex;gap:6px}.insert-popover-type-badge{border-radius:3px;flex-shrink:0;font-size:9px;font-weight:700;letter-spacing:.06em;padding:2px 6px;text-transform:uppercase}.insert-popover-type-badge.video{background:#10b98133;color:#10b981}.insert-popover-type-badge.audio{background:#f59e0b33;color:#f59e0b}.insert-popover-label-input{background:#27272b;background:var(--bg-active,#27272b);border:1px solid #ffffff0f;border:1px solid var(--border-subtle,#ffffff0f);border-radius:4px;color:#fafafa;color:var(--text-primary,#fafafa);flex:1 1;font-size:12px;font-weight:600;min-width:0;outline:none;padding:3px 6px}.insert-popover-label-input:focus{border-color:#a78bfa;border-color:var(--accent,#a78bfa)}.insert-popover-close{background:none;border:none;color:#52525b;color:var(--text-muted,#52525b);cursor:pointer;font-size:16px;line-height:1;padding:0 4px}.insert-popover-close:hover{color:#fafafa;color:var(--text-primary,#fafafa)}.insert-popover-section{display:flex;flex-direction:column;gap:4px}.insert-popover-section-title{color:#52525b;color:var(--text-muted,#52525b);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.insert-popover-value{color:#a1a1aa;color:var(--text-secondary,#a1a1aa);font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:12px}.insert-popover-trim-info{color:#52525b;color:var(--text-muted,#52525b);font-size:10px}.insert-popover-mode-buttons{display:flex;gap:4px}.insert-popover-mode-btn{background:#111113;background:var(--bg-surface,#111113);border:1px solid #ffffff0f;border:1px solid var(--border-subtle,#ffffff0f);border-radius:4px;color:#a1a1aa;color:var(--text-secondary,#a1a1aa);cursor:pointer;flex:1 1;font-size:10px;font-weight:600;padding:4px 6px;transition:all .1s ease;transition:all var(--transition-fast,.1s ease)}.insert-popover-mode-btn:hover{background:#1f1f23;background:var(--bg-hover,#1f1f23);color:#fafafa;color:var(--text-primary,#fafafa)}.insert-popover-mode-btn.active{background:#a78bfa;background:var(--accent,#a78bfa);border-color:#a78bfa;border-color:var(--accent,#a78bfa);color:#fff}.insert-popover-toggle-row{display:flex;gap:12px}.insert-popover-toggle{align-items:center;color:#a1a1aa;color:var(--text-secondary,#a1a1aa);cursor:pointer;display:flex;font-size:11px;gap:4px}.insert-popover-toggle input[type=checkbox]{accent-color:#a78bfa;accent-color:var(--accent,#a78bfa)}.insert-popover-actions{border-top:1px solid #ffffff0f;border-top:1px solid var(--border-subtle,#ffffff0f);display:flex;gap:6px;justify-content:flex-end;padding-top:4px}.insert-popover-settings{background:#111113;background:var(--bg-surface,#111113);border:1px solid #ffffff1a;border:1px solid var(--border-medium,#ffffff1a);border-radius:4px;color:#a1a1aa;color:var(--text-secondary,#a1a1aa);cursor:pointer;font-size:13px;margin-right:auto;padding:4px 10px;transition:all .1s ease;transition:all var(--transition-fast,.1s ease)}.insert-popover-settings:hover{background:#1f1f23;background:var(--bg-hover,#1f1f23);border-color:#a78bfa;border-color:var(--accent,#a78bfa);color:#fafafa;color:var(--text-primary,#fafafa)}.insert-popover-delete{background:#ef44441a;border:1px solid #ef4444;border:1px solid var(--danger,#ef4444);border-radius:4px;color:#ef4444;color:var(--danger,#ef4444);cursor:pointer;font-size:10px;font-weight:600;padding:4px 10px;transition:all .1s ease;transition:all var(--transition-fast,.1s ease)}.insert-popover-delete:hover{background:#ef4444;background:var(--danger,#ef4444);color:#fff}.daw-timeline{--daw-label-width:175px;--daw-group-header-height:28px;--daw-track-height:48px;--daw-composition-accent:#f472b6;--daw-video-accent:#3b82f6;--daw-audio-accent:#22c55e;background:#111113;background:var(--bg-surface,#111113);border:1px solid #ffffff0f;border:1px solid var(--border-subtle,#ffffff0f);border-radius:8px;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.daw-transport-bar{align-items:center;background:#18181b;background:var(--bg-elevated,#18181b);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle,#ffffff0f);display:flex;flex-shrink:0;gap:12px;justify-content:space-between;min-height:36px;padding:6px 12px}.daw-transport-left{align-items:center;display:flex;gap:10px;min-width:180px}.daw-transport-play-btn{align-items:center;background-color:#a78bfa;background-color:var(--accent,#a78bfa);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;height:30px;justify-content:center;transition:all .1s ease;width:30px}.daw-transport-play-btn:hover:not(:disabled){background-color:#8b5cf6;background-color:var(--accent-hover,#8b5cf6);transform:scale(1.05)}.daw-transport-play-btn:disabled{cursor:not-allowed;opacity:.4}.daw-transport-time{color:#fafafa;color:var(--text-primary,#fafafa);font-family:monospace;font-family:var(--font-mono,monospace);font-size:13px;font-weight:600}.daw-transport-duration{color:#52525b;color:var(--text-muted,#52525b);font-weight:400}.daw-transport-error{color:#ef4444;color:var(--cut,#ef4444);font-family:monospace;font-family:var(--font-mono,monospace);font-size:11px}.daw-transport-center{align-items:center;display:flex;flex:1 1;gap:8px;justify-content:center}.daw-transport-cut-status{color:#fbbf24;color:var(--chapter,#fbbf24);font-size:11px;font-weight:600}.daw-transport-cut-status.ready{color:#22c55e;color:var(--success,#22c55e)}.daw-transport-cuts-badge{background-color:#ef44441a;background-color:var(--cut-bg,#ef44441a);border:1px solid #ef44444d;border-radius:4px;border-radius:var(--radius-sm,4px);color:#ef4444;color:var(--cut,#ef4444);font-size:11px;font-weight:600;padding:3px 8px}.daw-transport-btn{align-items:center;background:#111113;background:var(--bg-surface,#111113);border:1px solid #ffffff1a;border:1px solid var(--border-medium,#ffffff1a);border-radius:6px;border-radius:var(--radius-md,6px);color:#a1a1aa;color:var(--text-secondary,#a1a1aa);cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:5px;padding:4px 10px;transition:all .1s ease}.daw-transport-btn .btn-icon{font-size:13px}.daw-transport-btn .btn-text{font-weight:600}.daw-transport-btn kbd{background:#09090b;background:var(--bg-deep,#09090b);border-radius:3px;color:#52525b;color:var(--text-muted,#52525b);font-family:monospace;font-family:var(--font-mono,monospace);font-size:9px;padding:1px 4px}.daw-transport-btn:hover:not(:disabled){background:#ffffff0f;background:var(--bg-hover,#ffffff0f);border-color:#ffffff26;border-color:var(--border-strong,#ffffff26);color:#fafafa;color:var(--text-primary,#fafafa)}.daw-transport-btn:disabled{cursor:not-allowed;opacity:.4}.daw-transport-btn.cut.active{background:#fbbf241a;background:var(--chapter-bg,#fbbf241a);border-color:#fbbf24;border-color:var(--chapter,#fbbf24);color:#fbbf24;color:var(--chapter,#fbbf24)}.daw-transport-btn.delete:not(:disabled){background:#ef44441a;background:var(--cut-bg,#ef44441a);border-color:#ef44444d;color:#ef4444;color:var(--cut,#ef4444)}.daw-transport-btn.delete:hover:not(:disabled){background:#ef444440;border-color:#ef4444;border-color:var(--cut,#ef4444)}.daw-transport-right{align-items:center;display:flex;flex-shrink:0;gap:4px}.daw-transport-zoom-btn{align-items:center;background:#27272b;background:var(--bg-active,#27272b);border:1px solid #ffffff1a;border:1px solid var(--border-medium,#ffffff1a);border-radius:4px;border-radius:var(--radius-sm,4px);color:#a1a1aa;color:var(--text-secondary,#a1a1aa);cursor:pointer;display:flex;font-size:15px;font-weight:500;height:26px;justify-content:center;padding:0;transition:all .1s ease;width:26px}.daw-transport-zoom-btn:hover:not(:disabled){background:#ffffff0f;background:var(--bg-hover,#ffffff0f);color:#fafafa;color:var(--text-primary,#fafafa)}.daw-transport-zoom-btn:disabled{cursor:not-allowed;opacity:.4}.daw-tracks-scrollable{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;position:relative}.daw-row{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle,#ffffff0f);display:flex}.daw-row-label{background:#18181b;background:var(--bg-elevated,#18181b);border-right:1px solid #ffffff0f;border-right:1px solid var(--border-subtle,#ffffff0f);box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;gap:2px;justify-content:center;min-width:var(--daw-label-width);padding:4px 8px 4px 16px;width:var(--daw-label-width)}.daw-row-content{flex:1 1;min-height:var(--daw-track-height);min-width:0;position:relative}.daw-row-ruler .daw-row-label{min-height:24px;padding:0}.daw-row-ruler .daw-row-content{min-height:24px}.daw-row-source .daw-row-content{min-height:auto}.daw-row-group-header{cursor:pointer}.daw-row-group-header .daw-group-header{width:100%}.daw-group-header{align-items:center;color:#a1a1aa;color:var(--text-secondary,#a1a1aa);cursor:pointer;display:flex;font-size:10px;font-weight:700;gap:6px;height:var(--daw-group-header-height);letter-spacing:.06em;padding:0 8px;text-transform:uppercase;transition:background .1s ease;transition:background var(--transition-fast,.1s ease);-webkit-user-select:none;user-select:none}.daw-group-header:hover{background:#1f1f23;background:var(--bg-hover,#1f1f23)}.daw-group-header-accent{border-radius:2px;flex-shrink:0;height:16px;width:3px}.daw-group-header-accent.composition{background:var(--daw-composition-accent)}.daw-group-header-accent.video{background:var(--daw-video-accent)}.daw-group-header-accent.audio{background:var(--daw-audio-accent)}.daw-group-collapse-icon{flex-shrink:0;font-size:8px;text-align:center;transition:transform .1s ease;transition:transform var(--transition-fast,.1s ease);width:12px}.daw-group-header-label{flex:1 1;min-width:0}.daw-track-label-name-row{align-items:center;display:flex;gap:5px;min-width:0;width:100%}.daw-track-label-icon{border-radius:50%;flex-shrink:0;height:8px;width:8px}.daw-track-label-name{color:#fafafa;color:var(--text-primary,#fafafa);font-size:11px;font-weight:600;letter-spacing:.03em;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.daw-track-label-name.editable{cursor:pointer}.daw-track-label-name.editable:hover{text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted}.daw-track-label-name-input{background:#27272b;background:var(--bg-active,#27272b);border:1px solid #a78bfa;border:1px solid var(--accent,#a78bfa);border-radius:3px;color:#fafafa;color:var(--text-primary,#fafafa);font-size:11px;font-weight:600;letter-spacing:.03em;max-width:100%;outline:none;padding:1px 3px;text-transform:uppercase;width:100%}.daw-row-label .speaker-mixer-controls{align-items:center;display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.mixer-btn{align-items:center;background:#0000;border:1px solid #ffffff26;border:1px solid var(--border-subtle,#ffffff26);border-radius:3px;color:#666;color:var(--text-muted,#666);cursor:pointer;display:flex;font-size:10px;height:20px;justify-content:center;line-height:1;padding:0;transition:background .15s,color .15s;width:20px}.mixer-btn:hover{background:#ffffff14;background:var(--bg-hover,#ffffff14);color:#fafafa;color:var(--text-primary,#fafafa)}.mixer-btn.active{background:#4a9eff;background:var(--color-primary,#4a9eff);border-color:#4a9eff;border-color:var(--color-primary,#4a9eff);color:#fff}.mixer-mute{font-size:11px}.mixer-solo{font-size:10px;font-weight:700}.mixer-volume{accent-color:#4a9eff;accent-color:var(--color-primary,#4a9eff);cursor:pointer;height:14px;width:48px}.mixer-enhancement{background:#18181b;background:var(--bg-elevated,#18181b);border:1px solid #ffffff26;border:1px solid var(--border-subtle,#ffffff26);border-radius:3px;color:#a1a1aa;color:var(--text-secondary,#a1a1aa);cursor:pointer;font-size:9px;max-width:90px;padding:1px 2px}.mixer-enhancement:focus{outline:1px solid #4a9eff;outline:1px solid var(--color-primary,#4a9eff)}.daw-playhead{bottom:0;pointer-events:none;width:2px;z-index:20}.daw-playhead,.daw-playhead:before{background:#ff6b35;position:absolute;top:0}.daw-playhead:before{-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%);content:"";height:8px;left:-5px;width:12px}.daw-drag-snap-line{background:#fff;bottom:0;box-shadow:0 0 8px #fff9;pointer-events:none;position:absolute;top:0;width:2px;z-index:18}.daw-row-source .main-track-indicators{bottom:0;left:0;position:absolute;right:0;top:28px;z-index:5}.daw-insert-track{min-height:var(--daw-track-height);position:relative}.daw-insert-track-empty{align-items:center;color:#52525b;color:var(--text-muted,#52525b);cursor:pointer;display:flex;font-size:10px;font-style:italic;height:100%;justify-content:center;min-height:var(--daw-track-height)}.daw-insert-track-empty:hover{background:#ffffff08;background:var(--bg-hover,#ffffff08);color:#a1a1aa;color:var(--text-secondary,#a1a1aa)}.daw-drop-indicator{background:#00d4ff;bottom:0;pointer-events:none;position:absolute;top:0;width:2px;z-index:15}.break-point-popover{background:#18181b;background:var(--bg-elevated,#18181b);border:1px solid #ffffff1f;border:1px solid var(--border-subtle,#ffffff1f);border-radius:8px;box-shadow:0 8px 24px #00000080;display:flex;flex-direction:column;gap:4px;min-width:140px;padding:6px;position:fixed;z-index:1000}.break-point-popover-btn{align-items:center;background:#0000;border:none;border-radius:5px;color:#fafafa;color:var(--text-primary,#fafafa);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:7px 12px;transition:background .1s ease;white-space:nowrap}.break-point-popover-btn.video:hover{background:#10b98126;color:#10b981}.break-point-popover-btn.audio:hover{background:#f59e0b26;color:#f59e0b}@media (max-width:768px){.daw-timeline{--daw-label-width:100px}.daw-track-label-name{font-size:10px}.daw-row-label .speaker-mixer-controls{display:none}}.media-library-wrapper{display:flex;height:100%;position:relative}.media-library-wrapper.overlay{position:relative}.media-library-wrapper.overlay .media-library-panel{bottom:0;box-shadow:4px 0 20px #0006;left:0;position:absolute;top:0;width:220px;z-index:30}.media-library-wrapper.overlay .media-library-transcript{flex:1 1;height:100%;min-width:0}.media-library-wrapper.pinned .media-library-panel{border-right:1px solid #ffffff0f;border-right:1px solid var(--border-subtle,#ffffff0f);flex-shrink:0;width:220px}.media-library-wrapper.pinned .media-library-transcript{flex:1 1;height:100%;min-width:0}.media-library-panel{background:#18181b;background:var(--bg-elevated,#18181b);display:flex;flex-direction:column;overflow:hidden}.media-library-header{align-items:center;border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle,#ffffff0f);display:flex;justify-content:space-between;padding:8px 10px}.media-library-title{color:#fafafa;color:var(--text-primary,#fafafa);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.media-library-header-actions{align-items:center;display:flex;gap:4px}.media-library-close-btn,.media-library-pin-btn{background:none;border:none;border-radius:3px;color:#52525b;color:var(--text-muted,#52525b);cursor:pointer;font-size:14px;line-height:1;padding:2px 4px}.media-library-close-btn:hover,.media-library-pin-btn:hover{background:#ffffff14;background:var(--bg-hover,#ffffff14);color:#fafafa;color:var(--text-primary,#fafafa)}.media-library-pin-btn.active{color:#a78bfa;color:var(--accent,#a78bfa)}.media-library-tabs{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border-subtle,#ffffff0f);display:flex}.media-library-tab{background:none;border:none;border-bottom:2px solid #0000;color:#52525b;color:var(--text-muted,#52525b);cursor:pointer;flex:1 1;font-size:9px;font-weight:600;letter-spacing:.04em;padding:6px 4px;text-transform:uppercase;transition:all .1s ease;transition:all var(--transition-fast,.1s ease)}.media-library-tab:hover{color:#a1a1aa;color:var(--text-secondary,#a1a1aa)}.media-library-tab.active{border-bottom-color:#a78bfa;border-bottom-color:var(--accent,#a78bfa);color:#fafafa;color:var(--text-primary,#fafafa)}.media-library-items{flex:1 1;overflow-y:auto;padding:4px 0}.media-library-empty,.media-library-loading{color:#52525b;color:var(--text-muted,#52525b);font-size:11px;padding:20px 10px;text-align:center}.media-library-section{padding:4px 0}.media-library-section-title{color:#52525b;color:var(--text-muted,#52525b);font-size:9px;font-weight:700;letter-spacing:.06em;padding:4px 10px;text-transform:uppercase}.media-library-item{align-items:center;cursor:grab;display:flex;gap:8px;padding:6px 10px;transition:background .1s ease;transition:background var(--transition-fast,.1s ease);-webkit-user-select:none;user-select:none}.media-library-item:hover{background:#ffffff0d;background:var(--bg-hover,#ffffff0d)}.media-library-item:active{cursor:grabbing}.media-library-item-thumb{align-items:center;background:#27272b;background:var(--bg-active,#27272b);border-radius:3px;display:flex;flex-shrink:0;height:28px;justify-content:center;overflow:hidden;width:36px}.media-library-item-thumb img{height:100%;object-fit:cover;width:100%}.media-library-item-type-icon{font-size:14px}.media-library-item-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.media-library-item-name{color:#fafafa;color:var(--text-primary,#fafafa);font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-library-item-meta{align-items:center;color:#52525b;color:var(--text-muted,#52525b);display:flex;font-size:9px;gap:6px}.media-library-item-badge{border-radius:2px;font-size:8px;font-weight:700;letter-spacing:.04em;padding:1px 4px;text-transform:uppercase}.media-library-item-badge.video{background:#10b98126;color:#10b981}.media-library-item-badge.audio{background:#f59e0b26;color:#f59e0b}.media-library-item-badge.clip{background:#a855f726;color:#a855f7}.media-library-item-badge.image{background:#6366f126;color:#6366f1}.media-library-item-status{color:#52525b;color:var(--text-muted,#52525b);font-style:italic}.media-library-item-insert-btn{align-items:center;background:#0000;border:1px solid #ffffff1f;border:1px solid var(--border-subtle,#ffffff1f);border-radius:4px;color:#52525b;color:var(--text-muted,#52525b);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:22px;justify-content:center;line-height:1;opacity:0;transition:opacity .1s ease,background .1s ease,color .1s ease;width:22px}.media-library-item:hover .media-library-item-insert-btn{opacity:1}.media-library-item-insert-btn:hover{background:#a78bfa;background:var(--accent,#a78bfa);border-color:#a78bfa;border-color:var(--accent,#a78bfa);color:#fff}.editor-tab{min-height:600px;width:100%}.editor-tab-error,.editor-tab-initializing,.editor-tab-loading,.editor-tab-no-session,.editor-tab-no-video,.editor-tab-processing{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px;text-align:center}.loading-spinner{border-top:4px solid var(--bg-tertiary);border:4px solid var(--bg-tertiary);border-radius:50%;border-top-color:var(--color-primary);height:50px;margin-bottom:20px;width:50px}.loading-spinner,.spinner-small{animation:spin 1s linear infinite}.spinner-small{border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:8px;vertical-align:middle;width:16px}.editor-tab-no-video{background:var(--bg-secondary);border-radius:8px}.no-video-message{max-width:500px}.no-video-message h3{color:var(--text-primary);font-size:24px;margin-bottom:16px}.no-video-message p{color:var(--text-secondary);line-height:1.6;margin-bottom:12px}.no-video-message .note{color:var(--text-muted);font-size:14px;font-style:italic;margin-top:20px}.go-to-media-btn{background:var(--color-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:24px;padding:12px 24px;transition:background .2s}.go-to-media-btn:hover{background:var(--color-primary-hover)}.go-to-media-btn:active{background:#2868a8}.editor-tab-no-session{background:var(--bg-secondary);border-radius:8px}.no-session-container{max-width:600px}.no-session-container h3{color:var(--text-primary);font-size:28px;margin-bottom:12px}.intro-text{color:var(--text-secondary);font-size:16px;margin-bottom:24px}.analysis-info{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;margin-bottom:24px;padding:20px 24px;text-align:left}.analysis-info h4{color:var(--text-primary);font-size:15px;margin-bottom:12px}.analysis-info ul{list-style:none;margin:0 0 16px;padding:0}.analysis-info li{color:var(--text-secondary);font-size:14px;padding:8px 0}.analysis-info li strong{color:var(--text-primary)}.time-estimate{border-top:1px solid var(--border-color);color:var(--text-muted);font-size:14px;margin:0;padding-top:12px}.analysis-options{display:flex;flex-wrap:wrap;gap:16px 24px;margin-bottom:16px}.model-selection{align-items:center;display:flex;gap:10px}.model-selection label{color:var(--text-secondary);font-size:14px;font-weight:500}.model-selection select{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:8px 12px}.model-selection select:disabled{cursor:not-allowed;opacity:.6}.start-analysis-btn{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;justify-content:center;padding:14px 32px;transition:transform .2s,box-shadow .2s,background .2s}.start-analysis-btn:hover:not(:disabled){box-shadow:0 4px 12px #4a90e266;transform:translateY(-2px)}.start-analysis-btn:active:not(:disabled){background:#2868a8;transform:translateY(0)}.start-analysis-btn:disabled{cursor:not-allowed;opacity:.7}.error-message{background:#fff5f5;border:1px solid #fed7d7;border-radius:6px;color:#c53030;margin-top:16px;max-width:400px;padding:12px 16px}.failed-sessions{background:#fff8f0;border:1px solid #ffd9b3;border-radius:8px;margin-top:32px;padding:16px;text-align:left;width:100%}.failed-sessions h4{color:#b45309;font-size:14px;margin-bottom:12px}.failed-session-item{align-items:center;border-bottom:1px solid bisque;display:flex;justify-content:space-between;padding:8px 0}.failed-session-item:last-child{border-bottom:none}.failed-session-item span{color:#92400e;font-size:13px}.delete-session-btn{background:#0000;border:1px solid var(--color-warning);border-radius:4px;color:#b45309;color:var(--color-warning-text,#b45309);cursor:pointer;font-size:12px;padding:4px 10px;transition:background .2s}.delete-session-btn:hover{background:var(--color-warning-light)}.editor-tab-processing{background:#f0f7ff;border-radius:8px}.processing-container{max-width:500px}.processing-container h3{color:#1e40af;font-size:24px;margin-bottom:8px}.processing-container>p{color:#3b82f6;font-size:14px;margin-bottom:24px}.progress-section{margin-bottom:24px;width:100%}.progress-item{margin-bottom:20px}.progress-item .progress-label{color:#1e40af;display:block;font-size:14px;font-weight:500;margin-bottom:8px;text-align:left}.progress-bar{background:#dbeafe;border-radius:12px;height:24px;margin-bottom:4px;width:100%}.progress-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-hover));border-radius:12px}.progress-bar-indeterminate{animation:indeterminate 1.5s linear infinite;background:linear-gradient(90deg,#3b82f6,#60a5fa,#3b82f6);background-size:200% 100%;border-radius:12px;height:100%;width:30%}@keyframes indeterminate{0%{transform:translateX(-100%)}to{transform:translateX(400%)}}.progress-status{color:#3b82f6;font-size:13px;font-weight:500;text-align:right}.processing-note{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:20px}.cancel-btn{background:#0000;border:1px solid #93c5fd;border-radius:4px;color:#3b82f6;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .2s}.cancel-btn:hover{background:#eff6ff}.editor-tab-error{background:#fff3f3;border-radius:8px}.error-container{max-width:500px}.error-container h3{color:#d32f2f;font-size:24px;margin-bottom:16px}.error-detail{background:var(--bg-surface);border:1px solid #fecaca;border-radius:6px;color:#b91c1c;font-size:14px;margin-bottom:24px;padding:12px 16px}.error-actions{display:flex;gap:12px;justify-content:center}.delete-btn{background:#0000;border:1px solid #fca5a5;border:1px solid var(--color-danger-border,#fca5a5);border-radius:4px;color:var(--color-danger);cursor:pointer;font-size:14px;padding:10px 20px;transition:background .2s}.delete-btn:hover{background:var(--color-danger-light)}.retry-btn{background:var(--color-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .2s}.retry-btn:hover{background:var(--color-primary-hover)}.retry-btn:active{background:#2868a8}.retry-btn:disabled{cursor:not-allowed;opacity:.7}.editor-loading,.editor-not-ready,.editor-processing{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px;text-align:center}.editor-processing h3{color:var(--text-primary);font-size:24px;margin-bottom:16px}.processing-progress{margin:30px 0;max-width:500px;width:100%}.phase-display{background:#f0f7ff;border-radius:8px;margin-bottom:20px;padding:16px 20px;text-align:center}.phase-display .phase-label{color:#1e40af;display:block;font-size:18px;font-weight:600;margin-bottom:8px}.phase-display .phase-detail{color:#3b82f6;display:block;font-size:14px;font-weight:400}.editor-error{background:#fff3f3;border-radius:8px;padding:40px;text-align:center}.editor-error h3{color:#d32f2f;margin-bottom:16px}.editor-error p{color:var(--text-secondary);margin-bottom:20px}.editor-error button{background:var(--color-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.editor-error button:hover{background:var(--color-primary-hover)}.debug-info{color:var(--text-muted);font-family:monospace;font-size:12px;margin-top:8px}@media (max-width:640px){.editor-tab-error,.editor-tab-loading,.editor-tab-no-session,.editor-tab-no-video,.editor-tab-processing{padding:24px 16px}.error-container,.no-session-container,.no-video-message,.processing-container{padding:0 8px}.analysis-info{padding:16px}.error-actions{flex-direction:column;width:100%}.error-actions button{width:100%}.failed-session-item{align-items:flex-start;flex-direction:column;gap:8px}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.job-center{position:relative}.job-center-button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:1.2rem;padding:.5rem;position:relative;transition:opacity .2s}.job-center-button:hover{opacity:.8}.job-center-button.has-active{animation:pulse 2s infinite}.job-count-badge{align-items:center;background:#e74c3c;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:18px;justify-content:center;position:absolute;right:0;top:0;width:18px}.job-center-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.job-center-dropdown{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#333;max-height:500px;overflow-y:auto;position:absolute;right:0;top:calc(100% + .5rem);width:400px;z-index:1000}.job-center-header{align-items:center;background:#fff;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:1}.job-center-header h3{font-size:1.1rem;font-weight:600;margin:0}.status-indicator{border-radius:12px;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.status-indicator.connected{background:#d4edda;color:#155724}.status-indicator.disconnected{background:#f8d7da;color:#721c24}.no-jobs{color:#6c757d;font-size:.9rem;padding:2rem;text-align:center}.job-list{padding:.5rem}.job-item{border-left:3px solid #0000;border-radius:6px;cursor:pointer;margin-bottom:.5rem;padding:.75rem;transition:background .2s}.job-item:hover{background:#f8f9fa}.job-item-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.job-item-header i{font-size:1rem;text-align:center;width:20px}.job-type{flex:1 1;font-size:.9rem;font-weight:500}.job-time{color:#6c757d;font-size:.75rem}.phase-info{background:#f0f7ff;border-radius:6px;padding:.5rem}.phase-info .phase-label{color:#1e40af;font-size:.85rem;font-weight:500}.phase-info .phase-detail{color:#3b82f6;font-size:.8rem;margin-top:.25rem}.progress-bar{background:#e9ecef;border-radius:10px;height:20px;overflow:hidden;position:relative}.progress-fill{background:linear-gradient(90deg,#4caf50,#66bb6a);height:100%;transition:width .3s ease}.progress-text{color:#333;font-size:.75rem;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.job-error{background:#fee;border-radius:4px;color:#e74c3c;font-size:.85rem;margin-top:.5rem;padding:.5rem}.status-queued{border-left-color:#f39c12}.status-queued .job-item-header i{color:#f39c12}.status-processing{border-left-color:#3498db}.status-processing .job-item-header i{color:#3498db}.status-completed{border-left-color:#2ecc71}.status-completed .job-item-header i{color:#2ecc71}.status-failed{border-left-color:#e74c3c}.status-failed .job-item-header i{color:#e74c3c}.status-cancelled{border-left-color:#95a5a6}.status-cancelled .job-item-header i{color:#95a5a6}.job-name{color:#666;font-weight:400}.cancel-button{background:#0000;border:none;border-radius:4px;color:#95a5a6;cursor:pointer;margin-left:auto;padding:.25rem;transition:all .2s}.cancel-button:hover{background:#fee;color:#e74c3c}.cancel-button:disabled{cursor:not-allowed;opacity:.5}.job-cancelled{color:#95a5a6;font-size:.85rem;font-style:italic;margin-top:.5rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width:768px){.job-center-dropdown{right:-20px;width:90vw}}.site-footer{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#0a0a0af2,#141414e6 50%,#0f0f0ff2);border-top:1px solid #ffffff14;box-shadow:0 -4px 30px #0000004d,inset 0 1px 0 #ffffff0d;color:#a1a1aa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-top:auto}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr;margin:0 auto;max-width:1200px;padding:48px 24px}.site-footer.public .footer-content{grid-template-columns:2fr 1fr 1fr 1fr}.site-footer.app .footer-content{align-items:center;display:flex;gap:24px;justify-content:center;padding:24px}.footer-brand h3{color:#fafafa;font-size:1.25rem;font-weight:700;letter-spacing:-.025em;margin:0 0 12px}.footer-tagline{font-size:.875rem;line-height:1.5;margin:0 0 24px;max-width:300px}.footer-column h4{color:#e4e4e7;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 16px;text-transform:uppercase}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:12px}.footer-links a{color:#a1a1aa;font-size:.875rem;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff14;font-size:.875rem;padding:24px;text-align:center}.copyright{color:#a1a1aa;margin:0}.site-footer.app .copyright{font-size:.75rem}@media (max-width:768px){.site-footer.public .footer-content{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1;margin-bottom:12px}}@media (max-width:480px){.site-footer.public .footer-content{grid-template-columns:1fr;text-align:center}.footer-tagline{margin:0 auto 24px}}.password-setup-form{width:100%}.password-setup-form .form-group{margin-bottom:1.25rem;text-align:left}.password-setup-form label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem}.password-setup-form input{border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;font-size:1rem;padding:.75rem;width:100%}.password-setup-form input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a;outline:none}.password-setup-form input.disabled-input{background-color:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:4rem}.password-input-wrapper .toggle-password{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-size:.875rem;padding:.25rem .5rem;position:absolute;right:.75rem}.password-input-wrapper .toggle-password:hover{color:var(--text-primary)}.password-requirements{background-color:var(--bg-secondary);border-radius:4px;margin-bottom:1.25rem;padding:1rem;text-align:left}.password-requirements .requirements-title{color:var(--text-secondary);font-size:.875rem;margin:0 0 .5rem}.password-requirements ul{list-style:none;margin:0;padding-left:1.25rem}.password-requirements li{color:var(--text-secondary);font-size:.875rem;margin-bottom:.25rem;padding-left:1.5rem;position:relative}.password-requirements li:before{color:var(--bg-disabled);content:"○";left:0;position:absolute}.password-requirements li.met{color:#28a745}.password-requirements li.met:before{color:#28a745;content:"✓"}.password-setup-form .error-box{background-color:#fff3f3;border:1px solid #fcc;border-radius:4px;color:#c00;font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem}.password-setup-form .button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;padding:.875rem 1.5rem;transition:background-color .2s ease;width:100%}.password-setup-form .button.primary{background-color:#ee1a30;color:#fff}.password-setup-form .button.primary:hover:not(:disabled){background-color:#cc1628}.password-setup-form .button:disabled{cursor:not-allowed;opacity:.6}.invitation-container{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:2rem}.invitation-card{background-color:var(--bg-surface);border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:500px;padding:2rem 3rem;text-align:center;width:100%}.invitation-card h1{font-size:2rem;margin-top:0}.invitation-card .show-title{color:var(--text-primary);font-size:1.5rem;margin:.5rem 0}.invitation-card hr{border:0;border-top:1px solid var(--border-color);margin:1.5rem 0}.invitation-card .button{background-color:var(--bg-tertiary);border:none;border-radius:5px;color:var(--text-primary);cursor:pointer;display:inline-block;font-size:1rem;padding:12px 24px;text-decoration:none;transition:background-color .2s ease}.invitation-card .button.primary{background-color:#007bff;color:#fff}.invitation-card .button:disabled{cursor:not-allowed;opacity:.6}.invitation-card .error-box{background-color:#fff3f3;border:1px solid #fcc;border-radius:5px;color:#c00;margin-top:1rem;padding:1rem}.welcome-card{max-width:520px}.welcome-card .success-icon{align-items:center;background-color:#28a745;border-radius:50%;color:#fff;display:flex;font-size:2rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.welcome-card .plan-badge{background-color:#ee1a30;border-radius:20px;color:#fff;display:inline-block;font-weight:500;margin:.5rem 0 1rem;padding:.5rem 1rem}.welcome-card .loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--bg-tertiary);border-radius:50%;border-top:3px solid #ee1a30;height:40px;margin:1.5rem auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.invitation-card .invitation-type{background-color:var(--bg-tertiary);border-radius:12px;color:var(--text-secondary);display:inline-block;font-size:.875rem;margin-bottom:.5rem;padding:.25rem .75rem}.invitation-card .episode-title{color:var(--text-secondary);font-size:1rem;margin:.25rem 0}.invitation-card .button.primary{background-color:#ee1a30}.invitation-card .button.primary:hover:not(:disabled){background-color:#cc1628}
/*# sourceMappingURL=main.196f722b.css.map*/