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-padding:12px;--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{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{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:fit-content}.user-badge.owner{background:#e3f2fd;color:#1976d2}.user-badge.guest{background:#f3e5f5;color:#7b1fa2}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: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}.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;line-height:1.4;margin-bottom:16px}.show-form{display:flex;flex-direction:column;gap:16px}.form-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);padding:20px}.form-section-title{border-bottom:1px solid var(--card-border);color:var(--text-primary);font-size:var(--text-base);font-weight:600;margin:0 0 16px;padding-bottom:8px}.form-group{margin-bottom:20px}.form-group label.required:after{color:var(--color-danger);content:" *"}.form-group input,.form-group select,.form-group textarea{padding:12px 16px}.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}.show-tab{background:#0000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:400px}.show-tab,.tab-header-card{padding:var(--mobile-padding)}.tab-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}.tab-header-top{align-items:center;display:flex;flex-wrap:wrap;gap:12px;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-section-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:var(--mobile-padding)}.tab-section-card h4{border-bottom:1px solid var(--card-border);color:var(--text-primary);font-size:var(--text-base);font-weight:600;margin:0 0 12px;padding-bottom:8px}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-group label{margin-bottom:6px}.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:10px 12px;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 textarea{min-height:80px}.form-group small{color:var(--text-secondary);display:block;font-size:var(--text-xs);line-height:1.4;margin-top:4px}.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}.file-input{background:#f8fafc;border:2px dashed var(--card-border);border-radius:6px;color:var(--text-secondary);cursor:pointer;padding:12px;text-align:center;transition:all .2s;width:100%}.file-input:hover{background:#f1f5f9;border-color:var(--color-primary)}.btn{font-size:var(--text-sm);gap:6px;white-space:nowrap}.btn:active{transform:scale(.98)}.btn-secondary{background:var(--text-secondary)}.btn-secondary:hover{background:#4b5563}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover{background:#16a34a}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-outline{background:#0000;border:1px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:#fff}.btn:disabled{background:var(--text-secondary);color:#fff;cursor:not-allowed;opacity:.6}.btn:disabled:hover{transform:none}.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}.status-active{background:#d4edda;color:#155724}.status-inactive{background:#f8d7da;color:#721c24}.status-success{background:#d4edda;color:#155724}.status-warning{background:#fff3cd;color:#856404}.status-error{background:#f8d7da;color:#721c24}.form-note{border:1px solid;border-radius:6px;font-size:var(--text-sm);line-height:1.4;margin:12px 0;padding:12px}.form-note.success{background:#d4edda;border-color:#c3e6cb;color:#155724}.form-note.error{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.form-note.info{background:#d1ecf1;border-color:#bee5eb;color:#0c5460}.form-note.warning{background:#fff3cd;border-color:#ffeaa7;color:#856404}.setup-instructions{background:#f8fafc;border:1px solid var(--card-border);border-radius:6px;margin-bottom:16px;padding:16px}.setup-instructions h5{color:var(--text-primary);font-size:var(--text-base);font-weight:600;margin:0 0 12px}.setup-instructions ol{margin:0;padding-left:20px}.setup-instructions li{color:var(--text-primary);font-size:var(--text-sm);line-height:1.4;margin:8px 0}.setup-instructions code{background:#e2e8f0;border-radius:3px;color:var(--text-primary);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:11px;padding:2px 6px}.setup-instructions a{color:var(--color-primary);font-weight:500;text-decoration:none}.setup-instructions a:hover{text-decoration:underline}.credentials-section{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)}.credentials-section h4{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-lg);font-weight:600;gap:8px;margin:0 0 16px}.credentials-status{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.credentials-status .status{flex:1 1;font-size:var(--text-sm);font-weight:500;margin:0;min-width:200px}.credentials-status .status.success{color:var(--color-success)}.info-text{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.4;margin:8px 0}.reset-btn{background:var(--text-secondary);border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:var(--text-xs);font-weight:500;min-height:32px;padding:8px 12px;transition:all .2s}.reset-btn:hover{background:#4b5563}.credential-form{display:flex;flex-direction:column;gap:16px}.credential-upload{display:flex;flex-direction:column;gap:12px}.upload-instructions{background:#f8fafc;border:1px solid var(--card-border);border-radius:6px;padding:12px}.upload-instructions p{color:var(--text-primary);font-size:var(--text-sm);margin:0 0 8px}.save-credentials-btn{align-self:flex-start;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 20px;transition:all .2s}.save-credentials-btn:hover{background:#357abd}.save-credentials-btn:disabled{background:var(--text-secondary);cursor:not-allowed;opacity:.6}.linkedin-status-warning{background:var(--card-bg);border:1px solid var(--card-border);border-left:4px solid var(--color-warning);border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:var(--mobile-padding)}.status-message{align-items:flex-start;display:flex;font-size:var(--text-sm);gap:12px;line-height:1.4}.status-message .icon{flex-shrink:0;font-size:var(--text-lg)}.platforms-list{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);overflow:hidden}.platform-row{align-items:flex-start;border-bottom:1px solid var(--card-border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px;transition:background .2s}.platform-row:last-child{border-bottom:none}.platform-row:hover{background:#f8fafc}.platform-info{align-items:flex-start;min-width:200px}.platform-icon{background:#f3f4f6;font-size:18px}.platform-details{flex:1 1;min-width:120px}.platform-name{font-size:var(--text-base);word-break:break-word}.platform-description{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:2px}.platform-account{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:var(--text-xs);word-break:break-all}.platform-status{flex-wrap:wrap;gap:8px}.platform-actions{display:flex;flex-wrap:wrap;gap:6px}.action-btn{background:#fff;border:1px solid var(--card-border);border-radius:4px;color:var(--text-primary);font-size:var(--text-xs);min-height:28px;padding:6px 10px;white-space:nowrap}.action-btn:hover{background:#f8fafc}.action-btn.edit-btn{border-color:var(--color-primary);color:var(--color-primary)}.action-btn.delete-btn{border-color:var(--color-danger);color:var(--color-danger)}.toggle-switch{flex-shrink:0;height:24px;width:44px}.toggle-slider{background:#cbd5e1;border-radius:24px}.toggle-slider:before{background:#fff;bottom:3px;box-shadow:0 2px 4px #0003;height:18px;left:3px;width:18px}input:checked+.toggle-slider{background:var(--color-primary)}input:checked+.toggle-slider:before{transform:translateX(20px)}.modal{background:#fff;border-radius:var(--mobile-border-radius);box-shadow:0 10px 30px #0003;max-height:90vh;max-width:500px;overflow-y:auto;padding:24px;width:100%}.modal h4{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin:0 0 20px}.modal-actions{flex-wrap:wrap;margin-top:24px}.linkedin-edit-info,.linkedin-setup-info{margin:12px 0}.empty-state{background:var(--card-bg);border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm)}.empty-state h4{font-size:var(--text-lg);font-weight:600}.empty-state p{font-size:var(--text-base);line-height:1.5;margin-bottom:20px}.artwork-images-section{display:flex;flex-direction:column;gap:16px}.artwork-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);padding:var(--mobile-padding)}.image-preview-container{margin:16px 0;text-align:center}.image-preview{border:1px solid var(--card-border);border-radius:8px;box-shadow:var(--shadow-md);height:auto;max-width:100%}.thumbnail-preview{min-height:100px;min-width:100px}.banner-preview{max-height:200px;max-width:100%}.empty-preview{align-items:center;background:#f8fafc;border:2px dashed var(--card-border);border-radius:8px;color:var(--text-secondary);display:flex;flex-direction:column;height:200px;justify-content:center;margin:0 auto;width:200px}.banner-empty{height:150px;max-width:300px;width:100%}.empty-preview span{font-size:32px;margin-bottom:8px;opacity:.5}.empty-preview p{font-size:var(--text-sm);margin:0}.upload-controls{gap:12px}.image-guidelines{background:#f8fafc;border:1px solid var(--card-border);border-radius:6px;margin-top:16px;padding:12px}.image-guidelines h5{color:var(--text-primary);font-size:var(--text-sm);font-weight:600;margin:0 0 8px}.image-guidelines ul{margin:0;padding-left:20px}.image-guidelines li{color:var(--text-secondary);font-size:var(--text-xs);line-height:1.3;margin:4px 0}.color-scheme-section{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)}.color-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:20px}.color-item{display:flex;flex-direction:column;gap:8px}.color-item label{color:var(--text-primary);font-size:var(--text-sm);font-weight:600;margin:0}.color-input-group{align-items:center;display:flex;gap:12px}.color-input-group input[type=color]{background:none;border:2px solid var(--card-border);border-radius:6px;cursor:pointer;flex-shrink:0;height:44px;padding:0;width:44px}.color-input-group input[type=text]{flex:1 1;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:var(--text-sm)}.color-preview{margin:20px 0}.color-preview h5{color:var(--text-primary);font-size:var(--text-base);font-weight:600;margin:0 0 12px}.color-sample-container{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.color-sample{align-items:center;border:1px solid var(--card-border);border-radius:6px;box-shadow:var(--shadow-sm);display:flex;font-size:var(--text-xs);font-weight:500;height:40px;justify-content:center;text-shadow:0 1px 2px #0000001a;width:80px}.color-actions{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.overview-tab .info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.overview-tab .field-group{display:flex;flex-direction:column;gap:6px}.overview-tab .field-label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.overview-tab .field-input{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%}.overview-tab .field-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.overview-tab .field-display{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);line-height:1.4;min-height:var(--mobile-touch-target);padding:10px 12px;transition:all .2s;word-break:break-word}.overview-tab .field-display:hover{background:#f8fafc;border-color:var(--color-primary)}.overview-tab .field-display.readonly{background:#f8fafc;color:var(--text-secondary);cursor:default}.overview-tab .field-display.readonly:hover{background:#f8fafc;border-color:var(--card-border)}.overview-tab .placeholder-text{color:var(--text-secondary);font-style:italic}.overview-tab .field-textarea{align-items:flex-start;line-height:1.5;min-height:100px;padding-top:10px;resize:vertical}.overview-tab .checkbox-container{align-items:center;background:var(--card-bg);border:2px solid var(--card-border);border-radius:6px;cursor:pointer;display:flex;gap:8px;min-height:var(--mobile-touch-target);padding:10px 12px}.overview-tab .checkbox-input{cursor:pointer;flex-shrink:0;height:18px;margin:0;width:18px}.overview-tab .checkbox-label{color:var(--text-primary);cursor:pointer;flex:1 1;font-size:var(--text-base);font-weight:400;letter-spacing:normal;margin:0;text-transform:none}.overview-tab .url-display{gap:8px}.overview-tab .editable-url,.overview-tab .url-display{align-items:center;display:flex;min-height:var(--mobile-touch-target)}.overview-tab .editable-url{background:var(--card-bg);border:2px solid var(--card-border);border-radius:6px;color:var(--text-primary);cursor:pointer;flex:1 1;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:var(--text-sm);line-height:1.4;padding:10px 12px;transition:all .2s;word-break:break-all}.overview-tab .editable-url:hover{background:#f8fafc;border-color:var(--color-primary)}.overview-tab .external-link{align-items:center;background:#f3f4f6;border:2px solid var(--card-border);border-radius:6px;color:var(--color-primary);display:flex;flex-shrink:0;font-size:var(--text-base);justify-content:center;min-height:var(--mobile-touch-target);padding:10px 12px;text-decoration:none;transition:all .2s;width:44px}.overview-tab .external-link:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.overview-tab .stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.overview-tab .stat-item{background:#f8fafc;border:1px solid var(--card-border);border-radius:6px;padding:16px;text-align:center;transition:all .2s}.overview-tab .stat-item:hover{background:#f1f5f9;border-color:var(--color-primary)}.overview-tab .stat-value{color:var(--color-primary);font-size:var(--text-xl);font-weight:600;line-height:1.2;margin-bottom:4px}.overview-tab .stat-label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:500;letter-spacing:.5px;text-transform:uppercase}@media (min-width:768px){.artwork-section,.credentials-section,.show-tab,.tab-header-card,.tab-section-card{padding:20px}.tab-header-top h3{font-size:var(--text-xl)}.btn{font-size:var(--text-base);padding:12px 20px}.color-grid,.overview-tab .info-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.overview-tab .field-group.full-width{grid-column:1/-1}.overview-tab .stats-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.artwork-images-section{flex-direction:row;gap:20px}.artwork-section{flex:1 1}.upload-controls{flex-direction:row;justify-content:center}.color-sample{height:50px;width:100px}.color-actions{align-items:center;flex-direction:row}.modal{max-width:600px;padding:32px}.platform-row{align-items:center}.platform-row,.platform-status{flex-wrap:nowrap}.credentials-status{align-items:center;flex-wrap:nowrap}.reset-btn{margin-top:0}}@media (min-width:1024px){.artwork-section,.credentials-section,.show-tab,.tab-header-card,.tab-section-card{padding:24px}.color-grid{grid-template-columns:repeat(3,1fr)}.overview-tab .stats-grid{grid-template-columns:repeat(4,1fr)}.overview-tab .stat-item{padding:20px}.overview-tab .stat-value{font-size:var(--text-2xl)}.color-sample{height:60px;width:120px}}@media (max-width:767px){.tab-header-top{align-items:stretch;flex-direction:column;gap:12px}.tab-header-top h3{font-size:var(--text-base);min-width:auto;text-align:center}.credentials-status{align-items:stretch;flex-direction:column}.credentials-status .status{min-width:auto}.reset-btn{align-self:flex-start;margin-top:8px}.platform-row{align-items:stretch;flex-direction:column;gap:12px}.platform-info{align-items:flex-start}.platform-status{flex-wrap:wrap;justify-content:space-between}.modal-actions{justify-content:stretch}.modal-actions .btn{flex:1 1}.color-sample-container{justify-content:center}.color-sample{height:30px;width:60px}.upload-controls{align-items:stretch}.overview-tab .url-display{align-items:stretch;flex-direction:column;gap:8px}.overview-tab .external-link{width:100%}.overview-tab .stats-grid{gap:12px;grid-template-columns:1fr}.overview-tab .stat-item{padding:12px}.artwork-images-section{flex-direction:column}.empty-preview{max-width:200px;width:100%}.banner-empty{max-width:100%}}.contacts-tab{background:#0000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:400px;padding:var(--mobile-padding)}.contact-item{cursor:pointer;transition:all .2s}.contact-item:hover{background:#f8fafc}.contact-item.selected{background:#eff6ff;border-color:var(--color-primary)}.inactive-badge{background:#fee2e2;border-radius:10px;color:#991b1b;margin-left:8px;padding:2px 6px}.inactive-badge,.tag{display:inline-block;font-size:var(--text-xs);font-weight:500}.tag{background:#e0f2fe;border-radius:12px;color:#0e7490;margin:2px 4px 2px 0;padding:2px 8px}.action-btn:focus,.btn:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.reset-btn:focus,.save-credentials-btn:focus,.toggle-switch:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.toggle-switch:focus-within{border-radius:24px}.overview-tab .editable-url:focus,.overview-tab .field-display:focus{outline:2px solid var(--color-primary);outline-offset:2px}.artwork-section,.credentials-section,.tab-section-card{animation:fadeInUp .3s ease-out}.tab-section-card:first-child{animation-delay:0ms}.tab-section-card:nth-child(2){animation-delay:.1s}.tab-section-card:nth-child(3){animation-delay:.2s}.tab-section-card:nth-child(4){animation-delay:.3s}.credentials-section:nth-child(2){animation-delay:0ms}.credentials-section:nth-child(3){animation-delay:.1s}.credentials-section:nth-child(4){animation-delay:.2s}.credentials-section:nth-child(5){animation-delay:.3s}@media (prefers-contrast:high){.btn{border:2px solid}.status-badge{border:1px solid}.toggle-slider{border:2px solid #000}}.overview-tab .info-grid-with-description{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.overview-tab .info-grid-left{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.overview-tab .info-grid-right{display:grid;grid-template-columns:1fr}@media (min-width:768px){.overview-tab .info-grid-with-description{gap:24px;grid-template-columns:1fr 1fr}.overview-tab .info-grid-left{gap:16px}}@media (min-width:1024px){.overview-tab .info-grid-with-description{gap:32px;grid-template-columns:1fr 2fr}.overview-tab .info-grid-left{gap:18px}}@media (max-width:767px){.overview-tab .info-grid-with-description{gap:16px;grid-template-columns:1fr}.overview-tab .info-grid-right{order:2}.overview-tab .info-grid-left{order:1}}.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}.add-guest-btn{background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:var(--text-sm);font-weight:500;min-height:var(--mobile-touch-target);padding:10px 16px;transition:all .2s;white-space:nowrap}.add-guest-btn:hover{background:#357abd}.add-guest-btn:active{transform:scale(.98)}.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{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.expertise-filter,.search-input{background:var(--card-bg);border:2px solid var(--card-border);border-radius:6px;box-sizing:border-box;flex:1 1;font-size:var(--text-base);min-height:var(--mobile-touch-target);min-width:150px;padding:10px 12px;transition:all .2s}.expertise-filter:focus,.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.active-filter{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;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}.delete-btn,.edit-btn,.toggle-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}.edit-btn{border-color:var(--color-primary);color:var(--color-primary)}.edit-btn:hover{background:var(--color-primary);color:#fff}.toggle-btn.active{border-color:var(--color-success);color:var(--color-success)}.toggle-btn.inactive{border-color:var(--color-warning);color:var(--color-warning)}.toggle-btn:hover{background:currentColor;color:#fff}.delete-btn{border-color:var(--color-danger);color:var(--color-danger)}.delete-btn:hover{background:var(--color-danger);color:#fff}.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;border-bottom:1px solid var(--card-border);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);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group textarea{line-height:1.5}.form-actions{border-top:1px solid var(--card-border);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px}.form-actions button{background:#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 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{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{align-items:flex-start;height:auto;min-height:auto;padding:0 8px 12px}.filter-chip{background:#f3f4f6;border-radius:5px!important;box-shadow:0 1px 2px #0000000d;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}.filter-chip:hover:not(.active){background:#f8f9fa}.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;font-size:13px;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{gap:8px}.status-badge{background:var(--status-recorded);border-radius:5px;color:#fff;flex-shrink:0}.status-badge.planning{background:var(--status-planning)}.status-badge.recorded{background:var(--status-recorded)}.status-badge.published{background:var(--status-published)}.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;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: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}}.episode-detail{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:16px;padding:var(--mobile-padding)}.episode-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.episode-header 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}.episode-actions{display:flex;flex-shrink:0;gap:12px}.back-btn{align-items:center;background-color:#f3f4f6;border-radius:6px;color:#1f2937;color:var(--text-primary);display:flex;font-weight:500;min-height:44px;min-height:var(--mobile-touch-target);padding:8px 16px;text-decoration:none;transition:all .2s;white-space:nowrap}.back-btn:hover{background-color:#e5e7eb}.workflow-progress{background:#fff;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a}.workflow-container{padding:16px}.phase-circle{font-size:14px}.workflow-phase.completed .phase-circle{background:#22c55e}.workflow-phase.active .phase-circle{background:#4a90e2}.workflow-phase.pending .phase-circle{color:#6b7280}.workflow-phase.in-progress .phase-circle{background:#f59e0b}.phase-label{color:#1f2937;font-size:12px}.phase-description{color:#6b7280}.workflow-phase.completed+.workflow-phase.active:before,.workflow-phase.completed+.workflow-phase.completed:before{background:#22c55e}.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:#4a90e2;border-bottom-color:var(--color-primary);color:#4a90e2;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:24px}.episode-header h2{font-size:20px;font-size:var(--text-xl)}.workflow-container{padding:24px}.workflow-phases{gap:80px;justify-content:center}.workflow-phase{min-width:120px}.phase-circle{font-size:16px;font-size:var(--text-base);height:40px;margin-bottom:12px;width:40px}.phase-label{font-size:14px;font-size:var(--text-sm)}.phase-description{font-size:12px;font-size:var(--text-xs)}.tab-button{font-size:16px;font-size:var(--text-base);padding:16px 20px}.workflow-phases:before{left:140px;right:140px;top:20px}.workflow-phase.completed+.workflow-phase.active:before,.workflow-phase.completed+.workflow-phase.completed:before{left:-60px;top:20px;width:120px}}.error,.loading,.not-found{color:#6b7280;color:var(--text-secondary);font-size:16px;font-size:var(--text-base);padding:40px 20px;text-align:center}.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:#4a90e2;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){.episode-header{align-items:stretch;flex-direction:column}.episode-actions{align-self:flex-end}.workflow-phases{gap:20px}.workflow-phase{min-width:60px}.phase-circle{font-size:12px;height:28px;width:28px}.phase-label{font-size:10px}.phase-description{font-size:9px}.tab-button{font-size:12px;font-size:var(--text-xs);padding:10px 12px}.tab-icon{font-size:14px;font-size:var(--text-sm)}.workflow-phases:before{left:35px;right:35px;top:14px}}.tab-button:focus,.workflow-phase:focus{outline:2px solid #4a90e2}.tab-button:focus{outline:2px solid var(--color-primary);outline-offset:-2px}@media (min-width:1024px){.episode-detail{padding:32px}.workflow-phases{gap:120px}}.workflow-progress{background:var(--card-bg);border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);margin-bottom:20px;overflow:hidden}.workflow-container{background:#f8fafc;padding:var(--mobile-padding)}.workflow-phases{justify-content:space-between}.workflow-phase,.workflow-phases{align-items:center;display:flex;position:relative}.workflow-phase{cursor:pointer;flex-direction:column;min-width:80px;transition:all .2s;z-index:2}.workflow-phase:hover{transform:translateY(-2px)}.phase-circle{align-items:center;border:2px solid #0000;border-radius:50%;display:flex;font-size:var(--text-sm);height:32px;justify-content:center;margin-bottom:8px;transition:all .2s;width:32px}.workflow-phase.completed .phase-circle{background:var(--color-success);color:#fff}.workflow-phase.active .phase-circle{background:var(--color-primary);border-color:#1d4ed8;box-shadow:0 0 0 4px #3b82f633;color:#fff}.workflow-phase.pending .phase-circle{background:#e5e7eb;color:var(--text-secondary)}.workflow-phase.in-progress .phase-circle{background:var(--color-warning);color:#fff;font-size:10px;font-weight:600}.phase-info{text-align:center}.phase-label{color:var(--text-primary);font-size:var(--text-xs);font-weight:500;margin-bottom:2px}.phase-description{color:var(--text-secondary);font-size:10px}.workflow-phases:before{background:#e5e7eb;content:"";height:2px;left:50px;position:absolute;right:50px;top:16px;z-index:1}.workflow-phase.completed+.workflow-phase.active:before,.workflow-phase.completed+.workflow-phase.completed:before{background:var(--color-success);content:"";height:2px;left:-40px;position:absolute;top:16px;width:80px;z-index:1}@media (min-width:768px){.workflow-container{padding:24px}.workflow-phases{gap:80px;justify-content:center}.workflow-phase{min-width:120px}.phase-circle{font-size:var(--text-base);height:40px;margin-bottom:12px;width:40px}.phase-label{font-size:var(--text-sm)}.phase-description{font-size:var(--text-xs)}.workflow-phases:before{left:140px;right:140px;top:20px}.workflow-phase.completed+.workflow-phase.active:before,.workflow-phase.completed+.workflow-phase.completed:before{left:-60px;top:20px;width:120px}}@media (max-width:767px){.workflow-phases{gap:20px}.workflow-phase{min-width:60px}.phase-circle{font-size:12px;height:28px;width:28px}.phase-label{font-size:10px}.phase-description{font-size:9px}.workflow-phases:before{left:35px;right:35px;top:14px}}.workflow-phase:focus{outline:2px solid var(--color-primary);outline-offset:2px}.workflow-phase{animation:fadeInUp .3s ease-out}.workflow-phase:first-child{animation-delay:0ms}.workflow-phase:nth-child(2){animation-delay:.1s}.workflow-phase:nth-child(3){animation-delay:.2s}.overview-tab-mobile{background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:var(--mobile-padding)}.overview-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)}.details-assistant-btn{background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:var(--text-sm);font-weight:500;min-height:var(--mobile-touch-target);padding:10px 16px;transition:all .2s;white-space:nowrap}.details-assistant-btn:hover{background:#357abd}.details-assistant-btn:active{transform:scale(.98)}.episode-meta-row{gap:12px}.meta-chip select{background:#0000;border:none;color:inherit;cursor:pointer;font-size:inherit;font-weight:inherit;outline:none}.content-layout{gap:16px}.field-group{gap:8px}.description-textarea{min-height:120px}.delete-section{margin-top:32px}.delete-card{background:#fef2f2;border:1px solid #fecaca;border-left:4px solid var(--color-danger);border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);padding:var(--mobile-padding)}.delete-card h3{color:var(--color-danger);font-size:var(--text-lg);font-weight:600;margin:0 0 8px}.delete-card p{color:#7f1d1d;font-size:var(--text-sm);margin:0 0 16px}.episode-delete-button{background:var(--color-danger);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 20px;transition:all .2s}.episode-delete-button:hover{background:#dc2626}.episode-delete-button:active{transform:scale(.98)}@media (min-width:768px){.overview-tab-mobile{padding:24px}.header-top h2{font-size:var(--text-xl)}.details-assistant-btn{font-size:var(--text-base);padding:12px 20px}.content-layout-overview{grid-gap:20px;display:grid;gap:20px;grid-template-areas:"order title" "date title" "desc desc" "tags refs"!important;grid-template-columns:minmax(250px,1fr) 2fr}.field-card:first-child{grid-area:order}.field-card:nth-child(2){grid-area:date}.field-card.title-card{grid-area:title;grid-column:2/-1}.field-card.description-card{grid-area:desc;grid-column:1/-1}.field-card.tags-card{grid-area:tags;grid-column:1/2}.field-card.refs-card{grid-area:refs;grid-column:2/-1}.field-input{font-size:var(--text-base)}.title-textarea{font-size:var(--text-xl)}.status-indicators{gap:10px;justify-content:flex-start}.status-badge{font-size:var(--text-xs);min-width:55px;padding:6px 12px}}.ai-modal{height:80vh;width:90%}.ai-settings-bar{border-bottom:1px solid #e2e8f0}.ai-settings-toggle-title{color:#374151;font-size:14px}.ai-setting-label,.ai-settings-toggle-icon{color:#64748b}.ai-setting-input{border:1px solid #e2e8f0}.ai-modal-left{border-right:1px solid #e2e8f0}.ai-section-title{color:#374151}.ai-step-number{background:#3b82f6}.ai-select,.ai-textarea{border:1px solid #e2e8f0}.ai-textarea:focus{border-color:#3b82f6}.ai-generate-btn{background:#3b82f6}.ai-preview-title{color:#0f172a;font-size:16px}.ai-preview-box{border:1px solid #e2e8f0}.ai-apply-btn{background:#16a34a}@media (max-width:1024px){.ai-modal{width:95%}.ai-modal-content{flex-direction:column}.ai-modal-left{border-bottom:1px solid #e2e8f0;border-right:none}.ai-settings-content{grid-template-columns:1fr}}.details-assistant-btn:focus,.episode-delete-button:focus,.field-input:focus{outline:2px solid var(--color-primary);outline-offset:2px}.field-card{animation:fadeInUp .3s ease-out}.title-card{animation-delay:50ms}.description-card{animation-delay:.1s}.refs-card{animation-delay:.15s}.tags-card{animation-delay:.2s}@media (max-width:767px){.overview-tab-mobile{padding:12px}.header-top{align-items:stretch;flex-direction:column;gap:12px}.header-top h2{font-size:var(--text-base);text-align:center}.details-assistant-btn{justify-content:center;width:100%}.episode-meta-row{gap:8px;justify-content:center}.meta-chip{font-size:var(--text-xs);padding:4px 8px}.field-input{font-size:var(--text-sm);padding:10px 12px}.title-textarea{font-size:var(--text-base)}}.ai-template-dropdown:focus:not(:disabled){border-color:var(--color-primary);box-shadow:0 0 0 3px #4a90e21a;outline:none}.ai-control-button:disabled{background:#f9fafb}.ai-control-button.primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.ai-control-button.primary:hover:not(:disabled){background:#357abd;border-color:#357abd}.ai-chat-pane{width:400px}.ai-chat-messages{background:#fff}.ai-message-content{max-width:70%}.ai-chat-input{background:#fff}.ai-input-container{align-items:flex-end}.ai-message-input{border-radius:22px;flex:1 1;line-height:1.4;max-height:120px;min-height:44px;resize:none}.ai-message-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4a90e21a;outline:none}.ai-message-input:disabled{background:#f9fafb;opacity:.5}.ai-send-button{align-items:center;background:var(--color-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;transition:all .2s;width:44px}.ai-send-button:hover:not(:disabled){background:#357abd;transform:scale(1.05)}.ai-send-button:disabled{background:#9ca3af;cursor:not-allowed}.ai-document-pane{background:#fafbfc}.ai-document-actions{display:flex;gap:8px}.ai-action-button:hover{background:#f9fafb;border-color:#9ca3af}.ai-action-button.primary:hover{border-color:#15803d}.ai-document-content{font-size:14px;line-height:1.6;padding:24px}.ai-document-placeholder{margin-top:100px;padding:40px}.ai-document-content h1{border-bottom:2px solid #e2e8f0;color:var(--text-primary);font-size:var(--text-xl);font-weight:600;margin:24px 0 12px;padding-bottom:8px}.ai-document-content h2{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin:20px 0 10px}.ai-document-content h3{color:var(--text-primary);font-size:var(--text-base);font-weight:600;margin:16px 0 8px}.ai-document-content ol,.ai-document-content ul{margin:12px 0}.ai-document-content li{line-height:1.5;margin:4px 0}.ai-document-content strong{color:var(--text-primary)}.ai-document-content em{font-style:italic}.ai-document-content p{margin:8px 0}.ai-document-content hr{border:none;border-top:1px solid #e2e8f0;margin:20px 0}.technical-details{border-top:1px solid #e2e8f0;margin-top:16px;padding-top:16px}.technical-toggle{align-items:center;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 0;transition:color .2s;-webkit-user-select:none;user-select:none}.technical-toggle:hover{color:#374151}.toggle-icon{display:inline-block;font-size:12px;transition:transform .2s ease;width:12px}.toggle-icon.expanded{transform:rotate(90deg)}.technical-content{animation:slideDown .2s ease-out;padding:12px 0}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.tech-section{margin-bottom:16px}.tech-section:last-child{margin-bottom:0}.tech-section-title{color:#374151;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.tech-content{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#374151;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:12px;line-height:1.4;max-height:150px;overflow-y:auto;padding:12px;white-space:pre-wrap}.tech-content::-webkit-scrollbar{width:6px}.tech-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.tech-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.tech-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.ai-settings-modal h3{color:#1f2937}.ai-setting-input,.ai-setting-select{background:#fff;transition:all .2s}.ai-setting-input:focus,.ai-setting-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4a90e21a;outline:none}.ai-settings-actions{gap:12px}.ai-settings-button{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s}.ai-settings-button:hover{background:#f9fafb}.ai-settings-button.primary{border-color:var(--color-primary)}.ai-settings-button.primary:hover{background:#357abd}@media (max-width:768px){.ai-modal{border-radius:0;height:100vh;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}.ai-control-button{text-align:center;width:100%}.ai-document-content{margin:8px;padding:16px}}.ai-session-status{background:#f3f4f6;border-radius:6px;color:#6b7280;font-size:12px;margin:0 16px 16px;padding:8px 12px;text-align:center}.ai-session-status.active{background:#ecfdf5;color:#059669}.ai-streaming-content{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.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{font-size:11px;min-width:45px}.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{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)}.header-top{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.header-top h2{color:var(--text-primary);flex:1 1;font-size:var(--text-lg);font-weight:600;margin:0}.ai-assistant-btn{background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:var(--text-sm);font-weight:500;min-height:var(--mobile-touch-target);padding:10px 16px;transition:all .2s;white-space:nowrap}.ai-assistant-btn:hover{background:#357abd}.ai-assistant-btn:active{transform:scale(.98)}.episode-meta-row{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:8px}.meta-chip{background:#f1f5f9;border-radius:16px;color:var(--text-secondary);cursor:pointer;font-weight:500;padding:6px 12px;transition:all .2s;white-space:nowrap}.meta-chip:hover{background:#e2e8f0;color:var(--text-primary)}.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}.header-top h2{font-size:var(--text-xl)}.ai-assistant-btn{font-size:var(--text-base);padding:12px 20px}.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}.field-card.order-card{grid-area:order}.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.guest-card{align-self:stretch;display:flex;flex-direction:column;grid-area:guest;grid-column:1/1}.field-card.guest-card .field-group{display:flex;flex:1 1;flex-direction:column}.field-card.guest-card .field-textarea{flex:1 1;min-height:100px}.field-card.concept-card{grid-area:concept;grid-column:2/-1}.field-card.outline-card{grid-area:outline;grid-column:1/-1}.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}.planning-header-card{padding:8px}}.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{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;text-transform:uppercase}.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}.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-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--text-primary:#1f2937;--card-bg:#fff;--card-border:#e5e7eb;--card-accent:#3b82f6;--shadow-sm:0 1px 3px 0 #0000001a;--shadow-md:0 4px 6px -1px #0000001a;--mobile-border-radius:8px;--mobile-padding:16px;--mobile-touch-target:44px;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px}.clips-tab{background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:0}.page-header{background:#fff;background:var(--card-bg);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--card-border);margin-bottom:16px;padding:16px;padding:var(--mobile-padding)}.header-content{text-align:center}.page-title{color:#1f2937;color:var(--text-primary);font-size:18px;font-size:var(--text-lg);font-weight:600;margin:0 0 8px}.episode-info{align-items:center;color:#6b7280;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:14px;font-size:var(--text-sm);gap:8px;justify-content:center}.episode-badge{background:#f1f5f9;border-radius:6px;color:#4a90e2;color:var(--color-primary);font-weight:500;padding:4px 12px}.episode-separator{color:#6b7280;color:var(--text-secondary)}.episode-title{line-height:1.3;text-align:center}.toolbar{display:flex;flex-direction:column;gap:16px}.toolbar-section{width:100%}.filters-section{order:1}.actions-section{order:2}.filters{display:flex;flex-direction:column;gap:8px}.filter-label{color:#6b7280;color:var(--text-secondary);font-size:14px;font-size:var(--text-sm);font-weight:500}.filter-chips{-ms-overflow-style:none;display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{align-items:center;background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:20px;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-size:var(--text-sm);font-weight:500;justify-content:center;min-height:44px;min-height:var(--mobile-touch-target);padding:8px 16px;transition:all .2s;white-space:nowrap}.filter-chip.active{background:#4a90e2;background:var(--color-primary);border-color:#4a90e2;border-color:var(--color-primary);color:#fff}.filter-chip:hover:not(.active){background:#f8fafc;color:#1f2937;color:var(--text-primary)}.actions-section{display:flex;flex-direction:column;gap:12px}.btn{border-radius:8px;border-radius:var(--mobile-border-radius);font-size:16px;font-size:var(--text-base);min-height:44px;min-height:var(--mobile-touch-target);padding:12px 16px}.btn-primary{background:var(--color-primary)}.btn-ai-assistant{background:#007bff;color:#fff;width:100%}.btn-ai-assistant:hover{background:#0056b3}.new-clip-controls{display:flex;gap:8px;width:100%}.clip-count-input{border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:8px;border-radius:var(--mobile-border-radius);flex:0 0 80px;font-size:16px;font-size:var(--text-base);min-height:44px;min-height:var(--mobile-touch-target);padding:12px;text-align:center}.new-clip-controls .btn-primary{flex:1 1}.clips-container{padding:0 16px;padding:0 var(--mobile-padding)}.no-clips-message{background:#fff;background:var(--card-bg);border-radius:8px;border-radius:var(--mobile-border-radius);box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--shadow-sm);margin:20px 0;padding:60px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.no-clips-message h3{color:#1f2937;color:var(--text-primary);font-size:18px;font-size:var(--text-lg);font-weight:600;margin-bottom:8px}.no-clips-message p{color:#6b7280;color:var(--text-secondary);line-height:1.5;margin:0}.clip-item{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:8px;border-radius:var(--mobile-border-radius);box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--shadow-sm);margin-bottom:12px;overflow:hidden;transition:all .2s ease}.clip-item:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.clip-item.quote{border-left:4px solid #f59e0b}.clip-item.short{border-left:4px solid #10b981}.clip-item.clip{border-left:4px solid #8b5cf6}.clip-header-row{border-bottom:1px solid #f8fafc;padding:16px;padding:var(--mobile-padding)}.title-section{margin-bottom:12px}.clip-title-input{background:#f8fafc;border:1px solid #0000;border-radius:8px;border-radius:var(--mobile-border-radius);color:#1f2937;color:var(--text-primary);font-family:inherit;font-size:16px;font-size:var(--text-base);font-weight:600;min-height:44px;min-height:var(--mobile-touch-target);padding:8px 12px;width:100%}.clip-title-input:hover{background:#fff;border-color:#e5e7eb;border-color:var(--card-border)}.clip-title-input:focus{background:#fff;border-color:#4a90e2;border-color:var(--color-primary);outline:none}.youtube-link{color:#4a90e2;color:var(--color-primary);display:inline-block;font-size:12px;font-size:var(--text-xs);margin-top:4px;text-decoration:none}.clip-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.clip-type-select{border:none;border-radius:4px;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.5px;min-height:32px;padding:6px 12px;text-transform:uppercase}.clip-type-select.quote{background:#fef3c7;color:#92400e}.clip-type-select.short{background:#d1fae5;color:#065f46}.clip-type-select.clip{background:#ede9fe;color:#5b21b6}.clip-id{color:#6b7280;color:var(--text-secondary);font-family:SF Mono,Monaco,Cascadia Code,monospace;font-weight:500}.clip-id,.status-badge{font-size:12px;font-size:var(--text-xs)}.status-badge{align-items:center;border-radius:12px;display:flex;gap:6px;padding:4px 12px;white-space:nowrap}.status-badge.completed,.status-badge.rendered{background:#d1fae5;color:#065f46}.status-badge.draft{background:#fef3c7;color:#92400e}.status-badge.rendering{background:#dbeafe;color:#1e40af}.status-badge.uploaded{background:#4a90e2;background:var(--color-primary);color:#fff}.status-dot{background:currentColor;border-radius:50%;height:6px;width:6px}.expand-btn{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:12px;height:32px;justify-content:center;transition:all .2s;width:32px}.expand-btn:hover{background:#f8fafc;border-color:#cbd5e1}.expand-btn.expanded{transform:rotate(180deg)}.clip-scores-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;padding:0 16px 16px;padding:0 var(--mobile-padding) var(--mobile-padding)}.score{background:#f8fafc;border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:6px;padding:12px 8px;text-align:center}.score-label{color:#6b7280;color:var(--text-secondary);display:block;font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.score-value{background:#0000;border:none;color:#1f2937;color:var(--text-primary);font-size:18px;font-size:var(--text-lg);font-weight:600;min-height:24px;text-align:center;width:100%}.score-value:focus{background:#fff;outline:none}.clip-collapsible{overflow:hidden;transition:all .3s ease}.clip-collapsible.collapsed{max-height:0;opacity:0}.clip-collapsible.expanded{max-height:2000px;opacity:1}.clip-content-row{background:#fafbfc;display:flex;flex-direction:column;gap:20px;padding:16px;padding:var(--mobile-padding)}.dialogue-section,.preview-section,.timing-section{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:8px;border-radius:var(--mobile-border-radius);padding:16px;padding:var(--mobile-padding)}.section-label{color:#6b7280;color:var(--text-secondary);display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.timing-inputs{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.timing-input-group{display:flex;flex-direction:column;gap:4px}.timing-label{color:#6b7280;color:var(--text-secondary);font-size:12px;font-size:var(--text-xs);font-weight:500}.timing-input{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:6px;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:14px;font-size:var(--text-sm);min-height:44px;min-height:var(--mobile-touch-target);padding:12px}.timing-input:focus{border-color:#4a90e2;border-color:var(--color-primary);outline:none}.timing-duration{background:#f1f5f9;border-radius:6px;color:#6b7280;color:var(--text-secondary);font-size:14px;font-size:var(--text-sm);font-weight:500;padding:8px 12px;text-align:center}.tags-container{border-top:1px solid #f1f5f9;margin-top:16px;padding-top:16px}.tags-label{color:#6b7280;color:var(--text-secondary);display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.tags-input{background:#f8fafc;border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:6px;font-size:14px;font-size:var(--text-sm);min-height:44px;min-height:var(--mobile-touch-target);padding:12px;width:100%}.tags-input:focus{background:#fff;border-color:#4a90e2;border-color:var(--color-primary);outline:none}.dialogue-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:12px}.regen-btn{background:#e0f2fe;border:1px solid #bae6fd;border-radius:6px;color:#0369a1;cursor:pointer;font-size:12px;font-size:var(--text-xs);font-weight:500;min-height:32px;padding:8px 12px;transition:background .2s}.regen-btn:hover:not(:disabled){background:#bae6fd}.regen-btn:disabled{cursor:not-allowed;opacity:.5}.dialogue-textarea{background:#f8fafc;border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:6px;color:#1f2937;color:var(--text-primary);font-family:inherit;font-size:16px;font-size:var(--text-base);line-height:1.5;min-height:120px;padding:16px;resize:vertical;width:100%}.dialogue-textarea:focus{background:#fff;border-color:#4a90e2;border-color:var(--color-primary);outline:none}.preview-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:8px}.preview-toggle{background:#f1f5f9;border-radius:6px;display:flex;gap:2px;padding:2px}.toggle-option{border-radius:4px;color:#6b7280;color:var(--text-secondary);cursor:pointer;font-size:12px;font-size:var(--text-xs);font-weight:500;padding:6px 12px;transition:all .2s}.toggle-option.active{background:#fff;box-shadow:0 1px 2px #0000000d}.toggle-option.active,.toggle-option:not(.active):not(.disabled):hover{color:#1f2937;color:var(--text-primary)}.toggle-option.disabled{cursor:not-allowed;opacity:.5}.preview-status{color:#6b7280;color:var(--text-secondary);font-size:11px;margin-bottom:8px}.video-preview-container{align-items:center;aspect-ratio:16/9;background:#000;border-radius:8px;display:flex;justify-content:center;min-height:180px;overflow:hidden;position:relative}.video-preview-container.landscape{aspect-ratio:16/9}.video-preview-container.portrait{aspect-ratio:9/16;max-height:320px}.video-placeholder{align-items:center;color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-size:var(--text-sm);gap:8px;height:100%;justify-content:center;text-align:center;transition:all .2s;width:100%}.video-placeholder:hover{background:#3b82f61a;color:#4a90e2;color:var(--color-primary)}.video-preview{height:100%;object-fit:cover;width:100%}.clip-actions-row{background:#fafbfc;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:16px;padding:16px;padding:var(--mobile-padding)}.action-left,.action-workflow{display:flex;flex-direction:column;gap:12px}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:16px;font-size:var(--text-base);font-weight:500;gap:8px;justify-content:center;min-height:44px;min-height:var(--mobile-touch-target);padding:12px 16px;transition:all .2s}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn.delete{background:#fef2f2;border:1px solid #fecaca;color:#ef4444;color:var(--color-danger)}.action-btn.delete:hover:not(:disabled){background:#fee2e2}.action-btn.render{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.action-btn.render:hover:not(:disabled){background:#dcfce7}.action-btn.upload-youtube{background:#ef4444;background:var(--color-danger);border:1px solid #b91c1c;color:#fff}.action-btn.upload-youtube:hover:not(:disabled){background:#b91c1c}.action-btn.download{background:#f3e8ff;border:1px solid #e9d5ff;color:#6b21a8}.action-btn.download:hover:not(:disabled){background:#ede9fe}.workflow-arrow{display:none}.spinner{animation:spin 1s linear infinite;display:inline-block}.render-settings{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--card-border);border-radius:6px;display:flex;flex-direction:column;gap:12px;padding:12px}.setting-group{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.setting-label{color:#6b7280;color:var(--text-secondary);font-size:14px;font-size:var(--text-sm);font-weight:500}.setting-toggle{background:#f1f5f9;border-radius:4px;display:flex;padding:2px}.toggle-btn{border-radius:3px;color:#6b7280;font-size:11px;padding:6px 12px;transition:all .2s}.toggle-btn.active{background:#fff;box-shadow:0 1px 2px #0000000d}.toggle-btn.active,.toggle-btn:not(.active):hover{color:#1f2937;color:var(--text-primary)}.setting-checkbox{cursor:pointer;height:18px;width:18px}@media (min-width:768px){.clips-tab,.page-header{padding:24px}.header-content{margin-bottom:20px;text-align:left}.page-title{font-size:20px;font-size:var(--text-xl)}.episode-info{justify-content:flex-start;margin-top:8px}.toolbar{align-items:center;flex-direction:row;gap:24px;justify-content:space-between}.toolbar-section{width:auto}.filters-section{flex:1 1;order:0}.actions-section{flex-shrink:0;order:1}.filters{align-items:center;flex-direction:row}.filter-label{margin-right:16px}.actions-section{align-items:center;flex-direction:row}.new-clip-controls{width:auto}.clip-count-input{flex:none;width:60px}.new-clip-controls .btn-primary{flex:none;white-space:nowrap}.clips-container{padding:0}.clip-item{border:none;border-bottom:1px solid #f1f5f9;border-left:4px solid #e5e7eb;border-radius:0;margin-bottom:0}.clip-item:last-child{border-bottom:none}.clip-item:hover{background:#f8fafc;transform:none}.clip-header-row{grid-gap:16px;align-items:center;border-bottom:none;display:grid;gap:16px;grid-template-columns:1fr auto auto auto auto;padding:24px}.title-section{margin-bottom:0}.clip-title-input{background:#0000;font-size:18px;font-size:var(--text-lg);min-height:auto;padding:4px 8px}.clip-meta{display:contents}.clip-scores-row{display:flex;gap:12px;grid-template-columns:none;justify-content:center;padding:0 24px 16px}.score{padding:8px 16px}.score-value{font-size:16px;font-size:var(--text-base)}.clip-content-row{grid-gap:20px;align-items:start;background:#0000;display:grid;flex-direction:row;gap:20px;grid-template-columns:200px 1fr 350px;padding:0 24px 16px}.dialogue-section,.preview-section,.timing-section{background:#0000;border:none;padding:0}.dialogue-textarea{font-size:14px;font-size:var(--text-sm);min-height:120px;padding:12px}.video-preview-container{min-height:200px}.video-preview-container.portrait{max-height:400px}.clip-actions-row{background:#0000;justify-content:space-between;padding:16px 24px}.action-left,.action-workflow,.clip-actions-row{align-items:center;flex-direction:row}.action-workflow{gap:8px}.action-btn{font-size:14px;font-size:var(--text-sm);min-height:auto;padding:8px 16px}.workflow-arrow{color:#cbd5e1;display:inline;font-size:16px}.render-settings{background:#0000;border:none;flex-direction:row;padding:0}.setting-group{flex-wrap:nowrap}}@media (min-width:1024px){.clips-tab{margin:0 auto;max-width:1600px}.clip-content-row{gap:24px;grid-template-columns:220px 1fr 400px}.video-preview-container{min-height:240px}.video-preview-container.portrait{max-height:480px}}.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:20px;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:12px;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:14px;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:14px;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:#4a90e2;background:var(--color-primary);border-radius:50%;color:#fff;flex-shrink:0;font-size:12px;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:14px;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:#4a90e2;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.ai-textarea.small{min-height:80px}.ai-generate-btn{background:#4a90e2;background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;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}.ai-generate-btn:disabled{background:#9ca3af;cursor:not-allowed}.ai-preview-title{color:#1f2937;color:var(--text-primary);font-size:18px;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:14px;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:#22c55e;background:var(--color-success);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-size:var(--text-sm);font-weight:500;padding:12px 24px;transition:background-color .2s;width:100%}.ai-apply-btn:hover:not(:disabled){background:#15803d}.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:14px;font-size:var(--text-sm);font-weight:600}.ai-clip-type{border-radius:12px;font-size:11px;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:12px;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:14px;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:12px;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}.loading{color:#6b7280;font-size:16px;padding:60px 20px;text-align:center}.error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;border-radius:var(--mobile-border-radius);color:#ef4444;color:var(--color-danger);margin-bottom:20px;padding:20px}@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-scores-row{grid-template-columns:1fr 1fr}.timing-inputs{gap:16px}.timing-input-group{gap:8px}.action-left,.action-workflow{gap:16px}}.clip-item{animation:fadeInUp .3s ease-out}.clip-item:first-child{animation-delay:0ms}.clip-item:nth-child(2){animation-delay:50ms}.clip-item:nth-child(3){animation-delay:.1s}.clip-item:nth-child(4){animation-delay:.15s}.clip-item:nth-child(5){animation-delay:.2s}.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;color:var(--text-secondary);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}.image-controls{margin-top:10px;width:100%}.control-group{margin-bottom:15px}.control-group label{display:block;font-size:14px;font-weight:500;margin-bottom:5px}.position-controls{align-items:flex-start;display:flex;gap:15px}.position-buttons{align-items:center;flex-direction:column}.horizontal-buttons,.position-buttons{display:flex;gap:5px}.position-btn{align-items:center;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:16px;height:32px;justify-content:center;transition:background-color .2s;width:32px}.position-btn:hover{background-color:#e0e0e0}.position-btn:active{background-color:#d0d0d0}.position-inputs-stacked{display:flex;flex-direction:column;gap:8px}.input-group-stacked{align-items:center;display:flex}.input-group-stacked label{font-weight:700;margin:0 5px 0 0;width:20px}.coord-input-large{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:6px 8px;text-align:center;width:70px}.control-with-inputs{align-items:center;display:flex;gap:10px;margin-top:5px}.scale-slider{-webkit-appearance:none;background:#ddd;border-radius:3px;height:6px;outline:none}.scale-slider::-webkit-slider-thumb{appearance:none;background:#4a90e2;border-radius:50%;cursor:pointer;height:16px;width:16px}.scale-slider::-moz-range-thumb{background:#4a90e2;border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.image-controls>*{box-sizing:border-box}.position-btn,.scale-btn{background:#fff;border:1px solid var(--card-border);border-radius:6px;cursor:pointer;font-size:16px;min-height:44px;min-width:44px}.layer-header-content{align-items:center;display:flex;justify-content:space-between;width:100%}.mobile-quick-controls{background:#f8fafc;border-radius:6px;margin-bottom:16px;padding:12px}.quick-control-group{margin-bottom:16px}.quick-control-group:last-child{margin-bottom:0}.quick-control-label{color:#6b7280;display:block;font-size:12px;font-weight:600;margin-bottom:8px}.position-grid{grid-gap:4px;align-items:center;gap:4px;grid-template-columns:1fr;max-width:120px}.position-row{grid-gap:4px;align-items:center;display:grid;gap:4px;grid-template-columns:1fr auto 1fr}.position-center{background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#374151;font-size:11px;font-weight:500;padding:4px 8px;text-align:center}.scale-controls{align-items:center;display:flex;gap:8px;justify-content:center}.scale-display{background:#fff;border:1px solid #e5e7eb;border-radius:4px;font-size:12px;font-weight:500;min-width:45px;padding:4px 8px;text-align:center}.precise-controls{margin-top:12px}.input-row{display:flex;gap:8px;margin-bottom:12px}.input-group{align-items:center;flex:1 1;gap:4px}.input-group label{color:#6b7280;font-size:11px;font-weight:600;min-width:12px}.coord-input{border:1px solid #d1d5db;border-radius:4px;flex:1 1;font-size:12px;padding:4px 6px;text-align:center}.scale-control-row{align-items:center;display:flex;gap:8px}.scale-input{border-radius:4px;font-size:12px;padding:4px 6px;width:50px}.image-layer-controls{display:flex;flex-direction:column;gap:12px;margin-top:12px}.image-card,.position-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:16px}.image-card,.position-card{flex:1 1;min-width:200px}.image-header,.position-header{color:#374151;font-weight:600;margin-bottom:12px}.layer-thumbnail{background:#f5f5f5;border-radius:8px;height:120px;margin-bottom:12px;overflow:hidden;width:100%}.layer-thumbnail img{object-fit:cover}.scale-row{align-items:center;display:flex;gap:8px}.scale-slider{flex:1 1}.scale-input{border:1px solid #d1d5db;border-radius:6px;padding:4px 8px;text-align:center;width:60px}.position-grid{grid-gap:8px;display:grid;gap:8px;grid-template-rows:auto auto auto;justify-items:center;margin:0 auto;max-width:200px}.position-middle{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:auto auto auto}.arrow-btn{align-items:center;background:#9ca3af;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;width:30px}.arrow-btn:hover{background:#6b7280}.position-inputs{display:flex;flex-direction:column;gap:4px}.position-inputs input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:4px 10px;text-align:center;width:80px}.layer-thumbnail img{height:100%;object-fit:contain;width:100%}: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}.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{justify-content:flex-end}.header-actions button{border:none;cursor:pointer;font-size:var(--text-sm);font-weight:500;min-height:44px;min-height:var(--creator-touch-target);padding:10px 20px}.close-btn,.header-actions button{border-radius:6px;transition:all .2s ease}.close-btn{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--creator-border);color:var(--text-secondary);font-size:20px}.close-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.error-message{background:#fef2f2;border-bottom:1px solid #fecaca;color:var(--color-danger);flex-shrink:0;padding:12px 16px;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{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;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{font-size:var(--text-lg);font-weight:600}.thumbnails-grid{flex:1 1;overflow-y:auto;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{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}}.thumbnail-creator{animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.image-layer{animation:slideInUp .2s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}: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;font-size:var(--text-xs);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}.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{animation:spin 1s linear infinite;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;width:100%}.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;display:block;font-weight:500;margin-bottom:8px}.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;overflow:hidden}.progress-fill{background-color:#4caf50;height:100%;transition:width .3s ease}.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{--color-primary:#4a90e2;--color-primary-hover:#357abd;--text-primary:#111827;--text-secondary:#6b7280;--border-color:#e5e7eb;--bg-light:#f8fafc}.promotion-tab-v2{background:#f8fafc;background:var(--bg-light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:20px}.promotion-header{align-items:center;background:linear-gradient(135deg,#4a90e2,#357abd);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#fff;display:flex;justify-content:space-between;margin-bottom:20px;padding:24px}.promotion-header h2{font-size:24px;font-weight:600;margin:0}.header-actions{align-items:center;display:flex;gap:12px}.btn{align-items:center;display:inline-flex;font-weight:500;justify-content:center;padding:10px 16px;text-decoration:none}.btn-primary{background:#ffffffe6;color:#4a90e2;color:var(--color-primary)}.btn-primary:hover{background:#fff;transform:translateY(-1px)}.btn-secondary{background:#ffffff1a;border:1px solid #ffffff4d;color:#fff}.btn-secondary:hover{background:#fff3;transform:translateY(-1px)}.platform-dropdown{display:inline-block;position:relative}.dropdown-content{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:250px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.dropdown-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background-color .2s}.dropdown-item:hover{background:#f8fafc;background:var(--bg-light)}.dropdown-item:last-child{border-bottom:none}.dropdown-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.posts-accordion{display:flex;flex-direction:column;gap:16px}.accordion-section{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.accordion-header{align-items:center;background:#f8fafc;background:var(--bg-light);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);color:#111827;color:var(--text-primary);cursor:pointer;display:flex;font-size:15px;font-weight:600;justify-content:space-between;padding:16px 20px;transition:all .2s;-webkit-user-select:none;user-select:none}.accordion-header:hover{background:#f1f5f9}.post-count-badge{background:var(--color-primary)}.accordion-content{padding:0}.post-card{grid-gap:20px;align-items:start;border-bottom:1px solid #f3f4f6;display:grid;gap:20px;grid-template-columns:220px 1fr 300px;padding:20px}.post-card:last-child{border-bottom:none}.post-card:hover{background:#fafbfc}.post-platform-info{align-items:start;display:flex;gap:12px}.platform-details{display:flex;flex-direction:column;gap:6px;min-width:0}.platform-name{word-wrap:break-word;color:var(--text-primary);line-height:1.3}.platform-account{color:var(--text-secondary);line-height:1.2}.status-badge{border-radius:4px;display:inline-block;font-size:10px;font-weight:600;margin-top:2px;padding:4px 10px;text-align:center;width:fit-content}.status-draft{background:#f3f4f6;color:#6b7280}.status-scheduled{background:#dbeafe;color:#1e40af}.status-queued{background:#fef3c7;color:#92400e}.status-sent{background:#dcfce7;color:#166534}.status-failed{background:#fee2e2;color:#dc2626}.status-cancelled{background:#f3f4f6;color:#4b5563}.post-message-area{display:flex;flex-direction:column;gap:8px;min-width:0}.message-input{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;line-height:1.5;min-height:100px;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.message-input:focus{border-color:#4a90e2;border-color:var(--color-primary);box-shadow:0 0 0 3px #4a90e21a;outline:none}.message-input:disabled{background:#f9fafb;color:#6b7280}.message-readonly{color:#111827;color:var(--text-primary);font-size:14px;line-height:1.6;max-height:200px;overflow-y:auto;padding:8px 0;white-space:pre-wrap;word-break:break-word}.char-count{color:#6b7280;color:var(--text-secondary);font-size:11px;margin-top:4px;text-align:right}.char-count.warning{color:#f59e0b;font-weight:600}.char-count.danger{color:#dc2626;font-weight:600}.media-attachments{margin-top:12px}.add-image-btn{background:#f0f0f0;border:1px dashed #ccc;border-radius:6px;color:#6b7280;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.add-image-btn:hover{background:#e8e8e8;border-color:#999;color:#111827;color:var(--text-primary)}.add-image-btn:disabled{cursor:not-allowed;opacity:.5}.selected-thumbnail{display:inline-block;position:relative}.thumbnail-preview{border:2px solid #ddd;border-radius:6px;display:block;max-width:100%}.remove-thumbnail-btn{align-items:center;background:#dc3545;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:26px;justify-content:center;line-height:1;position:absolute;right:-8px;top:-8px;transition:all .2s;width:26px}.remove-thumbnail-btn:hover{background:#c82333;transform:scale(1.1)}.post-actions-area{gap:12px}.post-actions-area,.post-datetime{display:flex;flex-direction:column}.post-datetime{background:#f8fafc;background:var(--bg-light);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:6px;gap:4px;padding:12px}.datetime-label{color:#6b7280;color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.datetime-value{color:#111827;color:var(--text-primary);font-size:13px;font-weight:500}.post-action-buttons{display:flex;flex-direction:column;gap:6px}.btn-action{background:#fff;border:1px solid #d1d5db;border-radius:5px;cursor:pointer;font-size:12px;font-weight:600;padding:9px 12px;text-align:center;transition:all .2s;white-space:nowrap}.btn-post{background:#22c55e;border-color:#22c55e;color:#fff}.btn-post:hover:not(:disabled){background:#16a34a;border-color:#16a34a}.btn-schedule{background:#3b82f6;border-color:#3b82f6;color:#fff}.btn-schedule:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.btn-reschedule{background:#f59e0b;border-color:#f59e0b;color:#fff}.btn-reschedule:hover:not(:disabled){background:#d97706;border-color:#d97706}.btn-cancel{background:#6b7280;border-color:#6b7280;color:#fff}.btn-cancel:hover{background:#4b5563;border-color:#4b5563}.btn-delete{background:#ef4444;border-color:#ef4444;color:#fff}.btn-delete:hover{background:#dc2626;border-color:#dc2626}.btn-action:disabled{cursor:not-allowed;opacity:.5}.reschedule-input{border:1px solid #d1d5db;border-radius:5px;font-family:inherit;font-size:12px;padding:8px;width:100%}.reschedule-input:focus{border-color:#4a90e2;border-color:var(--color-primary);box-shadow:0 0 0 2px #4a90e21a;outline:none}.empty-state{background:#fff;border-radius:8px;margin-top:20px;padding:60px 20px;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state h4{color:#111827;color:var(--text-primary);font-size:18px;margin-bottom:8px}.empty-state p{color:#6b7280;color:var(--text-secondary);margin-bottom:24px}.promotion-alert{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;margin-bottom:20px;padding:16px}.promotion-alert.error{background:#fee2e2;border-color:#fecaca;color:#dc2626}.modal-backdrop{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.thumbnail-picker-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:80vh;max-width:800px;overflow-y:auto;padding:24px}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.modal-header h3{color:#111827;color:var(--text-primary);font-size:18px;margin:0}.close-btn{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.close-btn:hover{color:#000;transform:rotate(90deg)}.thumbnails-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.thumbnail-option{border:2px solid #ddd;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .2s}.thumbnail-option:hover{border-color:#4a90e2;border-color:var(--color-primary);box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.thumbnail-option img{display:block;height:auto;width:100%}.thumbnail-info{background:#f8f9fa;display:flex;gap:8px;justify-content:center;padding:8px}.format-badge{background:#6c757d;text-transform:uppercase}.active-badge,.format-badge{border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:3px 8px}.active-badge{background:#28a745}@media (max-width:1200px){.post-card{gap:16px;grid-template-columns:200px 1fr 280px}}@media (max-width:1024px){.post-card{gap:16px;grid-template-columns:180px 1fr 240px}.platform-icon{font-size:14px;height:36px;width:36px}}@media (max-width:768px){.promotion-tab-v2{padding:12px}.promotion-header{align-items:stretch;flex-direction:column;gap:16px;padding:20px}.promotion-header h2{font-size:20px;text-align:center}.header-actions{justify-content:center}.post-card{gap:16px;grid-template-columns:1fr;padding:16px}.post-platform-info{border-bottom:1px solid #f3f4f6;padding-bottom:12px}.post-datetime{order:-1}.post-action-buttons{flex-direction:row;flex-wrap:wrap;gap:8px}.btn-action{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;min-width:100px}.reschedule-input{flex:1 1 100%}.dropdown-content{left:0;min-width:280px;right:auto}.accordion-header{font-size:14px;padding:14px 16px}}@media (max-width:480px){.promotion-header{padding:16px}.header-actions{flex-direction:column;gap:8px}.btn{justify-content:center;width:100%}.post-card{padding:14px}.btn-action{flex:1 1 100%;padding:10px 12px}.message-input{min-height:80px}.thumbnails-grid{grid-template-columns:1fr}}.accordion-header:focus,.add-image-btn:focus,.btn-action:focus,.btn:focus,.message-input:focus{outline:2px solid #4a90e2;outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast:high){.status-badge{border:1px solid}.btn-post,.btn-reschedule,.btn-schedule{border:2px solid}}@media (prefers-reduced-motion:reduce){.accordion-header,.btn,.btn-action,.close-btn,.message-input,.post-card,.thumbnail-option{transition:none}.btn-action:hover,.btn:hover,.close-btn:hover,.thumbnail-option:hover{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{gap:10px;margin-bottom:14px}.section-icon{font-size:22px}.section-title{color:#111827;color:var(--modal-text-primary);font-size:17px;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{align-items:center;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.platform-icon.slack{background:#4a154b}.platform-icon.twitter{background:#1da1f2}.platform-icon.linkedin{background:#0077b5}.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;font-weight:600;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}@keyframes spin{to{transform:rotate(1turn)}}.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);border-radius:12px;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: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}}.timeline-tab{background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:var(--mobile-padding)}.timeline-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)}.timeline-header-top{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.timeline-header-top h3{color:var(--text-primary);flex:1 1;font-size:var(--text-lg);font-weight:600;margin:0}.timeline-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.search-input{background:var(--card-bg);border:2px solid var(--card-border);border-radius:6px;font-size:var(--text-sm);min-width:120px;padding:8px 12px;transition:all .2s}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.action-btn,.outline-btn,.primary-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:500;gap:6px;min-height:var(--mobile-touch-target);padding:8px 12px;transition:all .2s ease;white-space:nowrap}.outline-btn{background-color:initial;border:1px solid var(--color-primary);color:var(--color-primary)}.outline-btn:hover{background-color:#4a90e21a}.primary-btn{background-color:var(--color-primary);color:#fff}.primary-btn:hover{background-color:#357abd}.primary-btn:active{transform:scale(.98)}.btn-icon{height:16px;width:16px}.selection-toolbar{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-left:4px solid var(--color-primary);border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.selected-count{color:var(--text-primary);font-size:var(--text-sm);font-weight:600}.selected-range{color:var(--text-secondary);font-size:var(--text-xs);margin-left:8px}.selection-actions{display:flex;flex-wrap:wrap;gap:8px}.timeline-content{display:flex;flex-direction:column;gap:12px}.timeline-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--mobile-border-radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:all .2s ease}.timeline-section:hover{box-shadow:var(--shadow-md)}.section-header{align-items:center;background:#f8fafc;border-bottom:1px solid var(--card-border);cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:all .2s;-webkit-user-select:none;user-select:none}.section-header:hover{background:#f1f5f9}.section-header-left{align-items:center;display:flex;flex:1 1}.section-arrow{color:var(--text-secondary);height:20px;margin-right:12px;transition:transform .2s ease;width:20px}.section-arrow.expanded{transform:rotate(90deg)}.section-title{color:var(--text-primary);font-size:var(--text-base);font-weight:600}.section-header-right{align-items:center;display:flex;gap:12px;position:relative}.section-duration{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500}.section-action-btn{align-items:center;background-color:#f3f4f6;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;min-height:var(--mobile-touch-target);transition:all .2s ease;width:32px}.section-action-btn:hover{background-color:#e5e7eb}.section-action-btn:active{transform:scale(.95)}.section-action-btn svg{color:var(--text-secondary);height:18px;width:18px}.timeline-segments-mobile{display:flex;flex-direction:column;gap:8px;padding:16px}.segment-card-mobile{background:#fafbfc;border:1px solid #e5e7eb;border-radius:6px;padding:12px;transition:all .2s}.segment-card-mobile.selected{background:#ebf5ff;border-color:var(--color-primary)}.segment-card-mobile:hover{background:#f1f5f9}.segment-header-mobile{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.segment-select-mobile{margin:0;min-height:20px;min-width:20px}.segment-timecode-mobile{color:var(--text-secondary);flex-shrink:0;font-family:monospace;font-size:var(--text-xs);font-weight:500;text-align:right}.segment-text-mobile{color:var(--text-primary);font-size:var(--text-sm);line-height:1.4;margin-bottom:8px}.segment-footer-mobile{align-items:center;display:flex;gap:8px;justify-content:space-between}.segment-media-mobile{color:var(--text-secondary);flex:1 1;font-size:var(--text-xs)}.segment-action-mobile{background:var(--color-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:var(--text-xs);padding:4px 8px;transition:all .2s}.segment-action-mobile:hover{background:#357abd}.timeline-table{border-collapse:collapse;display:none;font-size:var(--text-sm);width:100%}.timeline-table th{background-color:#f8fafc;border-bottom:1px solid var(--card-border);color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.timeline-table td{border-bottom:1px solid #f0f0f0;padding:12px;vertical-align:top}.segment-row{transition:background-color .2s ease}.segment-row:hover{background-color:#f9fafb}.segment-row.selected{background-color:#ebf5ff}.segment-checkbox{margin:0;min-height:16px;min-width:16px}.select-col{width:40px}.timecode-col{width:160px}.text-col{min-width:300px}.media-col{width:180px}.display-col{width:140px}.actions-col{width:50px}.timecode-cell{color:var(--text-secondary);font-family:monospace;font-size:var(--text-xs)}.media-preview{gap:10px}.media-preview,.thumbnail{align-items:center;display:flex}.thumbnail{background-color:#f3f4f6;border-radius:4px;height:34px;justify-content:center;overflow:hidden;width:50px}.thumbnail-icon{color:var(--text-secondary);height:20px;width:20px}.media-info{display:flex;flex-direction:column}.media-name{color:var(--text-primary);font-size:var(--text-xs);font-weight:500}.media-duration{color:var(--text-secondary);font-size:11px}.no-display-mode,.no-media{color:var(--text-secondary);font-size:var(--text-xs);font-style:italic}.display-toggle{align-items:center;cursor:pointer;display:flex;gap:6px}.toggle-label{color:var(--text-secondary);font-size:11px;transition:color .2s ease}.toggle-label.active{color:var(--text-primary);font-weight:500}.toggle-switch{display:inline-block;height:18px;position:relative;width:32px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#cbd5e1;border-radius:18px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:14px;left:2px;position:absolute;transition:.3s;width:14px}input:checked+.toggle-slider{background-color:var(--color-primary)}input:checked+.toggle-slider:before{transform:translateX(14px)}.quick-menu{background-color:#fff;border:1px solid var(--card-border);border-radius:6px;box-shadow:0 4px 12px #00000026;min-width:200px;overflow:hidden;position:absolute;z-index:100}.section-menu{right:0;top:40px}.segment-menu{right:0;top:32px}.quick-menu-header{background-color:#f8fafc;border-bottom:1px solid var(--card-border);color:var(--text-secondary);font-size:var(--text-xs);font-weight:500;padding:8px 12px}.quick-menu-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:var(--text-sm);min-height:var(--mobile-touch-target);padding:10px 12px;position:relative;text-align:left;transition:background-color .2s;width:100%}.quick-menu-item:hover{background-color:#f8fafc}.menu-icon{height:16px;margin-right:8px;width:16px}.video-icon{color:var(--color-primary)}.image-icon{color:var(--color-success)}.shortcut-key{color:var(--text-secondary);font-size:11px;position:absolute;right:12px}.menu-divider{border:none;border-top:1px solid var(--card-border);margin:4px 0}.segment-action-btn{align-items:center;background-color:#f3f4f6;border:none;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;transition:all .2s ease;width:28px}.segment-row:hover .segment-action-btn{opacity:1}.segment-action-btn:hover{background-color:#e5e7eb}.segment-action-btn svg{color:var(--text-secondary);height:14px;width:14px}.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 var(--color-danger);border-radius:var(--mobile-border-radius);color:#7f1d1d;font-size:var(--text-sm);max-width:500px;padding:16px}.loading{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-base);justify-content:center;padding:40px 20px}@media (min-width:768px){.timeline-tab{padding:24px}.timeline-header-top h3{font-size:var(--text-xl)}.timeline-controls{gap:12px}.search-input{font-size:var(--text-base);min-width:200px}.outline-btn,.primary-btn{font-size:var(--text-base);padding:10px 16px}.timeline-table{display:table!important}.timeline-segments-mobile{display:none!important}.section-header{padding:20px}.section-title{font-size:var(--text-lg)}.timeline-content{gap:16px}.selection-toolbar{padding:16px 20px}}@media (min-width:1024px){.timeline-tab{padding:32px}.timeline-content{gap:20px}.search-input{min-width:250px}}@media (max-width:767px){.timeline-header-top{align-items:stretch;flex-direction:column;gap:12px}.timeline-header-top h3{font-size:var(--text-base);text-align:center}.timeline-controls{gap:6px;justify-content:center}.search-input{flex:1 1;min-width:0}.outline-btn,.primary-btn{font-size:var(--text-xs);padding:8px 12px}.selection-toolbar{align-items:stretch;flex-direction:column;gap:12px}.selection-actions{justify-content:center}.section-header{padding:12px}.section-title{font-size:var(--text-sm)}.section-duration{font-size:var(--text-xs)}.timeline-segments-mobile{display:flex!important}.timeline-table{display:none!important}}.outline-btn:focus,.primary-btn:focus,.section-action-btn:focus,.segment-action-btn:focus,.timeline-section:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.timeline-section{animation:fadeInUp .3s ease-out}.segment-card-mobile{animation:fadeInUp .2s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.5f4ca64b.css.map*/