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-2xl:24px;--color-success:#27ae60;--color-warning:#f39c12;--color-danger:#e74c3c;--header-bg:linear-gradient(135deg,#ee1a30,#000);--header-text:#fff;--header-tab-bg:#34495e;--header-tab-active:#00000080;--status-planning:#7f8c8d;--status-recorded:#4a90e2;--status-published:#27ae60;--card-border:#e8e8e8;--card-accent:#4a90e2;--text-primary:#2c3e50;--text-secondary:#7f8c8d;--mobile-gap:8px;--mobile-border-radius:5px;--mobile-touch-target:5px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 2px 4px #0000001a;--breakpoint-tablet:768px;--breakpoint-desktop:1024px}.App h3{color:#424242;font-size:1.25rem!important;margin-bottom:1rem;margin-top:0}.App{background:#eee;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,SF Pro Display,Roboto,sans-serif;min-height:100vh;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);box-shadow:0 2px 4px #0000001a;color:#fff;color:var(--header-text);min-height:auto;overflow:visible;padding:0;position:relative}.App-header:before{animation:float 20s ease-in-out infinite;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;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}.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:1200px;padding:20px;width:100%}.App>footer{background-color:#2c3e50;color:#fff;margin-top:auto;padding:1rem;text-align:center}.loading{color:#666;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;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 20px #00000040;color:#333;min-width:260px;opacity:0;padding:16px;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;color:#555;font-size:14px;margin-bottom:8px;padding:8px 4px;word-break:break-all}.logout-btn{background:#f5f5f5;border:none;border-radius:4px;color:#e53935;cursor:pointer;font-size:14px;justify-content:center;padding:8px;text-align:center;transition:background-color .2s;width:100%}.logout-btn:hover{background:#e5e5e5}.billing-link{background:#f5f5f5;border-radius:4px;color:#333;cursor:pointer;display:block;font-size:14px;margin-bottom:8px;padding:8px;text-align:center;text-decoration:none;transition:background-color .2s;width:100%}.billing-link:hover{background:#e5e5e5}@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}}.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:5px;min-height:var(--mobile-touch-target);min-width:5px;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:#d32f2f;font-size:2rem;margin-bottom:1rem}.access-denied p{color:#666;font-size:1.1rem;margin-bottom:2rem}.access-denied .back-link{background:#1976d2;border-radius:4px;color:#fff;display:inline-block;padding:.75rem 1.5rem;text-decoration:none}.access-denied .back-link:hover{background:#1565c0}.user-info-header{border-bottom:1px solid #e0e0e0;display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem;padding-bottom:.5rem}.user-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.user-badge.owner{background:#e3f2fd;color:#1976d2}.user-badge.guest{background:#f3e5f5;color:#7b1fa2}.btn{border:2px solid #0000;border-radius:8px;border-radius:var(--btn-border-radius,8px);font-size:var(--btn-font-size,14px);font-weight:var(--btn-font-weight,600);gap:8px;min-height:44px;min-height:var(--btn-height,44px);padding:10px 18px;padding:var(--btn-padding-y,10px) var(--btn-padding-x,18px)}.btn:focus{outline:2px solid #5b6ad0;outline:2px solid var(--color-primary,#5b6ad0);outline-offset:2px}.btn-primary{background:#5b6ad0;background:var(--color-primary,#5b6ad0);border-color:#5b6ad0;border-color:var(--color-primary,#5b6ad0)}.btn-primary:hover:not(:disabled){background:#4a59b9;background:var(--color-primary-hover,#4a59b9);border-color:#4a59b9;border-color:var(--color-primary-hover,#4a59b9)}.btn-primary:active:not(:disabled){background:#3d4a9e;background:var(--color-primary-active,#3d4a9e);border-color:#3d4a9e;border-color:var(--color-primary-active,#3d4a9e)}.btn-secondary-ai{background:#fff;background-clip:padding-box,border-box;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#8b5cf6,#3b82f6);background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,var(--color-ai-start,#8b5cf6),var(--color-ai-end,#3b82f6));background-origin:border-box;border:2px solid #0000;color:#7c3aed}.btn-secondary-ai:hover:not(:disabled){background-image:linear-gradient(#f5f3ff,#f5f3ff),linear-gradient(135deg,#8b5cf6,#3b82f6);background-image:linear-gradient(#f5f3ff,#f5f3ff),linear-gradient(135deg,var(--color-ai-start,#8b5cf6),var(--color-ai-end,#3b82f6))}.btn-secondary-ai:active:not(:disabled){background-image:linear-gradient(#ede9fe,#ede9fe),linear-gradient(135deg,#8b5cf6,#3b82f6);background-image:linear-gradient(#ede9fe,#ede9fe),linear-gradient(135deg,var(--color-ai-start,#8b5cf6),var(--color-ai-end,#3b82f6))}.btn-secondary-ai:focus{outline-color:#8b5cf6}.btn-tertiary{background:#0000;border:none;color:#5b6ad0;color:var(--color-primary,#5b6ad0);min-height:auto;padding:8px 4px;text-decoration:underline;text-underline-offset:2px}.btn-tertiary:hover:not(:disabled){color:#4a59b9;color:var(--color-primary-hover,#4a59b9)}.btn-tertiary:focus{outline-offset:4px}.btn-outline{background:#fff;border:1px solid #d1d5db;border:1px solid var(--card-border,#d1d5db);color:#1f2937;color:var(--text-primary,#1f2937)}.btn-outline:hover:not(:disabled){background:#f9fafb;border-color:#5b6ad0;border-color:var(--color-primary,#5b6ad0);color:#5b6ad0;color:var(--color-primary,#5b6ad0)}.btn-success{background:#22c55e;background:var(--color-success,#22c55e);border-color:#22c55e;border-color:var(--color-success,#22c55e)}.btn-success:hover:not(:disabled){border-color:#16a34a}.btn-danger{background:#ef4444;background:var(--color-danger,#ef4444);border-color:#ef4444;border-color:var(--color-danger,#ef4444)}.btn-danger:hover:not(:disabled){border-color:#dc2626}.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)}.status-check{align-items:center;background:#ecfdf5;background:var(--color-success-light,#ecfdf5);border:2px solid #a7f3d0;border:2px solid var(--color-success-border,#a7f3d0);border-radius:50%;color:#22c55e;color:var(--color-success,#22c55e);display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:32px;justify-content:center;width:32px}@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}}.chapter-marker{align-items:center;display:flex;gap:15px;margin:25px 0;padding:15px 0}.chapter-line{background:linear-gradient(90deg,#0000,#4a4a4a,#0000);flex:1 1;height:2px}.chapter-content{align-items:center;border:1px solid #3a3a3a;border-radius:8px;display:flex;gap:10px;padding:8px 15px}.chapter-icon{font-size:20px}.chapter-display{align-items:center;display:flex;gap:12px}.chapter-title{color:#4a9eff}.chapter-time{background-color:#1a1a1a;border-radius:4px;color:#999;cursor:pointer;font-size:12px;padding:2px 8px;transition:background-color .2s}.chapter-time:hover{background-color:#3a3a3a;color:#fff}.chapter-actions{display:flex;gap:4px;margin-left:8px}.chapter-edit{align-items:center;display:flex;gap:8px}.chapter-input{background-color:#1a1a1a;border:1px solid #4a4a4a;border-radius:4px;color:#e0e0e0;font-size:14px;min-width:200px;outline:none;padding:6px 10px}.chapter-input:focus{border-color:#4a9eff}.chapter-btn{align-items:center;background-color:#3a3a3a;border:1px solid #4a4a4a;border-radius:4px;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:4px 8px;transition:all .2s}.chapter-btn:hover{background-color:#4a4a4a}.chapter-btn-save{background-color:#4ade80;border-color:#4ade80;color:#1a1a1a;font-weight:700}.chapter-btn-save:hover{background-color:#3ace70}.chapter-btn-cancel{background-color:#f55;border-color:#f55;color:#fff;font-weight:700}.chapter-btn-cancel:hover{background-color:#f33}@media (max-width:768px){.chapter-marker{gap:10px}.chapter-line{display:none}.chapter-input{min-width:150px}}.editor-layout{background-color:#1a1a1a;display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100%}.editor-content{background-color:#0a0a0a;display:flex;flex:1 1;gap:1px;overflow:hidden}.editor-left-panel{background-color:#1a1a1a;display:flex;flex-direction:column;gap:1px;min-width:400px;width:50%}.editor-right-panel{background-color:#1a1a1a;flex:1 1;overflow:hidden}@media (max-width:1200px){.editor-content{flex-direction:column}.editor-left-panel{height:50%;width:100%}.editor-right-panel{height:50%}}@media (max-width:768px){.editor-left-panel{min-width:100%}}.insertion-point{cursor:pointer;display:inline-block;height:20px;position:relative;width:10px}.insertion-point:before{color:#0000;content:"|";font-size:1.2em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:color .2s ease-in-out}.insertion-point:hover:before{color:#007bff}.insertion-point.active{background-color:#007bff1a;border-radius:2px}.insertion-point.active:before{animation:blink 1s infinite;color:#007bff;font-weight:700}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.toolbar{align-items:center;background-color:#2a2a2a;border-bottom:1px solid #3a3a3a;display:flex;gap:20px;justify-content:space-between;padding:12px 20px}.toolbar-left{gap:15px}.toolbar-title{color:#fff;font-size:18px;font-weight:600;margin:0}.toolbar-stats{background-color:#1a1a1a;border-radius:4px;color:#999;font-size:13px;padding:4px 10px}.toolbar-center{display:flex;flex:1 1;justify-content:center}.toolbar-right{gap:10px}.toolbar-btn{background-color:#3a3a3a;border:1px solid #4a4a4a;border-radius:6px;color:#e0e0e0;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s;white-space:nowrap}.toolbar-btn:hover:not(:disabled){background-color:#4a4a4a;border-color:#5a5a5a}.toolbar-btn:active:not(:disabled){transform:translateY(1px)}.toolbar-btn:disabled{cursor:not-allowed;opacity:.4}.toolbar-btn-primary{background-color:#4a7eff;border-color:#4a7eff;color:#fff}.toolbar-btn-primary:hover:not(:disabled){background-color:#3a6eef;border-color:#3a6eef}.toolbar-btn-warning{background-color:#f59e0b;border-color:#f59e0b;color:#fff}.toolbar-btn-warning:hover:not(:disabled){background-color:#d97706;border-color:#d97706}.toolbar-btn-success{background-color:#4ade80;border-color:#4ade80;color:#1a1a1a}.toolbar-btn-success:hover:not(:disabled){background-color:#3ace70;border-color:#3ace70}.chapter-input-inline{align-items:center;background-color:#3a3a3a;border-radius:6px;display:flex;gap:8px;padding:6px 12px}.chapter-input-inline input{background-color:#2a2a2a;border:1px solid #4a4a4a;border-radius:4px;color:#e0e0e0;font-size:14px;min-width:200px;outline:none;padding:6px 10px}.chapter-input-inline input:focus{border-color:#4a7eff}.chapter-input-inline button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;padding:6px 12px;transition:all .2s}.btn-save{background-color:#4ade80;color:#1a1a1a}.btn-save:hover{background-color:#3ace70}.btn-cancel{background-color:#f55;color:#fff}.btn-cancel:hover{background-color:#f33}.export-dropdown{position:relative}.export-menu{background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;box-shadow:0 4px 12px #0000004d;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.export-menu button{background-color:initial;border:none;border-bottom:1px solid #3a3a3a;color:#e0e0e0;cursor:pointer;display:block;font-size:14px;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}.export-menu button:last-child{border-bottom:none}.export-menu button:hover{background-color:#3a3a3a}.export-modal-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.export-modal{background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:12px;box-shadow:0 8px 32px #00000080;max-width:500px;min-width:400px;padding:30px}.export-modal h3{color:#fff;font-size:20px;margin:0 0 20px;text-align:center}.export-progress-bar{background-color:#1a1a1a;border-radius:12px;height:24px;margin-bottom:15px;overflow:hidden;width:100%}.export-progress-fill{background:linear-gradient(90deg,#4a7eff,#3ace70);border-radius:12px;height:100%;transition:width .3s ease}.export-progress-text{color:#e0e0e0;font-size:14px;margin:10px 0;text-align:center}.export-warning{color:#999;font-size:12px;font-style:italic;margin:15px 0 0;text-align:center}@media (max-width:768px){.toolbar{flex-wrap:wrap;padding:10px 15px}.toolbar-center{flex-basis:100%;margin-top:10px;order:3}.toolbar-btn{font-size:13px;padding:6px 12px}.export-modal{min-width:300px;padding:20px}}.transcript-editor{background-color:#1a1a1a;display:flex;flex-direction:column;height:100%}.transcript-controls{align-items:center;background-color:#2a2a2a;border-bottom:1px solid #3a3a3a;display:flex;padding:8px 15px}.auto-scroll-toggle{align-items:center;color:#ccc;cursor:pointer;display:flex;font-size:13px;gap:8px;-webkit-user-select:none;user-select:none}.auto-scroll-toggle input[type=checkbox]{cursor:pointer}.transcript-content{color:#e0e0e0;flex:1 1;font-size:16px;line-height:1.8;outline:none;overflow-y:auto;padding:20px}.transcript-content.hide-deleted .insertion-point.after-deleted,.transcript-content.hide-deleted .word-token.deleted{display:none}.transcript-line{margin-bottom:8px}.blank-line{align-items:center;cursor:pointer;display:flex;min-height:24px;padding:0 10px;transition:background-color .2s ease}.blank-line:hover{background-color:#4a9eff1a}.blank-line .insertion-point{align-items:center;display:flex;height:24px;justify-content:flex-start;width:100%}.transcript-empty{align-items:center;color:#666;display:flex;font-size:14px;height:100%;justify-content:center}.transcript-content::-webkit-scrollbar{width:10px}.transcript-content::-webkit-scrollbar-track{background:#1a1a1a}.transcript-content::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:5px}.transcript-content::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.transcript-section{background-color:#1a1a1a;display:flex;flex-direction:column;height:100%}.transcript-header{align-items:center;background-color:#2a2a2a;border-bottom:1px solid #3a3a3a;color:#999;display:flex;font-size:12px;font-weight:600;justify-content:space-between;letter-spacing:.5px;padding:8px 15px;text-transform:uppercase}.transcript-hint{color:#666;font-size:11px;font-weight:400;text-transform:none}.transcript-section>div:last-child{flex:1 1;overflow:hidden}@media (max-width:768px){.transcript-hint{display:none}}.video-player{background-color:#0a0a0a;flex:0.6 1;flex-direction:column;min-height:0}.video-container{align-items:center;background-color:#000;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.video-element{height:100%;max-height:100%;max-width:100%;object-fit:contain;width:100%}.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 .3s;width:100%}.video-overlay:hover{background-color:#0003}.play-button-overlay{align-items:center;background-color:#4a9effe6;border-radius:50%;color:#fff;display:flex;font-size:32px;height:80px;justify-content:center;transition:all .3s;width:80px}.play-button-overlay:hover{background-color:#4a9eff;transform:scale(1.1)}.video-controls{background-color:#1a1a1a;border-top:1px solid #2a2a2a;padding:10px 15px}.video-timeline{background-color:#3a3a3a;border-radius:3px;cursor:pointer;height:6px;margin-bottom:12px;overflow:hidden;position:relative}.video-timeline:hover{height:8px}.timeline-progress{background-color:#4a9eff;border-radius:3px;height:100%;left:0;position:absolute;top:0;transition:width .1s linear}.timeline-deleted{background-color:#f556;height:100%;pointer-events:none;position:absolute;top:0}.video-controls-row{align-items:center;display:flex;gap:15px;justify-content:space-between}.controls-left,.controls-right{align-items:center;display:flex;gap:10px}.control-btn{background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:4px;color:#e0e0e0;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s;white-space:nowrap}.control-btn:hover{background-color:#3a3a3a;border-color:#4a4a4a}.control-btn:active{transform:translateY(1px)}.time-display{font-feature-settings:"tnum";align-items:center;color:#e0e0e0;display:flex;font-size:13px;font-variant-numeric:tabular-nums;gap:4px;min-width:100px}.time-separator{color:#666}.active-time-display{background-color:#4ade801a;border-radius:4px;color:#4ade80;font-size:12px;padding:2px 8px}.playback-speed{align-items:center;display:flex}.speed-select{background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:4px;color:#e0e0e0;cursor:pointer;font-size:13px;outline:none;padding:4px 8px}.speed-select:hover{background-color:#3a3a3a}.volume-control{align-items:center;display:flex;gap:8px}.volume-slider{-webkit-appearance:none;background:#3a3a3a;border-radius:2px;cursor:pointer;height:4px;outline:none;width:80px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4a9eff;border-radius:50%;cursor:pointer;height:12px;width:12px}.volume-slider::-moz-range-thumb{background:#4a9eff;border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}@media (max-width:768px){.video-controls-row{align-items:stretch;flex-direction:column}.controls-left,.controls-right{justify-content:space-between}.active-time-display{display:none}.volume-slider{width:60px}}.video-section{background-color:#0a0a0a;display:flex;flex:1 1;flex-direction:column;min-height:300px}.word-token{background-color:initial;border-radius:3px;cursor:pointer;display:inline;padding:2px 1px;position:relative;transition:all .15s ease}.word-token.hovered{background-color:#4a9eff33}.word-token.current{background-color:#facc154d;font-weight:600}.word-token.deleted{color:#666;opacity:.6;text-decoration:line-through}.word-tooltip{background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:4px;bottom:calc(100% + 5px);box-shadow:0 2px 8px #0000004d;color:#e0e0e0;font-size:11px;font-weight:400;padding:4px 8px;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:4px solid #0000;border-top-color:#2a2a2a;content:"";top:100%}.word-token:active{transform:scale(.98)}.file-loader{padding:40px;position:relative}.file-loader,.file-loader-container{display:flex;flex-direction:column;flex-grow:1;width:100%}.file-loader-container{justify-content:center;margin:0 auto;max-width:800px}.editor-footer{background-color:#0a0a0a;border-top:1px solid #333;color:#888;font-size:11px;margin-left:auto;margin-right:auto;max-width:800px;padding:8px 16px;text-align:center;width:100%}.editor-footer a{color:#aaa;margin:0 4px;text-decoration:none}.editor-footer a:hover{color:#fff;text-decoration:underline}.file-loader h1{color:#fff;font-size:36px;margin-bottom:10px;text-align:center}.subtitle{color:#999;font-size:16px;margin-bottom:30px;text-align:center}.method-selection{display:flex;gap:15px;justify-content:center;margin-bottom:30px}.method-option{align-items:center;background-color:#2a2a2a;border:2px solid #444;border-radius:8px;cursor:pointer;display:flex;flex:1 1;gap:12px;max-width:350px;padding:20px;transition:all .3s ease}.method-option:hover{background-color:#333;border-color:#4a9eff}.method-option input[type=radio]{accent-color:#4a9eff;cursor:pointer;height:20px;width:20px}.method-option input[type=radio]:checked~.method-content{color:#4a9eff}.method-option:has(input[type=radio]:checked){background-color:#2a3a4a;border-color:#4a9eff}.method-content{display:flex;flex:1 1;flex-direction:column;gap:5px}.method-content strong{color:#fff;display:block;font-size:16px}.method-content span{color:#999;display:block;font-size:13px}.file-inputs{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px}.file-input-zone{align-items:center;background-color:#2a2a2a;border:2px dashed #444;border-radius:8px;cursor:pointer;display:flex;justify-content:center;min-height:200px;padding:40px 20px;text-align:center;transition:all .3s ease}.file-input-zone:hover{background-color:#333;border-color:#4a9eff}.file-input-zone.drag-active{background-color:#2a3a4a;border-color:#4a9eff;transform:scale(1.02)}.file-input-zone.has-file{background-color:#1a3a2a;border-color:#4ade80}.file-input-content{width:100%}.file-input-zone p{color:#ccc;margin:5px 0}.file-input-zone p strong{color:#fff}.file-types{color:#777;display:block;font-size:12px;margin-top:10px}.file-icon{font-size:48px;margin-bottom:10px}.file-info{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.file-info strong{color:#fff;font-size:14px;word-break:break-word}.file-info span{color:#999;font-size:12px}.clear-button{background-color:#f55;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:5px 15px;transition:background-color .2s}.clear-button:hover{background-color:#f33}.load-button{background-color:#4a9eff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:15px;transition:all .3s ease;width:100%}.load-button:hover:not(:disabled){background-color:#3a8eef;box-shadow:0 4px 12px #4a9eff4d;transform:translateY(-2px)}.load-button:disabled{background-color:#444;color:#777;cursor:not-allowed;transform:none}.file-loader-info{background-color:#2a2a3a;border-left:4px solid #4a9eff;border-radius:8px;margin-top:30px;padding:15px}.file-loader-info p{color:#ccc;font-size:14px;margin:0}.file-loader-info p+p{margin-top:12px}.duration-limit-notice{background-color:#4a7eff1a;border:1px solid #4a7eff4d;border-radius:6px;margin-bottom:12px;padding:12px}.duration-limit-notice strong{color:#4a7eff;font-weight:600}.duration-limit-notice a{color:#4a7eff;text-decoration:underline;transition:color .2s}.duration-limit-notice a:hover{color:#5a8eff}@media (max-width:768px){.method-selection{flex-direction:column}.method-option{max-width:100%}.file-inputs{grid-template-columns:1fr}.file-loader h1{font-size:28px}.file-loader{padding:20px}}.transcript-processor{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);display:flex;height:100%;justify-content:center;padding:40px;width:100%}.processor-container{max-width:700px;width:100%}.transcript-processor h1{color:#fff;font-size:32px;margin-bottom:10px;text-align:center}.processor-subtitle{color:#999;font-size:16px;margin-bottom:30px;text-align:center}.video-info{align-items:center;background-color:#2a2a2a;border:2px solid #444;border-radius:8px;display:flex;gap:15px;margin-bottom:30px;padding:20px}.video-icon{font-size:40px}.video-details{display:flex;flex:1 1;flex-direction:column;gap:5px}.video-details strong{color:#fff;font-size:16px;word-break:break-word}.video-details span{color:#999;font-size:14px}.progress-section{margin-bottom:20px}.progress-bar-container{background-color:#2a2a2a;border:2px solid #444;border-radius:15px;height:30px;margin-bottom:10px;overflow:hidden;width:100%}.progress-bar-fill{align-items:center;background:linear-gradient(90deg,#4a9eff,#6bb3ff);box-shadow:0 0 10px #4a9eff80;display:flex;justify-content:flex-end;padding-right:10px}.progress-text{color:#fff;font-size:18px;font-weight:700}.status-message{align-items:center;background-color:#2a2a3a;border-left:4px solid #4a9eff;border-radius:8px;color:#ccc;display:flex;font-size:15px;gap:10px;justify-content:center;margin-bottom:25px;padding:15px}.status-message.error{background-color:#3a2a2a;border-left-color:#f55}.status-message.completed{background-color:#2a3a2a;border-left-color:#4ade80}.status-icon{font-size:20px}.status-icon.spinner{animation:spin 2s linear infinite}.stages-list{background-color:#2a2a2a;border:2px solid #444;border-radius:8px;display:flex;flex-direction:column;gap:12px;margin-bottom:25px;padding:20px}.processing-stage{align-items:center;border-radius:6px;display:flex;gap:12px;padding:10px;transition:all .3s ease}.processing-stage.active{background-color:#2a3a4a;border-left:3px solid #4a9eff;padding-left:12px}.processing-stage.completed{opacity:.7}.processing-stage.pending{opacity:.4}.stage-indicator{align-items:center;color:#4a9eff;display:flex;font-size:18px;font-weight:700;height:24px;justify-content:center;width:24px}.processing-stage.active .stage-indicator{animation:pulse 1.5s ease-in-out infinite}.processing-stage.completed .stage-indicator{color:#4ade80}.processing-stage.pending .stage-indicator{color:#666}.stage-name{color:#ccc;flex:1 1;font-size:15px}.processing-stage.active .stage-name{color:#fff;font-weight:500}.transcript-preview{background-color:#1a1a1a;border:2px solid #4a9eff;border-radius:8px;margin-bottom:25px;padding:20px}.transcript-preview h3{color:#4a9eff;font-size:16px;font-weight:600;margin:0 0 15px}.transcript-preview-text{word-wrap:break-word;background-color:#242424;border-radius:6px;color:#e0e0e0;font-size:14px;line-height:1.6;max-height:200px;overflow-y:auto;padding:15px;white-space:pre-wrap}.transcript-preview-text::-webkit-scrollbar{width:8px}.transcript-preview-text::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.transcript-preview-text::-webkit-scrollbar-thumb{background:#4a9eff;border-radius:4px}.transcript-preview-text::-webkit-scrollbar-thumb:hover{background:#6bb3ff}.processor-info{background-color:#2a2a3a;border-left:4px solid #4a9eff;border-radius:8px;margin-bottom:20px;padding:20px}.processor-info p{color:#ccc;font-size:14px;line-height:1.5;margin:0 0 10px}.processor-info p:last-child{margin-bottom:0}.completion-notice{border-top:1px solid #444;color:#4ade80!important;margin-top:15px;padding-top:15px}.processor-actions{display:flex;gap:15px;justify-content:center}.cancel-button,.retry-button{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 30px;transition:all .3s ease}.retry-button{background-color:#4a9eff}.retry-button:hover{background-color:#3a8eef;box-shadow:0 4px 12px #4a9eff4d;transform:translateY(-2px)}.cancel-button{background-color:#444;color:#ccc}.cancel-button:hover{background-color:#555;color:#fff}@media (max-width:768px){.transcript-processor{padding:20px}.transcript-processor h1{font-size:24px}.processor-actions{flex-direction:column}.cancel-button,.retry-button{width:100%}}.waveform-viewer{background-color:#1a1a1a;border-top:1px solid #3a3a3a;display:flex;flex:0.4 1;flex-direction:column;min-height:0;padding:12px 15px;width:100%}.waveform-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.waveform-header-left{align-items:center;display:flex;gap:12px}.waveform-header-right{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.waveform-status{color:#666;font-size:11px;font-style:italic}.waveform-wrapper{padding-top:20px;position:relative;width:100%}.waveform-container{overflow:hidden;width:100%}.waveform-container,.waveform-empty{background-color:#0a0a0a;border-radius:4px}.waveform-empty{color:#666;font-size:13px;height:80px}.waveform-empty,.waveform-error{align-items:center;display:flex;justify-content:center}.waveform-error{background-color:#0a0a0a;border:1px solid #dc2626;border-radius:4px;flex-direction:column;padding:30px 20px;text-align:center}.waveform-error .error-icon{font-size:48px;margin-bottom:12px}.waveform-error .error-message{color:#dc2626;font-size:14px;font-weight:600;margin-bottom:8px}.waveform-error .error-hint{color:#999;font-size:12px;line-height:1.5;max-width:500px}.waveform-info{align-items:center;background-color:#0a0a0a;border:1px solid #4a7eff;border-radius:4px;display:flex;flex-direction:column;justify-content:center;padding:30px 20px;text-align:center}.waveform-info .info-icon{font-size:48px;margin-bottom:12px}.waveform-info .info-message{color:#4a7eff;font-size:14px;font-weight:600;margin-bottom:8px}.waveform-info .info-hint{color:#999;font-size:12px;line-height:1.5;max-width:600px}.waveform-mode-indicator{background-color:#facc151a;border-radius:4px;color:#facc15;font-size:12px;font-weight:500;padding:4px 10px}.waveform-timecodes{height:20px;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:5}.timecode-marker{align-items:center;display:flex;flex-direction:column;position:absolute;transform:translateX(-50%)}.timecode-tick{background-color:#666;height:6px;margin-bottom:2px;width:1px}.timecode-label{color:#999;font-size:9px;text-shadow:0 1px 2px #000c;white-space:nowrap}.waveform-container wave{overflow:visible!important}.waveform-container canvas{cursor:pointer}.custom-cut-count{background-color:#ff95001a;border-radius:4px;color:#ff9500;font-size:12px;font-weight:500;padding:4px 10px}.zoom-controls{gap:4px}.zoom-btn,.zoom-controls{align-items:center;display:flex}.zoom-btn{background-color:#2a2a2a;border:1px solid #3a3a3a;color:#ccc;font-size:18px;font-weight:600;height:32px;justify-content:center;transition:all .2s;width:32px}.zoom-btn:hover:not(:disabled){background-color:#3a3a3a;border-color:#4a4a4a;color:#fff}.zoom-btn:active:not(:disabled){transform:scale(.95)}.zoom-btn:disabled{cursor:not-allowed;opacity:.3}.waveform-control-btn{background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:4px;color:#ccc;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s}.waveform-control-btn:hover:not(:disabled){background-color:#3a3a3a;border-color:#4a4a4a;color:#fff}.waveform-control-btn:disabled{cursor:not-allowed;opacity:.4}.waveform-control-btn.active{background-color:#4a7eff;border-color:#4a7eff;color:#fff}.waveform-control-btn.delete-btn:not(:disabled){background-color:#dc2626;border-color:#dc2626;color:#fff}.waveform-control-btn.delete-btn:hover:not(:disabled){background-color:#b91c1c;border-color:#b91c1c}.cut-status{color:#999;font-size:12px;font-style:italic;margin-left:8px}.cut-status.ready{color:#4ade80;font-style:normal;font-weight:500}.waveform-words-container{background-color:#0a0a0a;border:1px solid #2a2a2a;border-radius:4px;margin-bottom:8px;overflow-x:hidden;overflow-y:hidden;padding:8px 12px;width:100%}.waveform-words-track{align-items:center;display:flex;gap:6px;min-height:32px;position:relative;white-space:nowrap}.waveform-word{background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:3px;color:#ccc;cursor:default;display:inline-block;font-size:12px;padding:3px 6px;transition:all .2s}.waveform-word:hover{background-color:#2a2a2a;border-color:#4a7eff;color:#fff}.waveform-word.ellipsis{background-color:initial;border:none;color:#666;font-weight:700;padding:3px 2px}.waveform-word.ellipsis:hover{background-color:initial;border:none;color:#999}.waveform-word.positioned{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.upgrade-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.upgrade-modal{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:2px solid #4a7eff;border-radius:16px;box-shadow:0 20px 60px #4a7eff4d;max-height:90vh;max-width:600px;overflow-y:auto;padding:40px;position:relative;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.upgrade-modal-close{background:#0000;border:none;border-radius:4px;color:#999;cursor:pointer;font-size:24px;line-height:1;padding:8px;position:absolute;right:16px;top:16px;transition:all .2s}.upgrade-modal-close:hover{background-color:#ffffff1a;color:#fff}.upgrade-icon{animation:bounce 1s ease-in-out infinite;font-size:64px;margin-bottom:20px;text-align:center}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.upgrade-modal h2{color:#fff;font-size:28px;font-weight:700;line-height:1.3;margin:0 0 16px;text-align:center}.duration-info{color:#ccc;font-size:16px;line-height:1.6;margin:0 0 32px;text-align:center}.duration-info strong{color:#4a7eff;font-weight:600}.upgrade-benefits{background-color:#4a7eff1a;border:1px solid #4a7eff4d;border-radius:12px;margin-bottom:32px;padding:24px}.upgrade-benefits h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 16px}.upgrade-benefits ul{list-style:none;margin:0;padding:0}.upgrade-benefits li{align-items:flex-start;color:#ddd;display:flex;font-size:15px;gap:12px;line-height:1.5;margin-bottom:12px}.upgrade-benefits li:last-child{margin-bottom:0}.benefit-icon{flex-shrink:0;font-size:18px;margin-top:2px}.upgrade-benefits li strong{color:#fff;font-weight:600}.upgrade-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.btn-upgrade-primary,.btn-upgrade-secondary{border:none;border-radius:8px;cursor:pointer;display:block;font-size:16px;font-weight:600;padding:16px 24px;text-align:center;text-decoration:none;transition:all .2s}.btn-upgrade-primary{background:linear-gradient(135deg,#4a7eff,#2a5edf);box-shadow:0 4px 12px #4a7eff66;color:#fff}.btn-upgrade-primary:hover{background:linear-gradient(135deg,#5a8eff,#3a6eef);box-shadow:0 6px 16px #4a7eff80;transform:translateY(-2px)}.btn-upgrade-primary:active{transform:translateY(0)}.btn-upgrade-secondary{background-color:initial;border:1px solid #3a3a3a;color:#ccc}.btn-upgrade-secondary:hover{background-color:#ffffff0d;border-color:#4a4a4a;color:#fff}.upgrade-hint{color:#999;font-size:14px;line-height:1.5;margin:0;text-align:center}@media (max-width:640px){.upgrade-modal{padding:32px 24px}.upgrade-modal h2{font-size:24px}.duration-info{font-size:15px}.upgrade-benefits{padding:20px}.upgrade-benefits h3{font-size:16px}.upgrade-benefits li{font-size:14px}.btn-upgrade-primary,.btn-upgrade-secondary{font-size:15px;padding:14px 20px}}.upgrade-modal::-webkit-scrollbar{width:8px}.upgrade-modal::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.upgrade-modal::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:4px}.upgrade-modal::-webkit-scrollbar-thumb:hover{background:#5a5a5a}.google-ad-overlay{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.google-ad-container{background-color:#fff;border-radius:8px;color:#333;max-width:500px;padding:20px;text-align:center;width:90%}.google-ad-container h2{color:#e74c3c;margin-top:0}.google-ad-container p{margin-bottom:15px}.skip-ad-button{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.skip-ad-button:hover{background-color:#2980b9}@media (max-width:768px){.landing-header{padding:15px 20px}.landing-logo{font-size:24px}.launch-btn{font-size:14px;padding:10px 20px}.nav-links{gap:1rem}}.content-page{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#ee1a30);color:#fff;min-height:100vh}.content-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0acc;border-bottom:1px solid #ee1a3033;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.content-nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.content-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ee1a30,#ff6b6b);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;text-decoration:none}.content-nav-links{align-items:center;display:flex;gap:2rem}.content-nav-links a{color:#fffc;font-weight:500;text-decoration:none;transition:color .3s ease}.content-nav-links a:hover{color:#ee1a30}.content-nav-links a.active{color:#ee1a30;position:relative}.content-nav-links a.active:after{background:linear-gradient(90deg,#ee1a30,#ff6b6b);bottom:-8px;content:"";height:2px;left:0;position:absolute;right:0}.content-hero{margin:0 auto;max-width:1400px;padding:4rem 2rem 2rem;text-align:center}.content-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ee1a30,#ff6b6b);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;margin-bottom:1rem}.content-hero p{color:#ffffffb3;font-size:1.25rem;margin:0 auto;max-width:700px}.content-main{margin:0 auto;max-width:1400px;padding:2rem}.content-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.search-box{flex:1 1;min-width:250px}.search-box input{background:#ffffff0d;border:1px solid #ee1a304d;border-radius:8px;color:#fff;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.search-box input:focus{background:#ffffff14;border-color:#ee1a30;outline:none}.search-box input::placeholder{color:#fff6}.category-filters{display:flex;flex-wrap:wrap;gap:.5rem}.category-filter-btn{background:#ffffff0d;border:1px solid #ee1a304d;border-radius:20px;color:#fffc;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.category-filter-btn:hover{background:#ee1a301a;border-color:#ee1a30}.category-filter-btn.active{background:linear-gradient(135deg,#ee1a30,#ff6b6b);border-color:#ee1a30;color:#fff}.posts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin-bottom:3rem}.post-cover-image{border-radius:8px;height:200px;margin-bottom:1.5rem;object-fit:cover;width:100%}.post-detail-cover-image{border-radius:12px;margin-bottom:2rem;max-height:400px;object-fit:cover;width:100%}.post-card{background:#ffffff08;border:1px solid #ee1a3033;border-radius:12px;color:inherit;cursor:pointer;padding:2rem;text-decoration:none;transition:all .3s ease}.content-page .post-card:hover{background:#ee1a300d;border-color:#ee1a30;box-shadow:0 8px 30px #ee1a3033;color:#fff;transform:translateY(-4px)}.post-card.featured{background:linear-gradient(135deg,#ee1a301a,#ff6b6b1a);border-color:#ee1a30;grid-column:span 2}.post-meta{color:#ffffff80;display:flex;flex-wrap:wrap;font-size:.85rem;gap:1rem;margin-bottom:1rem}.post-category{background:#ee1a3033;border-radius:12px;color:#ee1a30;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.post-date{color:#fff6}.post-card h2{color:#fff;font-size:1.5rem;margin-bottom:.75rem;width:100%}.post-card p{color:#ffffffb3;flex-grow:1;line-height:1.6;margin-bottom:1rem;width:100%}.post-card .read-more{align-items:center;color:#ee1a30;display:inline-flex;font-weight:600;gap:.5rem}.post-card .read-more:after{content:"→";transition:transform .3s ease}.post-card:hover .read-more:after{transform:translateX(4px)}.post-detail{margin:0 auto;max-width:900px;padding:2rem}.post-detail-header{border-bottom:1px solid #ee1a3033;margin-bottom:3rem;padding-bottom:2rem}.post-detail h1{font-size:2.5rem;line-height:1.2;margin-bottom:1rem}.post-content{color:#ffffffd9;font-size:1.1rem;line-height:1.8}.post-content h1,.post-content h2,.post-content h3{color:#fff;margin-bottom:1rem;margin-top:2rem}.post-content h2{border-bottom:1px solid #ee1a3033;font-size:2rem;padding-bottom:.5rem}.post-content h3{font-size:1.5rem}.post-content p{margin-bottom:1.5rem}.post-content a{border-bottom:1px solid #ee1a304d;color:#ee1a30;text-decoration:none;transition:all .3s ease}.post-content a:hover{border-bottom-color:#ee1a30}.post-content code{background:#ee1a301a;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;padding:.2rem .4rem}.post-content pre{background:#0000004d;border-radius:8px;margin-bottom:1.5rem;overflow-x:auto;padding:1rem}.post-content ol,.post-content ul{margin-bottom:1.5rem;padding-left:2rem}.post-content li{margin-bottom:.5rem}.post-content strong{color:#fff;font-weight:600}.post-content iframe{border-radius:8px;max-width:100%}.back-link{align-items:center;color:#ee1a30;display:inline-flex;font-weight:500;gap:.5rem;margin-bottom:2rem;text-decoration:none;transition:transform .3s ease}.back-link:before{content:"←"}.back-link:hover{transform:translateX(-4px)}.tutorial-meta{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:.5rem}.tutorial-difficulty,.tutorial-duration{align-items:center;color:#fff9;display:flex;font-size:.9rem;gap:.5rem}.difficulty-badge{border-radius:4px;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.difficulty-badge.beginner{background:#22c55e33;color:#22c55e}.difficulty-badge.intermediate{background:#fbbf2433;color:#fbbf24}.difficulty-badge.advanced{background:#ef444433;color:#ef4444}.empty-state{color:#ffffff80;padding:4rem 2rem}.empty-state h3{color:#ffffffb3;font-size:1.5rem;margin-bottom:.5rem}.tool-card{position:relative}.tool-icon{font-size:3rem;margin-bottom:1rem}.tool-features{flex-grow:1;list-style:none;margin:1.5rem 0;padding:0}.tool-features li{color:#ffffffb3;font-size:.9rem;padding:.5rem 0}.tool-button{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.tool-button.available{background:linear-gradient(135deg,#ee1a30,#ff6b6b);color:#fff}.tool-button.available:hover{box-shadow:0 4px 20px #667eea66;transform:translateY(-2px)}.tool-button.coming-soon{background:#fbbf2433;color:#fbbf24;cursor:not-allowed}.tool-button.unavailable{background:#ffffff0d;color:#ffffff4d;cursor:not-allowed}.studio-cta{background:#ee1a300d;border:1px solid #ee1a3033;border-radius:12px;margin:4rem 0 2rem;padding:3rem 2rem;text-align:center}.studio-cta h2{color:#fff;font-size:2rem;margin-bottom:1rem}.studio-cta p{color:#ffffffb3;font-size:1.1rem;margin-bottom:2rem}.cta-button{background:linear-gradient(135deg,#ee1a30,#ff6b6b);border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.cta-button:hover{box-shadow:0 4px 20px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.content-hero h1{font-size:2.5rem}.posts-grid{grid-template-columns:1fr}.post-card.featured{grid-column:span 1}.content-nav-links{gap:1rem}.post-detail h1{font-size:2rem}.content-controls{align-items:stretch;flex-direction:column}.search-box{width:100%}}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)}}.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)}.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)}}.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}.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}.subscription-page{margin:0 auto;max-width:800px;padding:20px}.subscription-page h1{color:#2c3e50;font-size:28px;margin-bottom:30px}.subscription-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:24px}.subscription-card h2{border-bottom:2px solid #f0f0f0;color:#2c3e50;font-size:20px;margin-bottom:20px;margin-top:0;padding-bottom:12px}.plan-info{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.plan-period,.plan-status,.plan-tier{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;padding:12px}.label{color:#555;font-size:14px;font-weight:600}.value{color:#2c3e50;font-size:16px;font-weight:500}.status-badge{font-size:13px;padding:4px 12px}.status-active{background:#d4edda;color:#155724}.status-trial{background:#d1ecf1;color:#0c5460}.status-past-due{background:#fff3cd;color:#856404}.status-canceled{background:#f8d7da;color:#721c24}.status-default{background:#e2e3e5;color:#383d41}.plan-notice{background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;padding:12px}.notice-text{color:#856404;font-size:14px}.manage-btn{background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease;width:100%}.manage-btn:hover{background:linear-gradient(135deg,#357abd,#2868a8);box-shadow:0 4px 12px #4a90e24d;transform:translateY(-2px)}.usage-placeholder{color:#999;font-style:italic;padding:40px;text-align:center}@media (max-width:767px){.subscription-page{padding:16px}.subscription-page h1{font-size:24px}.subscription-card{padding:20px}.plan-period,.plan-status,.plan-tier{align-items:flex-start;flex-direction:column;gap:8px}.value{font-size:15px}}.shows-list{background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;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-radius:6px;color:#fff;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:#357abd;transform:translateY(-1px)}.new-show-link:active{transform:scale(.98)}.shows-grid-mobile{display:flex;flex-direction:column;gap:12px}.show-card-mobile{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;padding:16px;transition:all .2s ease}.show-card-mobile:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.show-card-mobile:active{transform:translateY(0)}.show-card-mobile.active-show{background:#f8fdf8;border-left-color:var(--color-success)}.show-card-header-mobile{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.show-title-mobile{color:var(--text-primary);flex:1 1;font-size:var(--text-lg);font-weight:600;line-height:1.3;margin:0}.show-status-mobile{align-items:center;display:flex;flex-shrink:0;gap:8px}.status-badge-mobile{background:var(--color-success);border-radius:5px;color:#fff;font-size:var(--text-xs);font-weight:500;padding:4px 8px}.status-badge-mobile.inactive{background:var(--text-secondary)}.show-meta-mobile{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:var(--text-xs);gap:8px;margin-bottom:12px}.meta-item-mobile{align-items:center;display:flex;gap:4px}.meta-item-mobile a{color:var(--color-primary);text-decoration:none}.meta-item-mobile a:hover{text-decoration:underline}.show-dates-mobile{color:var(--text-secondary);display:flex;font-size:var(--text-xs);justify-content:space-between;margin-bottom:12px}.show-actions-mobile{align-items:center;display:flex;gap:8px;justify-content:flex-end}.select-btn-mobile,.view-btn-mobile{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:var(--text-xs);font-weight:500;min-height:32px;padding:6px 12px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.view-btn-mobile{background:var(--color-primary);color:#fff}.view-btn-mobile:hover{background:#357abd}.select-btn-mobile{background:var(--text-secondary);color:#fff}.select-btn-mobile:hover:not(.selected){background:#4b5563}.select-btn-mobile.selected{background:var(--color-success);cursor:default}.select-btn-mobile:active{transform:scale(.98)}.shows-table-desktop{background:#fff;border-collapse:collapse;border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);display:none;margin-top:20px;overflow:hidden;width:100%}.shows-table-desktop td,.shows-table-desktop th{border-bottom:1px solid var(--card-border);padding:12px 15px;text-align:left}.shows-table-desktop th{color:var(--text-primary);font-size:var(--text-sm);font-weight:600}.shows-table-desktop th,.shows-table-desktop tr:hover{background-color:#f8f9fa}.shows-table-desktop tr:last-child td{border-bottom:none}.shows-table-desktop tr.active-show{background-color:#f8fdf8}.shows-table-desktop .action-buttons{align-items:center;display:flex;gap:8px}.shows-table-desktop .select-btn,.shows-table-desktop .view-btn{border:none;border-radius:4px;cursor:pointer;font-size:var(--text-sm);font-weight:500;padding:6px 12px;text-decoration:none;transition:all .2s}.shows-table-desktop .view-btn{background-color:var(--color-primary);color:#fff}.shows-table-desktop .view-btn:hover{background-color:#357abd}.shows-table-desktop .select-btn:not(.selected){background-color:var(--text-secondary);color:#fff}.shows-table-desktop .select-btn:not(.selected):hover{background-color:#4b5563}.shows-table-desktop .select-btn.selected{background-color:var(--color-success);color:#fff;cursor:default}.shows-table-desktop td a{color:var(--color-primary);text-decoration:none}.shows-table-desktop td a:hover{text-decoration:underline}.error,.loading{color:var(--text-secondary);font-size:var(--text-base);padding:40px 20px;text-align:center}.no-shows{background:#fff;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:#357abd}.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-table-desktop{display:table!important}.shows-grid-mobile{display:none!important}.shows-header-card{padding:20px}}@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%}.show-card-mobile{padding:12px}.show-title-mobile{font-size:var(--text-base)}.show-actions-mobile{justify-content:stretch}.select-btn-mobile,.view-btn-mobile{flex:1 1;justify-content:center}.shows-grid-mobile{display:flex!important}.shows-table-desktop{display:none!important}}.new-show-link:focus,.select-btn-mobile:focus,.show-card-mobile:focus,.view-btn-mobile:focus{outline:2px solid var(--color-primary);outline-offset:2px}.show-card-mobile{animation:fadeInUp .3s ease-out}.show-card-mobile:first-child{animation-delay:0ms}.show-card-mobile:nth-child(2){animation-delay:50ms}.show-card-mobile:nth-child(3){animation-delay:.1s}.show-card-mobile:nth-child(4){animation-delay:.15s}.show-card-mobile:nth-child(5){animation-delay:.2s}.show-form-container{background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;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 #fecaca;border-left:4px solid var(--color-danger);border-radius:var(--mobile-border-radius);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 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:0 0 0 3px #3b82f61a;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:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:var(--text-sm)}.form-group input[type=date]{font-family:inherit}.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:#357abd}.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:#e2e8f0;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:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;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}.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}.episodes-btn:hover{background-color:#16a34a}.back-btn:active,.episodes-btn:active{transform:scale(.98)}.tab-navigation{border:1px solid var(--card-border);border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);margin-bottom:16px;overflow:hidden}.tab-nav-container{-ms-overflow-style:none;border-bottom:1px solid var(--card-border);display:flex;overflow-x:auto;scrollbar-width:none}.tab-nav-container::-webkit-scrollbar{display:none}.tab-button{min-width:100px}.tab-button.active{background:#f8fafc}.tab-button:hover:not(.active){background:#f1f5f9}.tab-content{border:1px solid var(--card-border);border-radius:var(--mobile-border-radius);overflow:hidden}.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:0 0 0 3px #3b82f61a;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:#f8fafc;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:#f8fafc;border-color:var(--color-primary)}.external-link{align-items:center;background:#f3f4f6;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:#f8fafc;border-color:var(--color-primary)}.footer-preview .placeholder-text{color:var(--text-secondary);font-style:italic}.not-found{background:#fef3c7;border:1px solid #fcd34d;border-radius:var(--mobile-border-radius);color:#b45309}@media (min-width:768px){.show-detail{padding:24px}.show-header h2{font-size:var(--text-xl)}.show-actions{gap:12px}.back-btn,.episodes-btn{font-size:var(--text-base);padding:10px 20px}.tab-button{font-size:var(--text-base);min-width:120px;padding:16px 20px}.tab-icon{font-size:var(--text-lg)}.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}.back-btn,.episodes-btn{font-size:var(--text-xs);padding:8px 12px}.tab-button{font-size:var(--text-xs);min-width:80px;padding:10px 12px}.tab-icon{font-size:var(--text-sm)}.show-info{padding:16px}.info-item input,.info-item span,.info-item textarea{font-size:var(--text-sm)}}.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}:root{--color-success-light:#dcfce7;--color-success-dark:#166534;--color-warning-light:#fef3c7;--color-warning-dark:#92400e;--color-danger-light:#fee2e2;--color-danger-dark:#991b1b;--color-info-light:#dbeafe;--color-info-dark:#1e40af;--radius-full:9999px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px}.show-tab{background:#0000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:400px}.show-tab,.tab-header-card{padding:24px;padding:var(--spacing-lg)}.tab-header-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)}.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:#dcfce7;background:var(--color-success-light);color:#166534;color:var(--color-success-dark)}.badge-warning{background:#fef3c7;background:var(--color-warning-light);color:#92400e;color:var(--color-warning-dark)}.badge-danger{background:#fee2e2;background:var(--color-danger-light);color:#991b1b;color:var(--color-danger-dark)}.badge-info{background:#dbeafe;background:var(--color-info-light);color:#1e40af;color:var(--color-info-dark)}.badge-active{background:#dcfce7;background:var(--color-success-light);color:#166534;color:var(--color-success-dark)}.badge-inactive{background:#fee2e2;background:var(--color-danger-light);color:#991b1b;color:var(--color-danger-dark)}.credential-details,.platform-details{background:#f8fafc;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 #e2e8f0}.detail-label{color:var(--text-secondary);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}.btn{border-radius:var(--mobile-border-radius);font-size:var(--text-sm);justify-content:center;line-height:1;padding:10px 20px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary:hover:not(:disabled){background:#357abd;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background:#4b5563}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background:#16a34a}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;background:var(--color-danger-hover)}.btn-outline{background:#0000;border:2px solid var(--card-border);color:var(--text-primary)}.btn-outline:hover:not(:disabled){background:#dbeafe;background:var(--color-info-light);border-color:var(--color-primary);color:var(--color-primary)}.btn-sm{font-size:.875rem;padding:6px 12px}.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:#dbeafe;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);color:var(--color-danger)}.delete-btn:hover{background:var(--color-danger);color:#fff}.toggle-switch{width:48px}.toggle-slider{background-color:#cbd5e1;border-radius:9999px;border-radius:var(--radius-full)}.toggle-slider:before{box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-slider{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}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);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:last-child{margin-bottom:0}.form-group label{margin-bottom:var(--spacing-xs)}.form-group input,.form-group select,.form-group textarea,.form-input,.form-select{background:#fff;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:#f8fafc;color:var(--text-secondary);cursor:not-allowed}.form-group input[type=file]{background:#f8fafc;border:2px dashed var(--card-border);cursor:pointer;padding:8px}.form-group input[type=file]:hover{background:#f1f5f9;border-color:var(--color-primary)}.form-group input[type=file]:focus{border-color:var(--color-primary);border-style:solid}.checkbox-group{margin-bottom:16px;margin-bottom:var(--spacing-md)}.checkbox-label{color:var(--text-primary);font-weight:500;gap:var(--spacing-xs)}.checkbox-label input[type=checkbox]{cursor:pointer;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:#dcfce7;background:var(--color-success-light);border-color:#86efac;color:#166534;color:var(--color-success-dark)}.form-note-error,.form-note.error{background:#fee2e2;background:var(--color-danger-light);border-color:#fca5a5;color:#991b1b;color:var(--color-danger-dark)}.form-note-warning,.form-note.warning{background:#fef3c7;background:var(--color-warning-light);border-color:#fcd34d;color:#92400e;color:var(--color-warning-dark)}.form-note-info,.form-note.info{background:#dbeafe;background:var(--color-info-light);border-color:#93c5fd;color:#1e40af;color:var(--color-info-dark)}.warning-text{color:#92400e;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:#f8fafc;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:#fff;border-color:var(--color-primary)}.stat-value{color:var(--color-primary);font-size:var(--text-xl);font-weight:600;margin-bottom:4px}.stat-label{color:var(--text-secondary);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)}.tab-header-top{align-items:stretch;flex-direction:column}.tab-header-top h3{font-size:var(--text-base);min-width:auto;text-align:left}.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,.toggle-switch:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.toggle-switch:focus-within{border-radius:9999px;border-radius:var(--radius-full)}.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}}.guests-tab{background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;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}.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:#357abd}.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:#f8fafc}.guest-item.selected{background:#eff6ff;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:#f8fafc;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 #f1f5f9;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:#f8fafc;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 #e2e8f0;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{padding:20px}.modal-content{box-shadow:0 10px 30px #0003;max-width:600px}.modal-header{background:#f8fafc;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:#fff;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:#f1f5f9;border-color:#cbd5e1}.modal-error{background:#fef2f2;border-left:4px solid #dc2626;border-radius:6px;color:#dc2626;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)}.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:#fff;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:#f8fafc}.form-actions button.primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.form-actions button.primary:hover{background:#357abd}@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}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.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:#fff;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,.save-btn{background:var(--color-primary);color:#fff}.save-btn{border-color:var(--color-primary)}.save-btn:hover{background:#357abd}.cancel-btn{border-color:var(--card-border);color:var(--text-secondary)}.cancel-btn:hover{background:#f1f5f9}.access-manager .help-text{background:#f8fafc;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:#f8fafc}.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:#f8fafc;border:1px dashed var(--card-border);border-radius:6px;color:var(--text-secondary);font-size:var(--text-sm);padding:12px;text-align:center}.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:#f8fafc;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:#f8f9fa;--gallery-card-bg:#fff;--gallery-border:#e2e8f0;--gallery-text-primary:#2d3748;--gallery-text-secondary:#718096;--gallery-accent:#4a90e2;--gallery-touch-target:44px;--gallery-min-touch:32px}.gallery-manager{background:#0000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:20px;padding:var(--gallery-padding)}.gallery-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gallery-border);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.gallery-header h2{color:#2d3748;color:var(--gallery-text-primary);font-size:24px;font-weight:600;margin:0}.gallery-header-actions{align-items:center;display:flex;gap:12px}.gallery-back-btn{background-color:#f0f0f0;border-radius:4px;color:#333;min-height:32px;min-height:var(--gallery-min-touch);transition:background-color .2s}.gallery-back-btn:hover{background-color:#e0e0e0}.gallery-nav-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gallery-border);display:flex;margin-bottom:20px;overflow-x:auto;padding-bottom:0;scrollbar-width:none}.gallery-nav-tabs::-webkit-scrollbar{display:none}.gallery-tab-button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#718096;color:var(--gallery-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:500;min-height:44px;min-height:var(--gallery-touch-target);padding:12px 20px;transition:all .2s ease;white-space:nowrap}.gallery-tab-button.active{border-bottom-color:#4a90e2;border-bottom-color:var(--gallery-accent);color:#4a90e2;color:var(--gallery-accent)}.gallery-tab-button:hover:not(.active){background-color:#f8f9fa;background-color:var(--gallery-bg);border-bottom-color:#ddd;color:#2d3748;color:var(--gallery-text-primary)}.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:#fff;background:var(--gallery-card-bg);border:1px solid #e2e8f0;border:1px solid var(--gallery-border);border-radius:8px;border-radius:var(--gallery-border-radius);color:#718096;color:var(--gallery-text-secondary);display:flex;font-size:16px;height:200px;justify-content:center}.gallery-error{background-color:#fee;border-left:4px solid #e53e3e;color:#c53030;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:#fff;background:var(--gallery-card-bg);border:1px solid #e2e8f0;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:#718096;color:var(--gallery-text-secondary)}.gallery-empty-state p{font-size:16px;margin:8px 0}.gallery-empty-state p:first-of-type{color:#2d3748;color:var(--gallery-text-primary);font-size:18px;font-weight:600}.gallery-tab-container{background:#fff;background:var(--gallery-card-bg);border:1px solid #e2e8f0;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:#2d3748;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-manager{padding:16px}.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-manager{padding:12px}.gallery-header{align-items:stretch;flex-direction:column;gap:12px;text-align:center}.gallery-header h2{font-size:20px}.gallery-header-actions{justify-content:center}.gallery-nav-tabs{gap:4px;margin-bottom:16px}.gallery-tab-button{font-size:14px;min-width:100px;padding:10px 16px}.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-manager{padding:8px}.gallery-grid{gap:8px}.gallery-grid,.gallery-grid-large{grid-template-columns:repeat(2,1fr)}.gallery-tab-button{font-size:13px;min-width:80px;padding:8px 12px}}.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:#357abd}.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:#e2e8f0}.gallery-btn-success{background:#48bb78;color:#fff}.gallery-btn-success:hover:not(:disabled){background:#38a169}.gallery-btn-danger{background:#e53e3e;color:#fff}.gallery-btn-danger:hover:not(:disabled){background:#c53030}.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:#fff;color:var(--gallery-text-primary)}.gallery-form-group{margin-bottom:16px}.gallery-form-label{color:var(--gallery-text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:6px}.gallery-form-control{background:#fff;border:1px solid var(--gallery-border);border-radius:6px;box-sizing:border-box;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:#357abd}.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-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-modal-overlay{align-items:center;background:#0009;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:#fff;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:#fff;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:#fff;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:#e2e8f0}.gallery-editor-preview{background:#fff;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:#357abd}.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:#fff;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:#fff;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:#fee}.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:#fff;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:#f1f1f1;border-radius:3px}.gallery-editor-sidebar::-webkit-scrollbar-thumb,.gallery-text-entries::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.gallery-editor-sidebar::-webkit-scrollbar-thumb:hover,.gallery-text-entries::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.filter-section{background:#fff;border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);height:auto;margin-bottom:20px;min-height:auto;overflow:hidden}.filter-header{align-items:center;background:#0000;border-bottom:none;display:flex;justify-content:space-between;padding:20px 24px 16px}.filter-title{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin:0}.new-episode-button{align-items:center;background:#4a90e2;border:none;border-radius:5px;box-shadow:0 2px 4px #4a90e233;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.new-episode-button:hover{background:#357abd;box-shadow:0 4px 8px #4a90e24d;transform:translateY(-1px)}.new-episode-button:active{transform:scale(.98)}.new-episode-icon{font-size:var(--text-base);line-height:1}.filter-chips{-ms-overflow-style:none;align-items:flex-start;height:auto;min-height:auto;overflow-x:auto;padding:0 8px 12px;scrollbar-width:none}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{align-items:center;border-radius:5px!important;box-shadow:0 1px 2px #0000000d;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:11px;gap:4px;height:24px;line-height:1;max-height:24px;min-height:0!important;padding:2px 8px;position:relative;transition:all .2s ease;white-space:nowrap}.filter-chip:hover:not(.active){background:#f8f9fa;color:var(--text-primary)}.filter-chip.active{background:#ada5a5!important;color:#fff!important;position:relative}.filter-count{background:#00000014;border-radius:5px;font-size:9px;font-weight:600;line-height:1;min-width:14px;padding:1px 4px;text-align:center}.filter-chip.active .filter-count{background:#ffffff40;color:#fff}@media (max-width:767px){.filter-header{align-items:stretch;flex-direction:column;gap:12px;padding:12px 16px}.view-toggle-container{order:-1}.toggle-wrapper{width:100%}.toggle-option{flex:1 1;text-align:center}.new-episode-button{justify-content:center;min-height:44px;padding:12px 16px;width:100%}.filter-chips{gap:8px;padding:0 16px 16px}.filter-chip{border-radius:5px;font-size:var(--text-xs);min-height:36px;padding:8px 14px}.filter-count{font-size:10px;min-width:16px;padding:2px 6px}}@media (min-width:768px){.filter-section{background:#fff;border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);margin-bottom:20px;overflow:hidden;padding:20px 24px}.filter-header{margin-bottom:0;padding:0}.desktop-filter-layout{align-items:center;display:flex;gap:24px;justify-content:space-between;width:100%}.filter-chips{flex:1 1;justify-content:center;margin:0;max-width:none;order:2;padding:0}.filter-title{flex-shrink:0;margin:0;order:1}.new-episode-button{flex-shrink:0;order:3}}.filter-section.loading{opacity:.6;pointer-events:none}.filter-chip.loading{cursor:not-allowed;opacity:.5}.filter-empty{color:var(--text-secondary);font-style:italic;padding:40px 20px;text-align:center}.filter-chip:focus{outline:2px solid var(--color-primary);outline-offset:-2px;z-index:1}.new-episode-button:focus{outline:2px solid #fff;outline-offset:-2px}.view-toggle-container{align-items:center;display:flex;gap:12px}.toggle-wrapper{background:#f0f0f0;border-radius:25px;box-shadow:inset 0 1px 3px #0000001a;display:flex;padding:3px;position:relative}.toggle-option{border-radius:20px;color:#666;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}.toggle-option.active{background:#007aff;box-shadow:0 2px 4px #007aff4d;color:#fff}.dual-field{display:flex;flex-direction:column;gap:2px}.primary-value{color:#2c3e50;font-size:14px;font-weight:600}.secondary-value{color:#7f8c8d;font-size:11px;font-weight:400}.secondary-value.missing-value{color:#e74c3c;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:#e9ecef}.episode-table th.sortable:active{background-color:#dee2e6}.page-size-selector{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:var(--text-primary);cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;min-width:80px;padding:6px 12px;transition:all .2s ease}.page-size-selector:hover{background:#f8f9fa;border-color:var(--color-primary)}.page-size-selector:focus{outline:2px solid var(--color-primary);outline-offset:-2px}@media (max-width:767px){.page-size-selector{font-size:14px;margin-bottom:8px;order:1;padding:10px 12px;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}.status-badge{background:#95a5a6;border-radius:5px;color:#fff}.status-badge.planning{background:#7f8c8d}.status-badge.ready-to-record{background:#8e44ad}.status-badge.in-production{background:#3498db}.status-badge.in-post{background:#e67e22}.status-badge.published{background:#27ae60}.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:#357abd}.view-button:active{transform:scale(.98)}.episode-card-footer{background-color:#f8f9fa;border-radius:0 0 var(--mobile-border-radius) var(--mobile-border-radius);border-top:1px solid #e9ecef;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:#e6f7e9;color:#27ae60;font-weight:500}.indicator.incomplete{background-color:#f5f5f5;color:#9e9e9e}@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:#7f8c8d;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}}@media (min-width:768px){.episode-grid-skeleton{display:none}}.episode-grid-skeleton{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}@media (min-width:768px){.episode-grid-skeleton{gap:16px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}.skeleton-card{animation:skeleton-pulse 1.5s ease-in-out infinite alternate;background:#fff;border:1px solid var(--card-border);border-left:4px solid #e0e0e0;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:#e0e0e0;border-radius:3px}.skeleton-title{height:16px;margin-bottom:4px;width:85%}.skeleton-date{background:#e0e0e0;border-radius:3px;height:12px;width:60px}.skeleton-status{background:#e0e0e0;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:#e0e0e0;border-radius:6px;height:12px;width:50px}.skeleton-footer{border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;margin-top:12px;padding-top:8px}.skeleton-button{background:#e0e0e0;border-radius:6px;height:32px;width:60px}.episode-grid-empty{background:#fff;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:#357abd}.create-first-episode:active{transform:scale(.98)}.episode-grid-error{background:#fff5f5;border:1px solid #fed7d7;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:hover{background:#c53030}.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))}}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--mobile-padding);position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-md);max-height:90vh;max-width:400px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:var(--mobile-padding)}.modal-header h3{color:#333}.close-btn{border-radius:4px;color:#6b7280;font-size:24px;min-height:var(--mobile-touch-target);min-width:var(--mobile-touch-target);padding:4px}.close-btn:hover{background:#f3f4f6;color:#374151}.close-btn:active{transform:scale(.95)}.modal-body{display:flex;flex-direction:column;gap:16px;padding:var(--mobile-padding)}.modal-body input,.modal-body select,.modal-body textarea{border:2px solid #e5e7eb;border-radius:var(--mobile-border-radius);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:0 0 0 3px #3b82f61a;outline:none}.modal-body textarea{line-height:1.5;min-height:80px;resize:vertical}.modal-actions{border-top:1px solid #e5e7eb;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:hover{background:#2563eb}.create-btn:active{transform:scale(.98)}.cancel-btn{background:#f3f4f6;color:#374151;flex:1 1}.cancel-btn:hover{background:#e5e7eb}.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:#f8f9fa}.no-show-selected p{color:#6c757d;font-size:var(--text-base)}.select-show-btn{min-height:var(--mobile-touch-target)}.select-show-btn:active{transform:scale(.98)}.episode-table{display:none!important}@media (min-width:768px){.episode-table{background:#fff;border-collapse:collapse;border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);display:table!important;margin-top:20px;overflow:hidden;width:100%}}.episode-table td,.episode-table th{border-bottom:1px solid var(--card-border);padding:12px 16px;text-align:left}.episode-table th{color:var(--text-primary);font-size:var(--text-sm);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.episode-table th,.episode-table tr:hover{background-color:#f8f9fa}.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:#e8f5e8;border:1px solid #c8e6c9;color:#2e7d32;font-weight:500}.episode-table .indicator.incomplete{background-color:#f5f5f5;border:1px solid #e0e0e0;color:#9e9e9e}.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:#357abd}@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}}.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:#7f8c8d}.status-badge-btn.ready-to-record{background:#8e44ad}.status-badge-btn.in-production{background:#3498db}.status-badge-btn.in-post{background:#e67e22}.status-badge-btn.published{background:#27ae60}.status-dropdown-menu{background:#fff;border:1px solid #e5e7eb;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:#374151;cursor:pointer;display:flex;font-size:13px;gap:10px;padding:10px 16px;text-align:left;transition:background .1s;width:100%}.status-option:hover{background:#f3f4f6}.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:#7f8c8d}.status-dot.ready-to-record{background:#8e44ad}.status-dot.in-production{background:#3498db}.status-dot.in-post{background:#e67e22}.status-dot.published{background:#27ae60}:root{--color-primary:#4a90e2;--card-accent:#3b82f6;--shadow-sm:0 1px 3px 0 #0000001a;--shadow-md:0 4px 6px -1px #0000001a;--mobile-border-radius:8px;--mobile-padding:12px;--mobile-touch-target:44px;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--btn-height:44px;--btn-height-sm:36px;--btn-font-size:14px;--btn-font-weight:600;--btn-border-radius:8px;--btn-padding-x:18px;--btn-padding-y:10px;--color-primary:#5b6ad0;--color-primary-hover:#4a59b9;--color-primary-active:#3d4a9e;--color-ai-start:#8b5cf6;--color-ai-end:#3b82f6;--color-success:#22c55e;--color-success-light:#ecfdf5;--color-success-border:#a7f3d0}.episode-detail{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:12px;padding:var(--mobile-padding)}.episode-header{margin-bottom:20px}.header-content{gap:16px}.header-content h2{color:#1f2937;color:var(--text-primary);flex:1 1;font-size:18px;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:#f3f4f6;border:1px solid #e5e7eb;color:#1f2937;color:var(--text-primary);display:flex;font-weight:500;min-height:36px;text-decoration:none;white-space:nowrap}.back-btn:hover{background-color:#e5e7eb}.tab-navigation{-ms-overflow-style:none;background:#fff;background:var(--card-bg);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--card-border);border-radius:8px 8px 0 0;border-radius:var(--mobile-border-radius) var(--mobile-border-radius) 0 0;display:flex;margin-bottom:20px;overflow-x:auto;scrollbar-width:none}.tab-navigation::-webkit-scrollbar{display:none}.tab-button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;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);padding:12px 16px;position:relative;transition:all .2s;white-space:nowrap}.tab-button.active{border-bottom-color:#5b6ad0;border-bottom-color:var(--color-primary);color:#5b6ad0;color:var(--color-primary)}.tab-button:hover:not(.active){background:#f9fafb;color:#1f2937;color:var(--text-primary)}.tab-icon{font-size:16px;font-size:var(--text-base)}.tab-content{background:#fff;background:var(--card-bg);border-radius:0 0 8px 8px;border-radius:0 0 var(--mobile-border-radius) var(--mobile-border-radius);box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--shadow-sm);min-height:400px}@media (min-width:768px){.episode-detail{padding:12px}.episode-header h2{font-size:20px;font-size:var(--text-xl)}.tab-button{font-size:16px;font-size:var(--text-base);padding:16px 20px}}.error,.loading,.not-found{color:#6b7280;color:var(--text-secondary);font-size:16px;font-size:var(--text-base);padding:40px 20px;text-align:center}.error{border-radius:var(--mobile-border-radius)}.no-show-selected{background:#f9fafb;border-radius:8px;border-radius:var(--mobile-border-radius);margin:20px auto;max-width:400px;padding:40px 20px;text-align:center}.no-show-selected p{color:#6b7280;color:var(--text-secondary);margin-bottom:20px}.select-show-btn{background-color:#5b6ad0;background-color:var(--color-primary);border-radius:8px;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:#2563eb}@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:12px;font-size:var(--text-xs);padding:10px 12px}.tab-icon{font-size:14px;font-size:var(--text-sm)}}.tab-button:focus{outline:2px solid #5b6ad0;outline:2px solid var(--color-primary);outline-offset:-2px}@media (min-width:1024px){.episode-detail{padding:20px}}.workflow-nav-desktop{background:#fff;border-bottom:1px solid #e5e7eb;margin-bottom:24px;position:relative}.phase-labels{border-bottom:1px solid #f3f4f6;display:flex}.phase-label{color:#9ca3af;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:#f9fafb;color:#4b5563}.phase-label.active{background:#fff}.tabs-container{padding-top:4px;position:relative}.progress-bar-bg{background:#f3f4f6;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:#6b7280;cursor:pointer;flex:1 1;flex-direction:column;gap:6px;padding:16px 8px;position:relative;transition:all .2s}.tab-btn:hover{background:#f9fafb;color:#374151}.tab-btn.active{background:#fff;font-weight:600}.tab-btn.out-phase{background:#fcfcfc;opacity:.5}.tab-btn.out-phase:hover{background:#f9fafb;opacity:.8}.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:#fff;border:1px solid #e5e7eb;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:#111827;font-size:16px;font-weight:600}.trigger-phase-name{font-size:11px;font-weight:600;margin-top:2px;text-transform:uppercase}.trigger-arrow{color:#9ca3af;font-size:12px;transition:transform .2s}.trigger-arrow.open{transform:rotate(180deg)}.workflow-nav-dropdown{background:#fff;border:1px solid #e5e7eb;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 #f3f4f6;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:#4b5563;cursor:pointer;display:flex;gap:12px;padding:10px 16px;text-align:left;transition:all .1s;width:100%}.dropdown-tab-item:hover{background:#f9fafb;color:#111827}.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:#fafbfc;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:#f1f5f9;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}}.overview-tab-mobile{background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:var(--mobile-padding)}.read-only-banner{background:#fef3c7;border:1px solid #fcd34d;border-radius:var(--mobile-border-radius);color:#92400e;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:0 0 0 3px #3b82f61a;outline:none}.title-textarea{font-weight:600;min-height:60px}.description-textarea{min-height:120px}.references-textarea{background:#f8fafc;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:#fff1f2;border:1px solid #fecaca;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:#7f1d1d;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:#dc2626}@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-close-btn{font-size:24px}.ai-control-bar{background:#fff;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:#f8fafc;border-right:1px solid var(--card-border);flex:1 1}.ai-document-pane{background:#fff;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:#e2e8f0}.ai-message.assistant .ai-message-avatar{background:var(--color-primary);color:#fff}.ai-message-content{background:#fff;border:1px solid var(--card-border)}.ai-message.user .ai-message-content{border-color:var(--color-primary)}.ai-chat-input{background:#fff;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:#f8fafc;border-radius:6px;font-family:inherit;margin:0;padding:12px;white-space:pre-wrap}.ai-settings-modal-overlay{background:#00000080;position:absolute;z-index:10}.ai-settings-modal{box-shadow:0 4px 12px #00000026;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:#fff;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-badge{min-width:45px;text-align:center}.status-badge.complete{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.status-badge.incomplete{background:#f3f4f6;border:1px solid #d1d5db;color:#6b7280}@media (min-width:768px){.status-indicators{gap:10px;justify-content:flex-start}.status-badge{font-size:var(--text-xs);min-width:55px;padding:6px 12px}}@media (max-width:767px){.status-badge{font-size:10px;min-width:40px;padding:3px 6px}}.planning-tab{background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:var(--mobile-padding)}.planning-tab textarea{font-family:inherit}.planning-header-card{display:none}.content-layout{display:flex;flex-direction:column;gap:8px}.field-card{background:var(--card-bg);border:1px solid var(--card-border);border-left:4px solid #e5e7eb;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:#cbd5e1}.field-input.editing,.field-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;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:#94a3b8;font-style:italic}input.field-input,select.field-input,textarea.field-input{background:#fff;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:0 0 0 3px #3b82f61a}.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}.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 (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;display:flex;flex-wrap:wrap;gap:12px}.slideshow-template-select{background:var(--card-bg);border:1px solid var(--card-border);border-radius:6px;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{background:#e74c3c1a;border-left:3px solid var(--color-danger);padding:8px 12px}.guest-selector{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;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:#eff6ff;border:1px solid #bfdbfe;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:#dbeafe;border-color:#93c5fd}.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:#6b7280;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:#fee2e2;color:#dc2626}.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:#cbd5e1}.selector-trigger:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.placeholder{color:#94a3b8;font-style:italic}.selected-count{color:var(--text-primary);font-weight:500}.dropdown-arrow{color:#6b7280;flex-shrink:0;font-size:12px;transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.selector-menu{background:#fff;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:#f8fafc;border-bottom:1px solid var(--card-border);padding:12px}.selector-search input{background:#fff;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 #f1f5f9;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s}.selector-option:last-child{border-bottom:none}.selector-option:hover{background:#f8fafc}.selector-option.selected{background:#eff6ff;border-left:3px solid var(--color-primary)}.selector-option.selected:hover{background:#dbeafe}.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:#f0f9ff;border-radius:8px;color:#0c4a6e;display:inline-block;font-size:10px;font-weight:500;padding:2px 6px;white-space:nowrap}.selector-footer{background:#f8fafc;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:#e0f2fe;color:#0284c7}.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:#f3f4f6;border-color:#d1d5db;border-radius:6px}.guest-selector.disabled .selector-trigger{background:#f9fafb;color:#6b7280;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:#fef2f2;border-color:#ef4444}.guest-selector.error .selector-trigger:focus{border-color:#ef4444;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{letter-spacing:.5px;padding:4px 8px;white-space:nowrap}.status-badge.status-success{background:#d4edda;color:#155724}.status-badge.status-warning{background:#fff3cd;color:#856404}.status-badge.status-inactive{background:#f8d7da;color:#721c24}.comment-section{background:#f9f9f9;border-radius:8px;margin-top:2rem;padding:1.5rem}.comment-section h4{color:#333;margin-bottom:1rem}.comment-form{margin-bottom:2rem}.replying-to{align-items:center;background:#e3f2fd;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:#1976d2;cursor:pointer;text-decoration:underline}.comment-form textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;margin-bottom:.5rem;min-height:80px;padding:.75rem;resize:vertical;width:100%}.comment-form button[type=submit]{background:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.comment-form button[type=submit]:disabled{background:#ccc;cursor:not-allowed}.comments-list{display:flex;flex-direction:column;gap:1rem}.no-comments{color:#666;font-style:italic;padding:2rem;text-align:center}.comment-item{background:#fff;border-left:3px solid #1976d2;border-radius:4px;padding:1rem}.comment-item.depth-1{border-left-color:#64b5f6;margin-left:2rem}.comment-item.depth-2{border-left-color:#90caf9;margin-left:4rem}.comment-header{align-items:center;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.5rem}.comment-header strong{color:#333}.comment-date{color:#666;font-size:.85rem}.comment-text{color:#444;line-height:1.5;margin-bottom:.5rem;white-space:pre-wrap}.reply-btn{background:#0000;border:none;color:#1976d2;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}.ai-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}.ai-modal{height:85vh;width:95%}.ai-modal-header{border-bottom:1px solid #e2e8f0}.ai-modal-title{color:#0f172a;font-size:20px}.ai-close-btn{border:1px solid #e2e8f0;color:#64748b}.ai-control-bar{align-items:center;background:#fafbfc;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:16px;padding:16px 24px}.ai-template-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;padding:10px 12px;transition:all .2s}.ai-template-dropdown:disabled{background:#f9fafb;cursor:not-allowed;opacity:.5}.ai-control-button{background:#fff;border:1px solid #d1d5db;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:#f9fafb;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:#fff;border-right:1px solid #e2e8f0;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:#7c3aed}.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:#f3f4f6;border-bottom-left-radius:4px;color:#374151}.ai-typing-indicator{align-items:center;background:#f9fafb;border-radius:12px;color:#6b7280;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:#f8fafc;border-top:1px solid #e2e8f0;padding:16px 20px}.ai-input-container{display:flex;flex-direction:column;gap:12px}.ai-message-input{border:1px solid #d1d5db;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:#357abd;transform:translateY(-1px)}.ai-generate-button:disabled{background:#9ca3af;cursor:not-allowed}.ai-document-pane{background:#f1f5f9;display:flex;flex:1 1;flex-direction:column}.ai-document-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 24px}.ai-document-title{color:#1f2937;font-size:16px;font-weight:600}.ai-action-button{background:#fff;border:1px solid #d1d5db;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-document-content{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;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:#6b7280;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 #e2e8f0;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:#1e293b;font-weight:600}.ai-document-content p{margin-bottom:1em}.ai-settings-modal-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.ai-settings-modal{background:#fff;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:#374151;font-size:14px}.ai-setting-input,.ai-setting-select{border:1px solid #d1d5db;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 #e2e8f0;border-right:none;height:50%;width:100%}.ai-control-bar{align-items:stretch;flex-direction:column;gap:12px}}:root{--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-success:#10b981;--color-success-hover:#059669;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-warning:#f59e0b;--text-primary:#1f2937;--text-secondary:#6b7280;--card-border:#e5e7eb;--card-bg:#fff;--page-bg:#f8fafc;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-lg:16px;--text-xl:18px}.clips-tab{background:#f8fafc;background:var(--page-bg);color:#1f2937;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;min-height:100%}.clips-toolbar{background:#fff;background:var(--card-bg);border-bottom:1px solid #e5e7eb;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:#f3f4f6;border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:6px;cursor:pointer;font-size:13px;font-size:var(--text-sm);font-weight:500;padding:6px 12px;transition:all .2s}.filter-chip:hover{color:#3b82f6;color:var(--color-primary)}.filter-chip.active,.filter-chip:hover{border-color:#3b82f6;border-color:var(--color-primary)}.filter-chip.active{background:#3b82f6;background:var(--color-primary);color:#fff}.toolbar-divider{background:#e5e7eb;background:var(--card-border);height:24px;width:1px}.sort-dropdown{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:6px;font-size:13px;font-size:var(--text-sm);padding:6px 12px}.btn{align-items:center;display:inline-flex;font-size:var(--text-base);font-weight:500;gap:6px;padding:8px 16px}.btn-secondary{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--card-border);color:#374151}.btn-secondary:hover{background:#f9fafb;border-color:#3b82f6;border-color:var(--color-primary)}.btn-primary{background:#3b82f6;background:var(--color-primary)}.btn-primary:hover{background:#2563eb;background:var(--color-primary-hover)}.btn-ai{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-ai:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.new-clip-controls{align-items:center;display:flex;gap:8px}.clip-count-input{border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:6px;font-size:13px;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:#fef3c7;border:1px solid #fcd34d;border-radius:8px;color:#92400e;display:flex;font-size:13px;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:#fff;background:var(--card-bg);border:2px solid #e5e7eb;border:2px solid var(--card-border);border-radius:8px;overflow:hidden;position:relative;transition:all .3s}.clip-card:hover{box-shadow:0 4px 6px -1px #0000001a}.clip-card.expanded,.clip-card:hover{border-color:#3b82f6;border-color:var(--color-primary)}.clip-card.expanded{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:#f9fafb;border-bottom:1px solid #e5e7eb;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:11px;font-size:var(--text-xs);font-weight:600;padding:4px 10px;text-transform:uppercase}.type-badge.quote{background:#fef3c7;color:#92400e}.type-badge.short{background:#d1fae5;color:#065f46}.type-badge.clip{background:#ede9fe;color:#5b21b6}.status-badge{border-radius:12px;flex-shrink:0;font-size:11px;font-size:var(--text-xs);padding:4px 10px}.status-badge.draft{background:#f3f4f6;color:#4b5563}.status-badge.completed,.status-badge.ready,.status-badge.rendered{background:#dbeafe;color:#1e40af}.status-badge.published,.status-badge.uploaded{background:#dcfce7;color:#166534}.status-badge.rendering{background:#fef3c7;color:#92400e}.status-badge.failed{background:#fee2e2;color:#991b1b}.score-indicator{align-items:center;background:#f0fdf4;border-radius:6px;color:#059669;color:var(--color-success-hover);display:flex;flex-shrink:0;gap:4px;padding:4px 10px}.collapsed-title-text,.score-indicator{font-size:14px;font-size:var(--text-base);font-weight:600}.collapsed-title-text{color:#1f2937;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collapsed-actions{gap:6px}.collapsed-actions,.icon-btn{align-items:center;display:flex}.icon-btn{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:6px;cursor:pointer;font-size:14px;font-size:var(--text-base);height:32px;justify-content:center;transition:all .2s;width:32px}.icon-btn:hover{background:#f9fafb;border-color:#3b82f6;border-color:var(--color-primary)}.expand-btn{color:#6b7280;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:#9ca3af;cursor:pointer;display:flex;font-size:16px;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:13px;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 #e5e7eb;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:#1f2937;color:var(--text-primary);font-size:18px;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:#f9fafb;border:1px solid #3b82f6;border:1px solid var(--color-primary);outline:none}.expanded-content{display:flex;flex-direction:column;gap:20px}.section-label{align-items:center;color:#6b7280;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:#3b82f6;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.textarea-field{min-height:120px;resize:vertical}.template-helper{align-items:start;background:#eff6ff;border-radius:4px;color:#1e40af;display:flex;font-size:12px;gap:8px;padding:10px 12px}.template-vars{display:flex;flex-wrap:wrap;gap:4px}.template-var{background:#fff;border:1px solid #3b82f6;border:1px solid var(--color-primary);border-radius:3px;cursor:pointer;font-family:Courier New,monospace;font-size:11px;font-size:var(--text-xs);padding:3px 8px;transition:all .2s}.template-var:hover{background:#3b82f6;background:var(--color-primary);color:#fff}.tags-container{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.tag-item{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:6px;display:flex;font-size:12px;gap:6px;padding:4px 10px}.tag-remove{color:#6b7280;color:var(--text-secondary);cursor:pointer;font-weight:600}.tag-remove:hover{color:#ef4444;color:var(--color-danger)}.tag-input{background:#fff;border:1px dashed #e5e7eb;border:1px dashed var(--card-border);border-radius:6px;font-size:12px;min-width:100px;padding:6px 10px}.tag-input:focus{border-color:#3b82f6;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:#fff;border:1px solid #e5e7eb;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:#3b82f6;border-color:var(--color-primary);color:#3b82f6;color:var(--color-primary)}.regenerate-btn:disabled{cursor:not-allowed;opacity:.5}.dialogue-preview{background:#f9fafb;border-left:3px solid #3b82f6;border-left:3px solid var(--color-primary);border-radius:4px;color:#4b5563;font-size:13px;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:#f9fafb;border:1px solid #e5e7eb;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:#fff;border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:4px;padding:8px 4px;text-align:center}.score-item .score-label{color:#6b7280;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:#059669;color:var(--color-success-hover);font-size:18px;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:#9ca3af;display:flex;flex-direction:column;font-size:14px;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:#fff;border:1px solid #e5e7eb;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{color:#3b82f6;color:var(--color-primary)}.preview-tab.active,.preview-tab:hover{border-color:#3b82f6;border-color:var(--color-primary)}.preview-tab.active{background:#3b82f6;background:var(--color-primary);color:#fff}.preview-tab:disabled{cursor:not-allowed;opacity:.5}.timing-section{border-top:1px solid #e5e7eb;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{font-size:11px;font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.timing-label,.timing-toggle{color:#6b7280;color:var(--text-secondary)}.timing-toggle{font-size:14px;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;gap:8px;margin-bottom:8px}.time-input-group{display:flex;flex-direction:column;gap:4px}.time-input-label{color:#6b7280;color:var(--text-secondary);font-size:10px;font-weight:500;text-transform:uppercase}.time-input{border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:4px;font-size:13px;font-size:var(--text-sm);padding:8px;text-align:center}.time-input:focus{border-color:#3b82f6;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f61a;outline:none}.duration-display{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:4px;color:#6b7280;color:var(--text-secondary);font-size:13px;font-size:var(--text-sm);margin-bottom:8px;padding:8px;text-align:center}.duration-value{color:#059669;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:#fff;border:1px solid #e5e7eb;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:#3b82f6;border-color:var(--color-primary);color:#3b82f6;color:var(--color-primary)}.timing-actions{border-top:1px solid #e5e7eb;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:13px;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:#3b82f6;background:var(--color-primary);color:#fff}.btn-render:hover:not(:disabled){background:#2563eb;background:var(--color-primary-hover)}.btn-delete{background:#ef4444;background:var(--color-danger);color:#fff;flex:0 0 auto;padding:10px 12px}.btn-delete:hover{background:#dc2626;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:#fff;border:2px solid #e5e7eb;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:#f9fafb}.drawer-trigger.active,.drawer-trigger:hover{border-color:#3b82f6;border-color:var(--color-primary)}.drawer-trigger.active{background:#eff6ff}.drawer-trigger-left{align-items:center;display:flex;gap:10px}.drawer-trigger-icon{font-size:18px;font-size:var(--text-xl)}.drawer-trigger-text{color:#374151;font-size:14px;font-size:var(--text-base);font-weight:600}.drawer-indicators,.drawer-trigger-right{align-items:center;display:flex}.drawer-indicators{font-size:11px;font-size:var(--text-xs);gap:6px}.indicator-badge{background:#f3f4f6;border-radius:4px;font-weight:500;padding:3px 8px}.chevron-icon,.indicator-badge{color:#6b7280;color:var(--text-secondary)}.chevron-icon{font-size:14px;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,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);border-color:#3b82f6;border-color:var(--color-primary);color:#fff}.drawer-trigger.publish-trigger:hover{background:linear-gradient(135deg,#2563eb,#1e40af);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:#fff;border-left:2px solid #3b82f6;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:#f9fafb;border-bottom:2px solid #e5e7eb;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:#1f2937;color:var(--text-primary);font-size:16px;font-size:var(--text-lg);font-weight:600;gap:8px}.drawer-close{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:6px;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;font-size:var(--text-xl);height:32px;justify-content:center;transition:all .2s;width:32px}.drawer-close:hover{background:#f9fafb;border-color:#ef4444;border-color:var(--color-danger);color:#ef4444;color:var(--color-danger)}.drawer-content{padding:20px}.drawer-section{margin-bottom:20px}.drawer-section:last-child{margin-bottom:0}.drawer-section-title{color:#6b7280;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:#f9fafb;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px}.setting-row:last-child{margin-bottom:0}.setting-label{color:#374151;font-size:14px;font-size:var(--text-base);font-weight:500}.toggle-switch{display:inline-block;height:24px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#d1d5db;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:#3b82f6;background-color:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.select-field{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:4px;font-size:13px;font-size:var(--text-sm);padding:8px 12px}.select-field:disabled{cursor:not-allowed;opacity:.5}.channel-list{display:flex;flex-direction:column;gap:10px}.channel-item{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border:2px solid var(--card-border);border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.channel-item:hover{background:#fff}.channel-item.selected,.channel-item:hover{border-color:#3b82f6;border-color:var(--color-primary)}.channel-item.selected{background:#eff6ff}.channel-checkbox{cursor:pointer;flex-shrink:0;height:20px;width:20px}.channel-info{flex:1 1;min-width:0}.channel-name{color:#374151;font-size:14px;font-size:var(--text-base);font-weight:500;margin-bottom:2px}.channel-subs{color:#6b7280;color:var(--text-secondary);font-size:12px}.channel-link{align-items:center;background:#dcfce7;border-radius:4px;color:#166534;display:inline-flex;flex-shrink:0;font-size:11px;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:#f9fafb;border:2px solid #e5e7eb;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:#fff;border-color:#3b82f6;border-color:var(--color-primary)}.schedule-btn.selected{background:#eff6ff;border-color:#3b82f6;border-color:var(--color-primary);color:#3b82f6;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:#6b7280;color:var(--text-secondary);font-size:10px}.download-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--card-border);border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;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:#3b82f6;border-color:var(--color-primary);color:#3b82f6;color:var(--color-primary)}.download-btn:disabled{cursor:not-allowed;opacity:.5}.publish-action-btn{align-items:center;background:#10b981;background:var(--color-success);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;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:#059669;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}.clip-comments{background:#f9fafb;border-top:1px solid #e5e7eb;border-top:1px solid var(--card-border);padding:16px 24px 24px}.no-clips-message{background:#fff;border:2px dashed #e5e7eb;border:2px dashed var(--card-border);border-radius:8px;grid-column:1/-1;padding:60px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px}.no-clips-message h3{color:#1f2937;color:var(--text-primary);font-size:16px;font-size:var(--text-lg);font-weight:600;margin-bottom:8px}.no-clips-message p{color:#6b7280;color:var(--text-secondary);font-size:14px;font-size:var(--text-base)}.loading{color:#6b7280;font-size:14px;padding:60px 20px;text-align:center}.error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#ef4444;color:var(--color-danger);margin-bottom:20px;padding:20px}@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{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 #e5e7eb;border-bottom:1px solid var(--card-border);flex-shrink:0}.ai-modal-title{color:#1f2937;color:var(--text-primary);font-size:18px;font-size:var(--text-xl)}.ai-close-btn{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--card-border);color:#6b7280;color:var(--text-secondary);font-size:20px;height:32px;width:32px}.ai-close-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.ai-settings-bar{background:#f8fafc;border-bottom:1px solid #e5e7eb;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:#1f2937;color:var(--text-primary);font-weight:500}.ai-settings-toggle-icon{color:#6b7280;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:#6b7280;color:var(--text-secondary);font-size:11px;font-size:var(--text-xs);font-weight:500}.ai-setting-input{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:6px;font-size:13px;font-size:var(--text-sm);padding:8px 12px}.ai-modal-content{display:flex;flex:1 1;overflow:hidden}.ai-modal-left{background:#fff;border-right:1px solid #e5e7eb;border-right:1px solid var(--card-border);flex:2 1;overflow-y:auto;padding:24px}.ai-modal-right{background:#fafbfc;display:flex;flex:3 1;flex-direction:column;overflow-y:auto;padding:24px}.ai-section{margin-bottom:24px}.ai-section-title{color:#1f2937;color:var(--text-primary);font-size:13px;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:#3b82f6;background:var(--color-primary);border-radius:50%;color:#fff;flex-shrink:0;font-size:11px;font-size:var(--text-xs);height:24px;justify-content:center;width:24px}.ai-select{cursor:pointer;padding:10px 12px}.ai-select,.ai-textarea{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:6px;font-size:13px;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:#3b82f6;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.ai-textarea.small{min-height:80px}.ai-generate-btn{background:#3b82f6;background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-size:var(--text-sm);font-weight:500;padding:12px 24px;transition:background-color .2s;width:100%}.ai-generate-btn:hover:not(:disabled){background:#2563eb;background:var(--color-primary-hover)}.ai-generate-btn:disabled{background:#9ca3af;cursor:not-allowed}.ai-preview-title{color:#1f2937;color:var(--text-primary);font-size:16px;font-size:var(--text-lg);font-weight:600;margin-bottom:16px}.ai-preview-box{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:8px;flex:1 1;font-size:13px;font-size:var(--text-sm);line-height:1.6;margin-bottom:20px;min-height:400px;overflow-y:auto;padding:20px}.ai-preview-placeholder{color:#94a3b8;font-style:italic}.ai-apply-btn{background:#10b981;background:var(--color-success);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-size:var(--text-sm);font-weight:500;padding:12px 24px;transition:background-color .2s;width:100%}.ai-apply-btn:hover:not(:disabled){background:#059669;background:var(--color-success-hover)}.ai-apply-btn:disabled{background:#9ca3af;cursor:not-allowed}.ai-clip-result{background:#fff;border:1px solid #e5e7eb;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:#1f2937;color:var(--text-primary);flex:1 1;font-size:13px;font-size:var(--text-sm);font-weight:600}.ai-clip-type{border-radius:12px;font-size:11px;font-size:var(--text-xs);font-weight:600;padding:2px 8px;text-transform:uppercase;white-space:nowrap}.ai-clip-type.short{background:#d1fae5;color:#065f46}.ai-clip-type.quote{background:#fef3c7;color:#92400e}.ai-clip-type.clip{background:#ede9fe;color:#5b21b6}.ai-clip-timing{margin-bottom:8px}.ai-alt-titles,.ai-clip-scores,.ai-clip-timing{color:#6b7280;color:var(--text-secondary);font-size:11px;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:#1f2937;color:var(--text-primary);font-weight:500}.ai-number-input,.ai-parameter-label{font-size:13px;font-size:var(--text-sm)}.ai-number-input{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:6px;padding:10px 12px;width:100%}.template-description{font-size:11px;font-size:var(--text-xs);margin-top:8px}.no-templates,.template-description{color:#6b7280;color:var(--text-secondary);font-style:italic}.no-templates{background:#f8fafc;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 #e5e7eb;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}.datetime-picker{display:flex;flex-direction:column;gap:8px}.datetime-picker input[type=date],.datetime-picker input[type=time]{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:6px;color:#1f2937;color:var(--text-primary);font-family:inherit;font-size:13px;font-size:var(--text-sm);padding:10px 12px;width:100%}.datetime-picker input[type=date]:focus,.datetime-picker input[type=time]:focus{border-color:#3b82f6;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;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:#059669}.channel-status.status-failed{color:#dc2626}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.channel-item.status-uploading{background:#eff6ff;border-color:#3b82f6}.channel-item.status-completed{background:#f0fdf4;border-color:#10b981}.channel-item.status-failed{background:#fef2f2;border-color:#ef4444}.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:#fff;border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:6px;color:#1f2937;color:var(--text-primary);font-family:inherit;font-size:13px;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:#3b82f6;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.content-section{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.content-section:last-child{margin-bottom:0}.section-label{color:#1f2937;color:var(--text-primary);display:block;font-size:13px;font-size:var(--text-sm);font-weight:600;margin-bottom:4px}.thumbnail-selector-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:1000}.thumbnail-selector-modal{background:#fff;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 #e0e0e0;display:flex;justify-content:space-between;padding:20px}.thumbnail-selector-header h2{color:#333;font-size:24px;margin:0}.close-btn{background:none;color:#666;font-size:32px;line-height:1;padding:0}.close-btn:hover{color:#333}.thumbnail-selector-content{flex:1 1;overflow-y:auto;padding:20px}.empty-state,.loading-state{color:#666;padding:40px 20px;text-align:center}.empty-state p{margin:10px 0}.thumbnails-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.thumbnail-item{background:#f5f5f5;border:3px solid #0000;position:relative}.thumbnail-item:hover{border-color:#2196f3;box-shadow:0 4px 8px #0000001a}.thumbnail-item.selected{border-color:#4caf50;box-shadow:0 4px 12px #4caf504d}.thumbnail-item img{aspect-ratio:16/9;display:block;height:auto;object-fit:cover;width:100%}.thumbnail-title{background:#fff;border-top:1px solid #e0e0e0;color:#333;font-size:14px;overflow:hidden;padding:10px;text-overflow:ellipsis;white-space:nowrap}.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 #e0e0e0;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:#f5f5f5;color:#333}.cancel-btn:hover{background:#e0e0e0}.confirm-btn{background:#4caf50;color:#fff}.confirm-btn:hover:not(:disabled){background:#45a049}.confirm-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.media-tab{background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:var(--mobile-padding)}.websocket-status-container{display:flex;justify-content:flex-end;margin-bottom:16px}.websocket-status{background:#f1f5f9;border-radius:12px;color:var(--text-secondary);font-size:var(--text-xs);font-weight:500;padding:4px 8px}.websocket-status.connected{background:#dcfce7;color:var(--color-success)}.websocket-status.disconnected{background:#fef3c7;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 #e5e7eb;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:#f44336}.media-card.drag-active{background:#4a90e20d;border:2px dashed var(--color-primary);transform:scale(1.02)}.media-card-header{align-items:center;background:#f8fafc;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:#f44336}.video-version-toggle{background:#f8fafc;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 #e5e7eb;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:#f1f5f9;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:#fafbfc;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:#357abd;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);padding:12px 20px;text-align:center;transition:all .2s;width:150px}.file-input-label:hover{background:#357abd}.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:#e5e7eb;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:#dc2626}.upload-cancel-btn:active{transform:scale(.98)}.upload-error{background:#fef2f2;border:1px solid #fecaca;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:#f0fdf4;border:1px solid #bbf7d0;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:#fff;--creator-border:#e5e7eb;--creator-border-radius:8px;--creator-padding:16px;--creator-touch-target:44px;--creator-shadow:0 10px 30px #00000026}.thumbnail-creator{background:#fff;background:var(--creator-bg);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;width:100%}.modal-backdrop{background-color:#00000080;z-index:1000}.creator-header-card{background:#f8fafc;border-bottom:1px solid #e5e7eb;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;border-radius:6px;cursor:pointer;font-size:var(--text-sm);font-weight:500;min-height:44px;min-height:var(--creator-touch-target);padding:10px 20px;transition:all .2s ease}.close-btn{border:1px solid #e5e7eb;border:1px solid var(--creator-border);color:var(--text-secondary);transition:all .2s ease}.close-btn:hover{border-color:#cbd5e1}.error-message{background:#fef2f2;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:#fff;border:1px solid #e5e7eb;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:#fff;border:1px solid #e5e7eb;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:#f3f4f6;color:var(--text-primary)}.header-actions .cancel-btn:hover{background:#e5e7eb}.header-actions .save-btn{background:var(--color-primary);color:#fff}.header-actions .save-btn:hover:not(:disabled){background:#357abd}.header-actions .save-btn:disabled{background:#9ca3af;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:#fff;border:1px solid #e5e7eb;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=range]{-webkit-appearance:none;background:#e5e7eb;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:#fff;border:1px solid #e5e7eb;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:#f8fafc;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:#f8fafc;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:#9ca3af;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 #e5e7eb;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:#357abd}.upload-main-btn:active{transform:scale(.98)}.empty-layers{background:#f9fafb;border:1px dashed #d1d5db;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:#fff;border:1px solid #e5e7eb;border:1px solid var(--creator-border);border-radius:6px;overflow:hidden}.layer-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;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:#dc2626}.unified-image-browser{background-color:#fff;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 #eee;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:#333}.unified-image-browser .image-source-tabs{border-bottom:1px solid #eee;display:flex;padding:0 20px}.unified-image-browser .tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#666;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{background-color:#f9f9f9;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:#555;font-weight:500}.unified-image-browser .filter-group select{background-color:#fff;border:1px solid #ddd;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:#f5f5f5;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:#fff;border:1px dashed #ccc;border-radius:4px;padding:10px;width:100%}.unified-image-browser .loading,.unified-image-browser .no-images{color:#666;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;font-size:48px;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:#fff;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}.modal-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--creator-border);padding:16px 20px}.modal-header h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin:0}.thumbnails-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:20px}.thumbnail-item{border:2px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .2s ease}.thumbnail-item:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.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{color:var(--text-secondary);font-size:var(--text-base);height:200px}.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}.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-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:#f8fafc;border-top:1px solid #e5e7eb;border-top:1px solid var(--creator-border);display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:12px 20px}.selection-counter{color:var(--text-secondary)}.add-selected-btn,.selection-counter{font-size:var(--text-sm);font-weight:500}.add-selected-btn{background-color:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .2s ease}.add-selected-btn:hover:not(:disabled){background-color:#357abd}.add-selected-btn:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.7}.controls-column{background:#fff;display:flex;flex-direction:column;height:100%}.tabs{background:#fafafa;border-bottom:2px solid #e0e0e0;display:flex}.tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:16px;text-align:center;transition:all .2s}.tab:hover{background:#f5f5f5}.tab.active{background:#fff;border-bottom-color:#4a90e2;color:#4a90e2}.tab-content{flex:1 1;overflow-y:auto;padding:24px}.tab-panel{display:block}.section{background:#fafafa;border:1px solid #e5e5e5;border-radius:6px;margin-bottom:24px;padding:16px}.tab-panel .section-title,.thumbnail-creator .section-title{color:#666!important;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.form-group{margin-bottom:16px}.form-label{color:#333;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.form-control{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.radio-label{gap:6px}.checkbox-label,.radio-label{align-items:center;cursor:pointer;display:flex}.checkbox-label{gap:8px}.slider-control{align-items:center;display:flex;gap:12px}.slider-value{color:#666;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:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;flex:1 1;font-size:13px;padding:10px;transition:all .2s}.align-btn:hover{background:#f5f5f5}.align-btn.active{background:#4a90e2;border-color:#4a90e2;color:#fff}.add-image-btn{border:2px dashed #ddd;color:#666;font-size:14px;font-weight:500;margin-bottom:16px;padding:12px;width:100%}.add-image-btn:hover{background:#f9fcff;border-color:#4a90e2;color:#4a90e2}.layer-card{background:#fff;border:2px solid #e5e5e5;border-radius:6px;cursor:pointer;padding:12px;transition:all .2s}.layer-card:hover{border-color:#4a90e2}.layer-card.selected{background:#f9fcff;border-color:#4a90e2}.layer-title{align-items:center;display:flex;font-size:14px;font-weight:500;gap:8px}.layer-number{align-items:center;background:#4a90e2;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:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;width:28px}.layer-controls button:hover:not(:disabled){background:#f5f5f5}.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:#f0f0f0;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 #ddd;border-radius:4px;font-size:16px;font-weight:600;padding:12px;text-align:center;width:100%}.arrow-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s;width:36px}.arrow-btn:hover{background:#f5f5f5;border-color:#4a90e2}.arrow-btn:active{background:#e5e7eb}.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:#666;cursor:pointer;font-weight:500;padding:8px;transition:background .2s}.advanced-settings summary:hover{background:#f5f5f5}.advanced-settings[open] summary{margin-bottom:12px}.back-btn{background:none;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.back-btn:hover{background:#f5f5f5;border-color:#999}@media (min-width:768px){.creator-main{grid-gap:0;display:grid;gap:0;grid-template-columns:60% 40%;min-height:600px}.preview-column{background:#fafafa;border-right:1px solid #e0e0e0;padding:24px}}@media (max-width:1024px){.creator-main{grid-template-columns:1fr}.preview-column{border-bottom:1px solid #e0e0e0;border-right:none}}:root{--thumbnail-card-bg:#fff;--thumbnail-card-border:#e8e8e8;--thumbnail-card-accent:#4a90e2;--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:#fff;background:var(--thumbnail-card-bg);border:1px solid #e8e8e8;border-left:4px solid #4a90e2;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:#e5e7eb;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:#f1f5f9;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:#fafbfc;border-top:1px solid #f0f0f0;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:#f3f4f6;color:var(--text-primary)}.edit-btn:hover{background:#e5e7eb}.delete-btn{background:var(--color-danger);color:#fff}.delete-btn:hover{background:#dc2626}.thumbnail-grid-loading{align-items:center;background:#fff;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:#fef2f2;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:#dc2626}.thumbnail-grid-empty{background:#fff;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:#357abd}.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:#357abd}.extract-btn{background:#f59e0b;color:#fff}.extract-btn:hover:not(:disabled){background:#d97706}.extract-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.cleanup-btn{background:#6b7280;color:#fff}.cleanup-btn:hover{background:#4b5563}.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:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;margin-top:16px;padding:16px}.progress-bar{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:8px}.progress-bar-fill{background:var(--color-primary);height:100%;transition:width .3s ease}.progress-text{color:var(--text-secondary);font-size:var(--text-sm)}@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 #ddd;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:#f9f9f9;border-left:4px solid #ddd;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:#f5f5f5}.platform-header.uploaded{border-left-color:#4caf50}.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:#999;font-size:14px;padding:4px;transition:transform .2s}.platform-row.expanded .expand-icon{transform:rotate(90deg)}.view-link-header{align-items:center;background-color:#4a90e2;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:#3a7bc8;box-shadow:0 2px 4px #4a90e24d;color:#fff;text-decoration:none;transform:translateY(-1px)}.view-link-header:focus{outline:2px solid #1d4ed8;outline-offset:2px}.platform-panel{background-color:#fff;border-top:1px solid #eee;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:#dcfce7;border:1px solid #22c55e;color:#166534}.status-banner.pending{background-color:#fef3c7;border:1px solid #f59e0b;color:#92400e}.status-badge{font-size:14px;font-weight:500;padding:6px 12px}.status-badge.complete{background-color:#e8f5e9;color:#2e7d32}.status-badge.missing{background-color:#ffebee;color:#c62828}.status-badge.pending{background-color:#fff8e1;color:#ff8f00}.media-status-row{background-color:#f9f9f9;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:#555}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;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:#f9f9f9;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 #ddd;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:#f0f0f0;color:#333}.upload-btn{background-color:#4a90e2;color:#fff}.copy-btn{background-color:#22c55e;color:#fff}.save-btn:hover{background-color:#e0e0e0}.upload-btn:hover{background-color:#3a7bc8}.copy-btn:hover{background-color:#16a34a}.upload-btn:disabled{background-color:#b0b0b0;cursor:not-allowed}.copy-btn:focus{outline:2px solid #065f46;outline-offset:2px}.btn-text-mobile{display:none}.btn-text-full{display:block}.copy-feedback{animation:slideInRight .3s ease-out;background-color:#059669;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{margin:15px 0}.progress-bar{background-color:#e0e0e0;border-radius:10px;height:20px}.progress-fill{background-color:#4caf50}.progress-text{font-size:14px;margin-top:5px;text-align:center}.progress-container{align-items:center;display:flex;justify-content:space-between;margin-top:5px}.cancel-button{background-color:#f44336;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 #4a90e2;outline-offset:-2px}@media (prefers-contrast:high){.copy-btn{border:2px solid #065f46}.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:#4a90e2;--modal-primary-hover:#357abd;--modal-text-primary:#111827;--modal-text-secondary:#6b7280;--modal-border:#e5e7eb;--modal-bg-light:#f8fafc}.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:#fff;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:#f8fafc;background:var(--modal-bg-light);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--modal-border);display:flex;justify-content:space-between;padding:20px 24px}.ai-modal-title{color:#111827;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:#fff!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:#111827;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:#6b7280;color:var(--modal-text-secondary);font-size:13px;font-weight:600}.input-field{background:#fff;border:1px solid #e5e7eb;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:#4a90e2;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:#fff;border:2px solid #e5e7eb;border:2px solid var(--modal-border);border-radius:8px;cursor:pointer;display:flex;gap:14px;padding:14px;transition:all .2s}.platform-item:hover{background:#f8fafc;background:var(--modal-bg-light);border-color:#cbd5e1}.platform-item.selected{background:#eff6ff;border-color:#4a90e2;border-color:var(--modal-primary);box-shadow:0 0 0 1px #4a90e2;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.twitter{background:#1da1f2}.platform-icon.default{background:#6b7280}.platform-info{flex:1 1;min-width:0}.platform-name{color:#111827;color:var(--modal-text-primary);font-size:14px;margin-bottom:2px}.platform-account{color:#6b7280;color:var(--modal-text-secondary);font-size:12px}.platform-controls{align-items:center;display:flex;gap:10px}.frequency-input{border:1px solid #e5e7eb;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:#f9fafb;color:#9ca3af;cursor:not-allowed}.frequency-input:focus{border-color:#4a90e2;border-color:var(--modal-primary);box-shadow:0 0 0 2px #4a90e21a;outline:none}.frequency-label{color:#6b7280;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:#fff;border:2px solid #e5e7eb;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:#f8fafc;background:var(--modal-bg-light);border-color:#cbd5e1}.content-type-chip.selected{background:#eff6ff;border-color:#4a90e2;border-color:var(--modal-primary);color:#4a90e2;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:#fff;border:1px solid #e5e7eb;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:#f8fafc;background:var(--modal-bg-light)}.advanced-settings{grid-gap:16px;border:1px solid #e5e7eb;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:#fef3c7;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 #e5e7eb;border-radius:50%;border-top:5px solid var(--modal-primary);height:56px;margin-bottom:24px;width:56px}.progress-status{color:#111827;color:var(--modal-text-primary);font-size:18px;font-weight:600;margin-bottom:10px}.progress-hint{color:#6b7280;color:var(--modal-text-secondary);font-size:14px}.preview-container{overflow-y:auto;padding:0}.preview-header{background:#f8fafc;background:var(--modal-bg-light);border-bottom:2px solid #e5e7eb;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:#4a90e2;color:var(--modal-primary);font-size:36px;font-weight:700;line-height:1}.stat-label{color:#6b7280;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:#fff;border:1px solid #e5e7eb;border:1px solid var(--modal-border);border-radius:8px;overflow:hidden}.day-header{align-items:center;background:#f8fafc;background:var(--modal-bg-light);color:#111827;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:#4a90e2;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:#6b7280;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:#111827;color:var(--modal-text-primary);font-size:13px;line-height:1.5}.modal-footer{align-items:center;background:#f8fafc;background:var(--modal-bg-light);border-top:2px solid #e5e7eb;border-top:2px solid var(--modal-border);display:flex;justify-content:space-between;padding:16px 24px}.btn{border:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:11px 22px;transition:all .2s}.btn-cancel{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--modal-border);color:#6b7280;color:var(--modal-text-secondary)}.btn-cancel:hover{background:#f8fafc;background:var(--modal-bg-light);border-color:#cbd5e1}.btn-primary{background:#4a90e2;background:var(--modal-primary);border:2px solid #4a90e2;border:2px solid var(--modal-primary);color:#fff}.btn-primary:hover{background:#357abd;background:var(--modal-primary-hover);border-color:#357abd;border-color:var(--modal-primary-hover)}.btn-primary:disabled{background:#9ca3af;border-color:#9ca3af;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}.btn{justify-content:center;width:100%}}.advanced-toggle:focus,.ai-close-btn:focus,.btn:focus,.input-field:focus,.platform-checkbox:focus{outline:2px solid #4a90e2;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:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:var(--mobile-padding)}.promotion-alert{background:#fefce8;border:1px solid #fef08a;border-radius:var(--mobile-border-radius);color:#854d0e;font-size:var(--text-sm);margin-bottom:16px;padding:16px}.promotion-alert.error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.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:#f8fafc;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:#f1f5f9}.post-count-badge{background:#e2e8f0;border-radius:12px;color:var(--text-secondary);font-size:11px;padding:2px 8px}.accordion-content{padding:0}.post-card{background:#fff;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.default{background:#64748b;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}.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:#f3f4f6;color:#4b5563}.status-scheduled{background:#dbeafe;color:#1e40af}.status-queued{background:#ffedd5;color:#b45309}.status-sent{background:#dcfce7;color:#166534}.status-failed{background:#fee2e2;color:#991b1b}.status-cancelled{background:#f3f4f6;color:#9ca3af;text-decoration:line-through}.post-message-area{flex:1 1}.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);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:#fff;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:#f0f9ff;border-color:var(--color-primary)}.post-actions-area{gap:12px;justify-content:space-between}.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:#357abd}.btn-schedule{background:#fff;border-color:var(--card-border);color:var(--text-primary)}.btn-schedule:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-delete{background:#fff;border-color:#fecaca;color:var(--color-danger)}.btn-delete:hover{background:#fee2e2}.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:#fff;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:#f8fafc}.dropdown-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:40}.empty-state{background:#fff;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}.modal-backdrop{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:100}.promotion-media-picker{background:#fff;border-radius:12px;display:flex;flex-direction:column;height:80vh;max-width:800px;width:100%}.modal-header{align-items:center;justify-content:space-between;padding:16px 24px}.media-tabs,.modal-header{border-bottom:1px solid var(--card-border);display:flex}.media-tabs{padding:0 24px}.media-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;font-weight:500;padding:12px 16px}.media-tab.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.thumbnails-grid{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));overflow-y:auto;padding:24px}.thumbnail-option{border:2px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .2s}.thumbnail-option:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.thumbnail-option img{display:block;height:auto;width:100%}@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%}}.timeline-tab{background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:24px}.timeline-header-card{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #3b82f6;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px}.timeline-header-top{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.timeline-header-top h3{color:#1e293b;flex:1 1;font-size:20px;font-weight:600;margin:0}.timeline-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.outline-btn,.primary-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.primary-btn{background-color:#3b82f6;color:#fff}.primary-btn:hover{background-color:#2563eb}.primary-btn:disabled{cursor:not-allowed;opacity:.5}.outline-btn{background-color:initial;border:1px solid #e2e8f0;color:#64748b}.outline-btn:hover{background-color:#f8fafc}.status-bar{background:#f8fafc;border-radius:6px;color:#64748b;display:flex;flex-wrap:wrap;font-size:13px;gap:16px;padding:12px}.status-item{align-items:center;display:flex;gap:6px}.status-item.success{color:#16a34a}.status-item.warning{color:#ea580c}.chapter-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px;overflow:hidden}.chapter-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background .2s;-webkit-user-select:none;user-select:none}.chapter-header:hover{background:#f1f5f9}.chapter-left{align-items:center;display:flex;flex:1 1;gap:12px}.chapter-arrow{color:#94a3b8;font-size:14px;transition:transform .2s}.chapter-arrow.expanded{transform:rotate(90deg)}.chapter-title-wrapper{display:flex;flex-direction:column;gap:4px}.chapter-title{color:#1e293b;font-size:16px;font-weight:600}.chapter-time-range{color:#64748b;font-family:Courier New,monospace;font-size:12px}.chapter-right{align-items:center;display:flex;gap:16px}.add-intro-slide{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:6px 12px;transition:all .2s}.add-intro-slide:hover{background:#f0f9ff;border-color:#3b82f6;color:#3b82f6}.add-intro-slide.active{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.add-intro-slide input[type=checkbox]{margin:0}.chapter-content{display:none}.chapter-content.expanded{display:block}.timeline-table{border-collapse:collapse;width:100%}.timeline-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:11px;font-weight:600;letter-spacing:.5px;padding:10px 12px;text-align:left;text-transform:uppercase}.timeline-table td{border-bottom:1px solid #f0f0f0;padding:10px 12px;vertical-align:top}.timeline-table tr:hover{background:#f8fafc}.col-time{width:130px}.col-speaker{width:90px}.col-slide{width:280px}.timecode-cell{color:#64748b;font-family:Courier New,monospace;font-size:12px;line-height:1.6;white-space:nowrap}.speaker-cell{padding:10px 12px}.speaker-badge{background:#e0e7ff;border-radius:4px;color:#4338ca;display:inline-block;font-size:11px;font-weight:500;padding:3px 8px}.text-cell{color:#334155;font-size:13px;line-height:1.5}.slide-cell{padding:8px 12px!important}.chapter-intro-row{background:#fef3c7;border-bottom:2px solid #fbbf24;border-top:2px solid #fbbf24}.chapter-intro-row:hover{background:#fef3c7!important}.chapter-intro-cell{padding:12px 16px!important}.chapter-intro-slide{align-items:center;display:flex;gap:12px}.chapter-intro-icon{font-size:24px}.chapter-intro-content{flex:1 1}.chapter-intro-title{color:#92400e;font-size:14px;font-weight:600;margin-bottom:4px}.chapter-intro-meta{color:#b45309;font-size:11px}.chapter-intro-actions{display:flex;gap:6px}.mini-btn{background:#fff;border:1px solid #fde047;border-radius:4px;color:#92400e;cursor:pointer;font-size:11px;padding:4px 8px;transition:all .2s}.mini-btn:hover{background:#fef9c3}.add-slide-btn{background:#fff;border:1px dashed #cbd5e1;border-radius:6px;color:#64748b;cursor:pointer;display:block;font-size:12px;padding:6px 12px;text-align:center;transition:all .2s;width:100%}.add-slide-btn:hover{background:#f0f9ff;border-color:#3b82f6;color:#3b82f6}.slide-card{background:#f0fdf4;border:1px solid #86efac;border-radius:6px;box-shadow:0 1px 2px #0000000d;padding:10px;position:relative}.slide-card-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px}.slide-title{color:#047857;flex:1 1;font-size:13px;font-weight:600;line-height:1.3}.slide-menu-btn{align-items:center;background:#fff;border:1px solid #d1fae5;border-radius:4px;color:#059669;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:24px;justify-content:center;position:relative;transition:all .2s;width:24px}.slide-menu-btn:hover{background:#ecfdf5;border-color:#86efac}.slide-time{color:#059669;font-family:Courier New,monospace;font-size:11px;margin-bottom:6px}.slide-bullets{color:#065f46;font-size:11px;line-height:1.4}.slide-bullets ul{margin:0;padding-left:14px}.slide-bullets li{margin-bottom:2px}.slide-position-badge{background:#fff;border:1px solid #d1fae5;border-radius:3px;color:#047857;display:inline-block;font-size:10px;margin-top:6px;padding:2px 6px}.slide-card.continues-from{border-top:2px dashed #86efac;border-top-left-radius:0;border-top-right-radius:0;padding-top:8px}.slide-card.continues-to{border-bottom:2px dashed #86efac;border-bottom-left-radius:0;border-bottom-right-radius:0;padding-bottom:8px}.slide-continuation{color:#059669;font-size:11px;padding:8px;text-align:center}.slide-card.continues-from:not(.compact-continuation):before{background:#fff;color:#86efac;content:"↑ Continues from above";font-size:10px;left:10px;padding:0 4px;position:absolute;top:-16px}.slide-card.continues-to:not(.compact-continuation):after{background:#fff;bottom:-16px;color:#86efac;content:"↓ Continues below";font-size:10px;left:10px;padding:0 4px;position:absolute}.slide-split{display:flex;flex-direction:column;gap:12px}.slide-card.split-top{border-bottom:2px dashed #86efac;border-bottom-left-radius:0;border-bottom-right-radius:0}.slide-card.split-bottom{border-top:2px dashed #86efac;border-top-left-radius:0;border-top-right-radius:0}.slide-split-divider{color:#94a3b8;font-size:10px;font-style:italic;padding:4px 0;text-align:center}.slide-end-time{color:#86efac;font-size:10px;margin-top:4px}.slide-menu{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 12px #00000026;display:none;min-width:160px;position:absolute;right:0;top:30px;z-index:50}.slide-menu.open{display:block}.slide-menu-item{align-items:center;border-bottom:1px solid #f1f5f9;color:#475569;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:8px 12px;transition:background .2s}.slide-menu-item:last-child{border-bottom:none}.slide-menu-item:hover{background:#f8fafc}.slide-menu-item.duplicate{color:#3b82f6}.slide-menu-item.delete{color:#dc2626}.sidebar-editor{background:#fff;border-left:1px solid #e2e8f0;box-shadow:-4px 0 12px #0000001a;height:100vh;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:450px;z-index:100}.sidebar-editor.open{transform:translateX(0)}.timeline-area{transition:margin-right .3s ease}.timeline-area.sidebar-open{margin-right:450px}.sidebar-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.sidebar-header h2{color:#1e293b;font-size:18px;font-weight:600;margin:0}.close-btn{align-items:center;background:#fff;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:background .2s;width:32px}.close-btn:hover{background:#f1f5f9}.sidebar-body{padding:20px}.sidebar-footer{background:#fff;border-top:1px solid #e2e8f0;bottom:0;display:flex;gap:12px;padding:20px;position:-webkit-sticky;position:sticky}.sidebar-footer .btn{flex:1 1}.form-group{margin-bottom:20px}.form-group label{color:#475569;display:block;font-size:13px;font-weight:500;margin-bottom:8px}.form-group input[type=number],.form-group input[type=text],.form-group textarea{border:1px solid #e2e8f0;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.time-inputs{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.time-input-wrapper{display:flex;flex-direction:column;gap:6px}.time-input-wrapper label{color:#64748b;font-size:12px;margin:0}.time-input{font-family:Courier New,monospace}.char-count,.helper-text{color:#94a3b8;font-size:11px;margin-top:4px}.bullets-list{display:flex;flex-direction:column;gap:8px}.bullet-item{align-items:center;display:flex;gap:8px}.bullet-item input{flex:1 1}.remove-bullet{align-items:center;background:#fee2e2;border:none;border-radius:4px;color:#dc2626;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;transition:background .2s;width:28px}.remove-bullet:hover{background:#fecaca}.add-bullet-btn{background:#fff;border:1px dashed #cbd5e1;border-radius:6px;color:#64748b;cursor:pointer;font-size:13px;margin-top:8px;padding:8px 12px;transition:all .2s;width:100%}.add-bullet-btn:hover{border-color:#3b82f6;color:#3b82f6}.add-bullet-btn:disabled{cursor:not-allowed;opacity:.5}.position-controls{display:flex;gap:8px}.position-btn{background:#fff;border:2px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:10px;transition:all .2s}.position-btn.active{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.position-btn:hover,.preview-box{background:#f8fafc}.preview-box{border:1px solid #e2e8f0;border-radius:6px;margin-top:8px;padding:16px}.preview-box h4{color:#64748b;font-size:12px;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.preview-slide{background:#1a1a2e;border-radius:6px;color:#00d4ff;min-height:180px;padding:24px}.preview-slide h3{font-size:22px;font-weight:700;margin-bottom:16px}.preview-slide ul{list-style:none;padding-left:0}.preview-slide li{font-size:16px;line-height:1.4;margin-bottom:8px;padding-left:20px;position:relative}.preview-slide li:before{content:"•";font-size:20px;left:0;position:absolute}.generate-preview-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;margin-top:12px;padding:10px;transition:background .2s;width:100%}.generate-preview-btn:hover{background:#059669}.error-container{align-items:center;display:flex;justify-content:center;padding:40px 20px;text-align:center}.error-message{background-color:#fef2f2;border-left:4px solid #dc2626;color:#7f1d1d;font-size:14px;max-width:500px;padding:16px}.loading{align-items:center;color:#64748b;display:flex;font-size:16px;justify-content:center;padding:40px 20px}@media (max-width:1024px){.sidebar-editor{width:100%}.timeline-area.sidebar-open{margin-right:0}}@media (max-width:768px){.timeline-tab{padding:16px}.col-slide{width:220px}.sidebar-editor{width:100%}}.chapter-section{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.waveform-peaks-container{background:#1a1a1a;border-radius:4px;overflow:hidden;width:100%}.waveform-zoomview{background:#2a2a2a;height:120px;width:100%}.waveform-controls{background:#1a1a1a;display:flex;gap:8px;justify-content:center;padding:8px}.zoom-btn{background:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background .2s}.zoom-btn:hover{background:#357abd}.zoom-btn:active{background:#2868a8}.waveform-error,.waveform-loading{align-items:center;background:#2a2a2a;border-radius:4px;color:#999;display:flex;height:120px;justify-content:center;width:100%}.waveform-error{color:#ff6b6b}.waveform-zoomview .konvajs-content{width:100%!important}.waveform-zoomview canvas{height:100%!important;width:100%!important}.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:4px solid #f3f3f3;border-radius:50%;border-top-color:#4a90e2;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}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.editor-tab-no-video{background:#f9f9f9;border-radius:8px}.no-video-message{max-width:500px}.no-video-message h3{color:#333;font-size:24px;margin-bottom:16px}.no-video-message p{color:#666;line-height:1.6;margin-bottom:12px}.no-video-message .note{color:#888;font-size:14px;font-style:italic;margin-top:20px}.go-to-media-btn{background:#4a90e2;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:#357abd}.go-to-media-btn:active{background:#2868a8}.editor-tab-no-session{background:#f9f9f9;border-radius:8px}.no-session-container{max-width:600px}.no-session-container h3{color:#333;font-size:28px;margin-bottom:12px}.intro-text{color:#666;font-size:16px;margin-bottom:24px}.analysis-info{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:24px;padding:20px 24px;text-align:left}.analysis-info h4{color:#333;font-size:15px;margin-bottom:12px}.analysis-info ul{list-style:none;margin:0 0 16px;padding:0}.analysis-info li{color:#555;font-size:14px;padding:8px 0}.analysis-info li strong{color:#333}.time-estimate{border-top:1px solid #eee;color:#888;font-size:14px;margin:0;padding-top:12px}.start-analysis-btn{align-items:center;background:linear-gradient(135deg,#4a90e2,#357abd);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 #f59e0b;border-radius:4px;color:#b45309;cursor:pointer;font-size:12px;padding:4px 10px;transition:background .2s}.delete-session-btn:hover{background:#fef3c7}.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;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#4a90e2,#357abd);border-radius:12px;height:100%;transition:width .3s ease}.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:#6b7280;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:#fff;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-radius:4px;color:#dc2626;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .2s}.delete-btn:hover{background:#fee2e2}.retry-btn{background:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .2s}.retry-btn:hover{background:#357abd}.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:#333;font-size:24px;margin-bottom:16px}.processing-progress{margin:30px 0;max-width:500px;width:100%}.editor-error{background:#fff3f3;border-radius:8px;padding:40px;text-align:center}.editor-error h3{color:#d32f2f;margin-bottom:16px}.editor-error p{color:#666;margin-bottom:20px}.editor-error button{background:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.editor-error button:hover{background:#357abd}.debug-info{color:#999;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}}
/*# sourceMappingURL=main.1e1f2f51.css.map*/