@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&display=swap";:root{--gray-50: #FAFAFA;--gray-100: #F4F4F5;--gray-200: #E4E4E7;--gray-300: #D1D1D6;--gray-400: #A1A1AA;--gray-500: #71717A;--gray-600: #52525B;--gray-700: #3F3F46;--gray-800: #27272A;--gray-900: #18181B;--gray-950: #09090B;--white: #FFFFFF;--accent: #2563EB;--accent-hover: #1D4ED8;--accent-light: #DBEAFE;--accent-muted: #EFF6FF;--success: #16A34A;--success-light: #DCFCE7;--success-dark: #065F46;--error: #DC2626;--error-light: #FEE2E2;--error-dark: #991B1B;--warning: #D97706;--warning-light: #FEF3C7;--warning-dark: #92400E;--info: #4F46E5;--info-light: #E0E7FF;--info-dark: #3730A3;--font: "Instrument Sans", -apple-system, BlinkMacSystemFont, sans-serif;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-full: 9999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.04);--shadow-lg: 0 10px 32px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--shadow-ring: 0 0 0 2px var(--accent-light);--max-width: 1200px;--header-height: 56px;--sidebar-width: 220px;--sidebar-width-collapsed: 64px;--sidebar-transition: .2s ease;--topbar-height: 48px}[data-theme=dark]{--gray-50: #0A0A0C;--gray-100: #141416;--gray-200: #2A2A2E;--gray-300: #3E3E44;--gray-400: #70707A;--gray-500: #9898A2;--gray-600: #B4B4BC;--gray-700: #D0D0D6;--gray-800: #E4E4E8;--gray-900: #ECECEF;--gray-950: #F8F8FA;--white: #1A1A1E;--accent: #5B9BFF;--accent-hover: #7DB3FF;--accent-light: #1C2D4A;--accent-muted: #151F33;--success: #4ADE80;--success-light: #0A2618;--success-dark: #86EFAC;--error: #F87171;--error-light: #2D0F0F;--error-dark: #FCA5A5;--warning: #FBBF24;--warning-light: #2D1A04;--warning-dark: #FCD34D;--info: #818CF8;--info-light: #1E1B4B;--info-dark: #A5B4FC;--shadow-xs: 0 1px 2px rgba(0,0,0,.3);--shadow-sm: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4), 0 1px 3px rgba(0,0,0,.3);--shadow-lg: 0 10px 32px rgba(0,0,0,.5), 0 2px 6px rgba(0,0,0,.3);--shadow-ring: 0 0 0 2px var(--accent-light);color-scheme:dark}[data-gray=warm]{--gray-50: #FAFAF9;--gray-100: #F5F5F4;--gray-200: #E7E5E4;--gray-300: #D6D3D1;--gray-400: #A8A29E;--gray-500: #78716C;--gray-600: #57534E;--gray-700: #44403C;--gray-800: #292524;--gray-900: #1C1917;--gray-950: #0C0A09}[data-gray=cool]{--gray-50: #F8FAFC;--gray-100: #F1F5F9;--gray-200: #E2E8F0;--gray-300: #CBD5E1;--gray-400: #94A3B8;--gray-500: #64748B;--gray-600: #475569;--gray-700: #334155;--gray-800: #1E293B;--gray-900: #0F172A;--gray-950: #020617}[data-theme=dark][data-gray=warm]{--gray-50: #0C0A09;--gray-100: #1C1917;--gray-200: #292524;--gray-300: #44403C;--gray-400: #78716C;--gray-500: #A8A29E;--gray-600: #D6D3D1;--gray-700: #E7E5E4;--gray-800: #F5F5F4;--gray-900: #FAFAF9;--gray-950: #FAFAF9;--white: #1C1917}[data-theme=dark][data-gray=cool]{--gray-50: #020617;--gray-100: #0F172A;--gray-200: #1E293B;--gray-300: #334155;--gray-400: #64748B;--gray-500: #94A3B8;--gray-600: #CBD5E1;--gray-700: #E2E8F0;--gray-800: #F1F5F9;--gray-900: #F8FAFC;--gray-950: #F8FAFC;--white: #0F172A}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--gray-900);background-color:var(--gray-50);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}button:focus-visible,a.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}ul{list-style:none}img{max-width:100%;height:auto}::selection{background:#2563eb33;color:var(--gray-900)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}@media(max-width:768px){.container{padding:0 16px}}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);z-index:1000;display:flex;align-items:center;justify-content:center;padding:12px 24px 0}.header .container{display:flex;align-items:center;width:100%;max-width:1100px;height:52px;padding:0 20px;background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--gray-200);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.logo{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:var(--gray-900);letter-spacing:-.03em;text-decoration:none;flex-shrink:0}.logo:hover{color:var(--gray-900)}.logo-icon{width:28px;height:28px}.nav{display:flex;align-items:center;gap:8px;margin-left:auto}.nav-links{display:flex;align-items:center;gap:2px}.nav-links a{font-size:13px;font-weight:500;color:var(--gray-500);text-decoration:none;padding:6px 12px;border-radius:var(--r-sm);transition:color .15s,background .15s}.nav-links a:hover{color:var(--gray-700);background:var(--gray-100)}.nav-cta{display:flex;gap:8px;margin-left:8px}.nav-cta .btn{padding:6px 16px;font-size:13px}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;padding:8px}.mobile-menu-btn span{display:block;width:20px;height:2px;background:var(--gray-900);transition:.3s;border-radius:1px}.mobile-menu-btn.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.open span:nth-child(2){opacity:0}.mobile-menu-btn.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{display:none;flex-direction:column;gap:4px;padding:16px 24px 24px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-lg);box-shadow:var(--shadow-md);position:fixed;top:calc(var(--header-height) + 4px);left:16px;right:16px;z-index:999;transform:translateY(-10px);opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease}.mobile-menu.open{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-menu a{padding:12px 16px;border-radius:var(--r-md);font-weight:500;color:var(--gray-600);text-decoration:none;transition:all .15s}.mobile-menu a:hover{color:var(--accent);background:var(--gray-100)}.mobile-menu .btn-primary{color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--r-md);font-weight:600;font-size:.95rem;transition:all .25s ease;letter-spacing:-.01em}.btn-primary{background:var(--accent);color:#fff;border:none;box-shadow:var(--shadow-xs)}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);background:var(--accent-hover)}.btn-secondary{background:var(--white);color:var(--gray-700);border:1px solid var(--gray-200);box-shadow:var(--shadow-xs);font-weight:600}.btn-secondary:hover{background:var(--gray-50);box-shadow:var(--shadow-sm);border-color:var(--gray-300);transform:translateY(-1px)}.btn-secondary:active{background:var(--gray-100);transform:translateY(0)}.btn-large{padding:16px 32px;font-size:1.1rem;border-radius:var(--r-lg)}.hero{padding-top:calc(var(--header-height) + 80px);padding-bottom:100px;background:var(--gray-50);overflow:hidden}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-content{max-width:560px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-full);font-size:.85rem;font-weight:600;color:var(--success);margin-bottom:24px;box-shadow:var(--shadow-xs)}.hero-badge span{display:inline-block;width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.hero h1{font-size:3.5rem;font-weight:800;line-height:1.08;margin-bottom:24px;color:var(--gray-900);letter-spacing:-.04em}.hero p{font-size:1.2rem;color:var(--gray-600);margin-bottom:32px;line-height:1.7}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}.hero-visual{position:relative}.hero-image{width:100%;height:auto;border-radius:var(--r-xl);border:1px solid var(--gray-200);box-shadow:var(--shadow-md)}.hero-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,rgba(37,99,235,.08) 0%,transparent 70%);z-index:-1}.features{padding:100px 0}.section-header{text-align:center;max-width:700px;margin:0 auto 60px}.section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:16px;color:var(--gray-900);letter-spacing:-.03em}.section-header p{font-size:1.1rem;color:var(--gray-600);line-height:1.7}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.features-grid-2{grid-template-columns:repeat(2,1fr);max-width:900px;margin:0 auto}.coming-soon-note{text-align:center;margin-top:48px;padding:24px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-xl);max-width:600px;margin-left:auto;margin-right:auto;box-shadow:var(--shadow-sm)}.coming-soon-note p{color:var(--gray-600);font-size:.95rem;margin:0}.feature-card{padding:2rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);transition:box-shadow .3s ease,transform .3s ease,border-color .3s ease}.feature-card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300);transform:translateY(-3px)}.feature-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--gray-100);border-radius:14px;margin-bottom:20px}.feature-icon svg{width:26px;height:26px;color:var(--accent)}.feature-card h3{font-size:1.15rem;font-weight:700;margin-bottom:10px;color:var(--gray-900);letter-spacing:-.01em}.feature-card p{color:var(--gray-600);line-height:1.6;font-size:.95rem}.testimonials{padding:100px 0;background:var(--gray-100)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.testimonial-card{padding:2rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-xl);box-shadow:var(--shadow-sm)}.testimonial-card p{font-size:1.05rem;line-height:1.7;margin-bottom:24px;color:var(--gray-900);font-style:italic}.testimonial-author{display:flex;align-items:center;gap:12px}.testimonial-avatar{width:44px;height:44px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.85rem}.testimonial-info h4{font-weight:700;margin-bottom:2px;color:var(--gray-900);font-size:.9rem}.testimonial-info span{font-size:.8rem;color:var(--gray-600)}.platforms-section{padding:100px 0;background:var(--gray-50)}.platforms-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.platform-card{padding:2rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-xl);text-align:center;box-shadow:var(--shadow-sm);transition:box-shadow .3s ease,transform .3s ease,border-color .3s ease}.platform-card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300);transform:translateY(-3px)}.platform-logo{width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.platform-logo svg,.platform-logo img{width:48px;height:48px;object-fit:contain}.platform-card h3{font-size:1.1rem;font-weight:700;margin-bottom:8px;color:var(--gray-900)}.platform-card p{color:var(--gray-600);font-size:.9rem;line-height:1.6}.cta{padding:100px 0;background:var(--accent);position:relative}.cta:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(0,0,0,.1) 100%)}.cta .container{text-align:center;position:relative}.cta h2{font-size:2.75rem;font-weight:800;color:#fff;margin-bottom:16px;letter-spacing:-.03em}.cta p{font-size:1.2rem;color:#ffffffd9;margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}.cta .btn-primary{background:#fff;color:var(--accent);box-shadow:0 4px 20px #00000026}.cta .btn-primary:hover{background:#fff;box-shadow:0 8px 30px #0003;transform:translateY(-2px)}.footer{padding:60px 0 30px;background:var(--gray-100);color:var(--gray-900)}.footer-content{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:60px;margin-bottom:40px}.footer-brand{max-width:300px}.footer-brand .logo{color:var(--gray-900);margin-bottom:16px}.footer-brand p{color:var(--gray-600);line-height:1.7}.footer-column h4{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:20px;color:var(--gray-400)}.footer-column ul{display:flex;flex-direction:column;gap:12px}.footer-column a{color:var(--gray-600);transition:color .2s}.footer-column a:hover{color:var(--accent)}.footer-simple{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px}.footer-links-row{display:flex;gap:24px}.footer-links-row a{color:var(--gray-600);transition:color .2s;font-weight:500}.footer-links-row a:hover{color:var(--accent)}.footer-bottom{padding-top:30px;border-top:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center;color:var(--gray-400);font-size:.875rem}.footer-social{display:flex;gap:12px}.footer-social a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-md);color:var(--gray-600);box-shadow:var(--shadow-xs);transition:all .2s}.footer-social a:hover{box-shadow:var(--shadow-sm);border-color:var(--gray-300);color:var(--accent)}@media(max-width:1024px){.hero h1{font-size:2.75rem}.features-grid,.testimonials-grid,.platforms-grid,.footer-content{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.nav-links,.nav-cta,.nav{display:none}.mobile-menu-btn,.mobile-menu{display:flex}.mobile-menu-overlay{display:block;position:fixed;inset:0;background:#0000004d;z-index:998}.hero .container{grid-template-columns:1fr;text-align:center}.hero-content{max-width:100%}.hero h1{font-size:2.25rem}.hero-buttons{justify-content:center}.hero-visual{order:-1;max-width:400px;margin:0 auto}.section-header h2{font-size:2rem}.features-grid,.features-grid-2,.testimonials-grid,.platforms-grid{grid-template-columns:1fr}.footer-simple{flex-direction:column;gap:24px}.cta h2{font-size:2rem}.footer-content{grid-template-columns:1fr;gap:40px}.footer-bottom{flex-direction:column;gap:20px;text-align:center}}.privacy-page{padding-top:calc(var(--header-height) + 60px);padding-bottom:80px;min-height:100vh;background:var(--gray-50)}.privacy-content{max-width:800px;margin:0 auto}.privacy-content h1{font-size:2.5rem;font-weight:700;margin-bottom:8px;color:var(--gray-900)}.privacy-content .updated-date{color:var(--gray-600);margin-bottom:32px;font-size:.95rem}.privacy-content h2{font-size:1.5rem;font-weight:600;margin-top:48px;margin-bottom:16px;color:var(--gray-900)}.privacy-content h3{font-size:1.2rem;font-weight:600;margin-top:32px;margin-bottom:12px;color:var(--gray-900)}.privacy-content p{color:var(--gray-600);line-height:1.8;margin-bottom:16px}.privacy-content ul{list-style:disc;padding-left:24px;margin-bottom:16px}.privacy-content li{color:var(--gray-600);line-height:1.8;margin-bottom:8px}.privacy-content a{color:var(--accent);text-decoration:underline}.privacy-content a:hover{color:var(--accent-hover)}.privacy-content strong{color:var(--gray-900)}.footer-links{display:flex;gap:24px}.footer-links a{color:var(--gray-600);transition:color .2s}.footer-links a:hover{color:var(--gray-900)}.auth-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--gray-50)}.auth-main{flex:1;display:flex;align-items:center;justify-content:center;padding:calc(var(--header-height) + 2rem) 1rem 2rem}.auth-container{width:100%;max-width:420px}.auth-card{background:var(--white);border-radius:var(--r-xl);padding:2.5rem;box-shadow:var(--shadow-md);border:1px solid var(--gray-200)}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin:0 0 .5rem;letter-spacing:-.02em}.auth-header p{color:var(--gray-600);font-size:.95rem;margin:0}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.8rem;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.04em}.form-group input{padding:.875rem 1rem;font-size:1rem;border:1px solid var(--gray-200);border-radius:var(--r-md);background:var(--white);color:var(--gray-900);box-shadow:var(--shadow-xs);transition:border-color .25s ease,box-shadow .25s ease}.form-group input:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-ring)}.form-group input::placeholder{color:var(--gray-400)}.auth-btn{padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border-radius:var(--r-md);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;letter-spacing:-.01em}.auth-btn-primary{background:var(--accent);color:#fff;border:none;box-shadow:var(--shadow-xs)}.auth-btn-primary:hover:not(:disabled){background:var(--accent-dark);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.auth-btn-primary:active:not(:disabled){background:var(--gray-100)}.auth-btn-primary:disabled{opacity:.5;cursor:not-allowed}.auth-btn-secondary{background:var(--white);color:var(--accent);border:1px solid var(--gray-200);box-shadow:var(--shadow-xs)}.auth-btn-secondary:hover:not(:disabled){box-shadow:var(--shadow-sm);border-color:var(--gray-300)}.auth-btn-secondary:active:not(:disabled){background:var(--gray-100)}.auth-divider{display:flex;align-items:center;gap:1rem;margin:.5rem 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--gray-200)}.auth-divider span{font-size:.8rem;color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.oauth-buttons{display:flex;flex-direction:column;gap:.75rem}.oauth-btn{padding:.875rem 1rem;font-size:.95rem;font-weight:500;border-radius:var(--r-md);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;background:#fff;color:var(--gray-900);border:1px solid var(--gray-200);box-shadow:var(--shadow-xs)}.oauth-btn:hover:not(:disabled){box-shadow:var(--shadow-sm);border-color:var(--gray-300)}.oauth-btn:active:not(:disabled){background:var(--gray-100)}.oauth-btn:disabled{opacity:.5;cursor:not-allowed}.oauth-btn svg{width:20px;height:20px}.auth-error{padding:.875rem 1rem;background:var(--white);border-radius:var(--r-md);color:var(--error);font-size:.875rem;font-weight:500;border:1px solid var(--gray-200);border-left:3px solid var(--error)}.auth-success{padding:.875rem 1rem;background:var(--white);border-radius:var(--r-md);color:var(--success);font-size:.875rem;font-weight:500;border:1px solid var(--gray-200);border-left:3px solid var(--success)}.auth-footer{text-align:center;margin-top:1.5rem}.auth-footer p{color:var(--gray-600);font-size:.875rem;margin:0}.auth-footer a{color:var(--accent);text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}.auth-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:var(--gray-100);padding:.25rem;border-radius:var(--r-md)}.auth-tab{flex:1;padding:.625rem 1rem;font-size:.85rem;font-weight:600;border:none;border-radius:var(--r-sm);cursor:pointer;transition:all .25s ease;background:transparent;color:var(--gray-400)}.auth-tab.active{background:var(--white);color:var(--gray-900);box-shadow:var(--shadow-xs)}.auth-tab:hover:not(.active){color:var(--gray-600)}.auth-spinner{width:20px;height:20px;border:2px solid var(--gray-200);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-page{min-height:100vh;background:var(--gray-50)}.dashboard-content{padding:2rem 1.5rem}.dashboard-card{max-width:600px;margin:0 auto;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-xl);padding:2rem;box-shadow:var(--shadow-sm)}.dashboard-card h1{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin:0 0 1.5rem;letter-spacing:-.02em}.user-info{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.user-info-row{display:flex;gap:.5rem}.user-info-label{font-weight:600;color:var(--gray-600);min-width:80px;font-size:.85rem;text-transform:uppercase;letter-spacing:.03em}.user-info-value{color:var(--gray-900)}.dashboard-card .btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--r-md);font-weight:600;font-size:.95rem;transition:all .2s ease;cursor:pointer}.dashboard-card .btn-secondary{background:var(--white);color:var(--gray-900);border:1px solid var(--gray-200);box-shadow:var(--shadow-xs)}.dashboard-card .btn-secondary:hover:not(:disabled){box-shadow:var(--shadow-sm);border-color:var(--gray-300)}.dashboard-card .btn-secondary:active:not(:disabled){background:var(--gray-100)}.dashboard-card .btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.auth-card{padding:1.5rem}.auth-header h1{font-size:1.5rem}}.dashboard-welcome h1{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin:0 0 .25rem;letter-spacing:-.02em}.dashboard-welcome p{color:var(--gray-600);margin:0;font-size:.95rem}.status-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin:2rem 0}.status-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-xl);padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--shadow-sm);transition:box-shadow .3s ease,border-color .3s ease}.status-card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300)}.status-card-header{display:flex;align-items:center;gap:.75rem}.status-card-icon{width:42px;height:42px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.status-card-icon.connections{background:#2563eb14;color:var(--accent)}.status-card-icon.automations{background:#7c3aed14;color:var(--info)}.status-card-icon.published{background:#16a34a14;color:var(--success)}.status-card-icon svg{width:20px;height:20px}.status-card-label{font-size:.75rem;font-weight:700;color:var(--gray-400);text-transform:uppercase;letter-spacing:.06em}.status-card-value{font-size:1.5rem;font-weight:700;color:var(--gray-900);letter-spacing:-.02em}.status-card-link{font-size:.8rem;color:var(--accent);text-decoration:none;font-weight:600}.status-card-link:hover{text-decoration:underline}.quick-actions-header{font-size:.8rem;font-weight:700;color:var(--gray-400);text-transform:uppercase;letter-spacing:.06em;margin:0 0 1rem}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.quick-action-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-xl);padding:1.25rem;text-decoration:none;color:inherit;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-sm);transition:box-shadow .25s ease,border-color .25s ease,transform .2s ease}.quick-action-card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300);transform:translateY(-1px)}.quick-action-card:active{background:var(--gray-100);transform:translateY(0)}.quick-action-icon{width:44px;height:44px;border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-action-icon.publish{background:#16a34a14;color:var(--success)}.quick-action-icon.connections{background:#2563eb14;color:var(--accent)}.quick-action-icon.automations{background:#7c3aed14;color:var(--info)}.quick-action-icon.analytics{background:#d9770614;color:var(--warning)}.quick-action-icon svg{width:22px;height:22px}.quick-action-text{flex:1;min-width:0}.quick-action-title{font-size:.95rem;font-weight:600;color:var(--gray-900);margin:0 0 .2rem}.quick-action-desc{font-size:.8rem;color:var(--gray-600);margin:0}.quick-action-arrow{color:var(--gray-400);flex-shrink:0;transition:color .2s,transform .2s}.quick-action-card:hover .quick-action-arrow{color:var(--accent);transform:translate(2px)}.status-card-value.loading{width:48px;height:24px;background:var(--gray-100);border-radius:6px;animation:pulse-neu 1.5s ease-in-out infinite}@keyframes pulse-neu{0%,to{opacity:1}50%{opacity:.6}}@media(max-width:768px){.status-cards,.quick-actions{grid-template-columns:1fr}}@media(min-width:769px)and (max-width:900px){.status-cards{grid-template-columns:repeat(2,1fr)}}.connections-page{max-width:700px;margin:0 auto}.page-header{margin-bottom:2rem}.page-header h1{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin:0 0 .5rem;letter-spacing:-.02em}.page-header p{color:var(--gray-600);margin:0}.loading-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;color:var(--gray-600)}.conn-list{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.conn-row{padding:1rem 1.25rem}.conn-row+.conn-row{border-top:1px solid var(--gray-200)}.conn-row-main{display:flex;align-items:center;justify-content:space-between;gap:1rem}.conn-row-left{display:flex;align-items:center;gap:.75rem;min-width:0}.conn-icons{display:flex;gap:.35rem;flex-shrink:0}.conn-icon{width:36px;height:36px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.conn-icon svg{width:18px;height:18px}.conn-icon img{width:18px;height:18px;object-fit:contain}.conn-icon.instagram img,.conn-icon.meta img{width:36px;height:36px;border-radius:var(--r-md)}.conn-icon.instagram,.conn-icon.meta,.conn-icon.tiktok{background:none;border:none}.conn-icon.tiktok img{width:36px;height:36px;border-radius:var(--r-md)}.conn-icon.youtube{background:none}.conn-icon.youtube img{width:36px;height:36px;border-radius:var(--r-md);object-fit:contain}.conn-icon.gmail{background:#ea4335}.conn-icon.linkedin{background:#0a66c2}.conn-icon.pinterest{background:#e60023}.conn-icon.threads{background:#000}.conn-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--gray-200);flex-shrink:0}.conn-row-info{display:flex;flex-direction:column;gap:.1rem;min-width:0}.conn-row-name{font-size:.95rem;font-weight:600;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conn-row-platform{font-size:.8rem;color:var(--gray-400)}.conn-row-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.conn-badge{padding:.25rem .6rem;border-radius:var(--r-full);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.conn-badge.badge-active{background:#16a34a1f;color:var(--success)}.conn-badge.badge-expired{background:#d977061f;color:var(--warning)}.conn-badge.badge-revoked,.conn-badge.badge-error{background:#dc26261f;color:var(--error)}.btn-sm{padding:.4rem .75rem;font-size:.8rem;font-weight:600;border-radius:var(--r-sm);cursor:pointer;transition:all .2s;white-space:nowrap}.btn-sm:disabled{opacity:.5;cursor:not-allowed}.btn-sm-connect{background:var(--white);color:var(--accent);border:1px solid var(--gray-200);box-shadow:var(--shadow-xs)}.btn-sm-connect:hover:not(:disabled){box-shadow:var(--shadow-sm);border-color:var(--gray-300)}.btn-sm-connect:active:not(:disabled){background:var(--gray-100);box-shadow:none}.btn-sm-facebook,.btn-sm-tiktok,.btn-sm-google{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:var(--r-sm);cursor:pointer;transition:all .2s;white-space:nowrap;min-height:40px;min-width:220px}.btn-sm-facebook svg,.btn-sm-tiktok svg,.btn-sm-google svg{width:18px;height:18px;flex-shrink:0}.btn-sm-facebook:disabled,.btn-sm-tiktok:disabled,.btn-sm-google:disabled{opacity:.5;cursor:not-allowed}.btn-sm-facebook{background:#1877f2;color:#fff;border:none;box-shadow:var(--shadow-xs)}.btn-sm-facebook:hover:not(:disabled){background:#166fe5;box-shadow:var(--shadow-sm)}.btn-sm-facebook:active:not(:disabled){background:#1565d8;box-shadow:none}.btn-sm-tiktok{background:#000;color:#fff;border:none;box-shadow:var(--shadow-xs)}.btn-sm-tiktok:hover:not(:disabled){box-shadow:var(--shadow-sm)}.btn-sm-tiktok:active:not(:disabled){background:#222;box-shadow:none}.btn-sm-google{background:#fff;color:#1f1f1f;border:1px solid var(--gray-200);box-shadow:var(--shadow-xs)}.btn-sm-google:hover:not(:disabled){box-shadow:var(--shadow-sm);border-color:var(--gray-300)}.btn-sm-google:active:not(:disabled){background:var(--gray-100);box-shadow:none}.btn-sm-threads{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:var(--r-sm);cursor:pointer;transition:all .2s;white-space:nowrap;min-height:40px;min-width:220px;background:#000;color:#fff;border:none;box-shadow:var(--shadow-xs)}.btn-sm-threads svg,.btn-sm-threads img{width:18px;height:18px;flex-shrink:0;object-fit:contain}.btn-sm-threads:hover:not(:disabled){box-shadow:var(--shadow-sm)}.btn-sm-threads:active:not(:disabled){background:#222;box-shadow:none}.btn-sm-threads:disabled{opacity:.5;cursor:not-allowed}.btn-sm-linkedin{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:var(--r-sm);cursor:pointer;transition:all .2s;white-space:nowrap;min-height:40px;min-width:220px;background:#0a66c2;color:#fff;border:none;box-shadow:var(--shadow-xs)}.btn-sm-linkedin svg{width:18px;height:18px;flex-shrink:0}.btn-sm-linkedin:hover:not(:disabled){background:#004182;box-shadow:var(--shadow-sm)}.btn-sm-linkedin:active:not(:disabled){background:#003872;box-shadow:none}.btn-sm-linkedin:disabled{opacity:.5;cursor:not-allowed}.btn-sm-pinterest{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:var(--r-sm);cursor:pointer;transition:all .2s;white-space:nowrap;min-height:40px;min-width:220px;background:#e60023;color:#fff;border:none;box-shadow:var(--shadow-xs)}.btn-sm-pinterest svg{width:18px;height:18px;flex-shrink:0}.btn-sm-pinterest:hover:not(:disabled){background:#ad081b;box-shadow:var(--shadow-sm)}.btn-sm-pinterest:active:not(:disabled){background:#9b071a;box-shadow:none}.btn-sm-pinterest:disabled{opacity:.5;cursor:not-allowed}.btn-sm-instagram{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:var(--r-sm);cursor:pointer;transition:all .2s;white-space:nowrap;min-height:40px;min-width:220px;background:#fff;color:#000;border:1px solid var(--gray-200);box-shadow:var(--shadow-xs)}.btn-sm-instagram img{width:18px;height:18px;flex-shrink:0}.btn-sm-instagram:hover:not(:disabled){box-shadow:var(--shadow-sm);border-color:var(--gray-300)}.btn-sm-instagram:active:not(:disabled){background:var(--gray-100);box-shadow:none}.btn-sm-instagram:disabled{opacity:.5;cursor:not-allowed}.conn-meta-buttons{display:flex;gap:.5rem;align-items:center}.btn-sm-secondary{background:var(--white);color:var(--gray-600);border:1px solid var(--gray-200);box-shadow:var(--shadow-xs)}.btn-sm-secondary:hover:not(:disabled){box-shadow:var(--shadow-sm);border-color:var(--gray-300);color:var(--gray-900)}.btn-sm-secondary:active:not(:disabled){background:var(--gray-100);box-shadow:none}.btn-sm-danger{background:var(--white);color:var(--error);border:1px solid var(--gray-200);box-shadow:var(--shadow-xs)}.btn-sm-danger:hover:not(:disabled){box-shadow:var(--shadow-sm);border-color:var(--gray-300)}.btn-sm-danger:active:not(:disabled){background:var(--gray-100);box-shadow:none}.conn-row-pages{margin-top:.75rem;padding-top:.625rem;padding-left:calc(36px + .75rem);border-top:1px solid var(--gray-200);display:flex;flex-direction:column;gap:.25rem}.conn-pages-label{font-size:.7rem;font-weight:700;color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.conn-page-group+.conn-page-group{margin-top:.35rem;padding-top:.35rem;border-top:1px solid var(--gray-200)}.conn-page-item{display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.conn-page-item-nested{padding-left:1.25rem}.conn-page-icon{width:22px;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.conn-page-icon svg,.conn-page-icon img{width:12px;height:12px;object-fit:contain}.conn-page-icon.fb,.conn-page-icon.ig{background:none}.conn-page-icon.fb img,.conn-page-icon.ig img{width:22px;height:22px;border-radius:5px}.conn-page-icon.tk{background:none;border:none}.conn-page-icon.tk img{width:22px;height:22px;border-radius:5px}.conn-page-icon.yt{background:none}.conn-page-icon.yt img{width:22px;height:22px;border-radius:5px;object-fit:contain}.conn-page-icon.li{background:#0a66c2}.conn-page-icon.pt{background:#e60023}.conn-page-icon.th{background:#000}.conn-page-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid var(--gray-200);flex-shrink:0}.conn-page-info{display:flex;flex-direction:column;gap:.05rem;min-width:0}.conn-page-name{font-size:.8rem;color:var(--gray-900);font-weight:500}.conn-page-type{font-size:.7rem;color:var(--gray-400)}.platform-icon{width:48px;height:48px;border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;color:#fff}.platform-icon.meta,.platform-icon.instagram{background:none}.platform-icon.tiktok{background:#000}.platform-icon.youtube{background:none}.callback-spinner-container{display:flex;justify-content:center;margin-bottom:1.5rem}.callback-success-icon{color:var(--success);display:flex;justify-content:center;margin-bottom:1rem}.callback-error-icon{color:var(--error);display:flex;justify-content:center;margin-bottom:1rem}.nav-link{color:var(--gray-600);text-decoration:none;font-weight:500;transition:color .2s;padding:.5rem 1rem}.nav-link:hover{color:var(--accent)}@media(max-width:600px){.conn-row-main{flex-direction:column;align-items:flex-start;gap:.75rem}.conn-row-right{width:100%;justify-content:flex-end}.conn-row-pages{padding-left:0}}.conn-icon.threads,.conn-page-icon.threads-icon-small{background:#000;border:1px solid rgba(0,0,0,.15)}.threads-connect-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--r-sm);font-size:.85rem;font-weight:600;cursor:pointer;background:#000;color:#fff;border:none;transition:all .2s;box-shadow:var(--shadow-xs)}.threads-connect-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.threads-connect-btn:active{background:var(--gray-100);transform:translateY(0)}.threads-connect-btn svg{width:18px;height:18px}.threads-compose-field{position:relative;margin-bottom:1rem}.threads-textarea{width:100%;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-sm);color:var(--gray-900);padding:.75rem .75rem 1.75rem;font-size:.9rem;resize:vertical;font-family:inherit;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;box-shadow:var(--shadow-xs)}.threads-textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-ring)}.threads-char-count{position:absolute;bottom:.5rem;right:.75rem;font-size:.7rem;color:var(--gray-400)}.threads-media-row{display:flex;gap:.5rem;margin-bottom:1rem}.threads-attach-btn{padding:.4rem .75rem;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;background:var(--white);color:var(--gray-600);border:1px solid var(--gray-200);transition:all .2s;box-shadow:var(--shadow-xs)}.threads-attach-btn:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300);color:var(--gray-900)}.threads-attach-btn:active{background:var(--gray-100)}.threads-remove-btn{padding:.4rem .75rem;border-radius:6px;font-size:.8rem;cursor:pointer;background:transparent;color:var(--error);border:1px solid rgba(220,38,38,.2);transition:all .2s}.threads-remove-btn:hover{background:#dc26260d}.threads-image-preview{margin-bottom:1rem}.threads-image-preview img{max-width:300px;border-radius:var(--r-sm);border:1px solid var(--gray-200)}.threads-publish-btn{padding:.6rem 1.5rem;border-radius:var(--r-sm);font-size:.9rem;font-weight:600;cursor:pointer;background:#000;color:#fff;border:none;transition:all .2s;box-shadow:var(--shadow-xs)}.threads-publish-btn:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.threads-publish-btn:active:not(:disabled){background:var(--gray-100);transform:translateY(0)}.threads-publish-btn:disabled{opacity:.5;cursor:not-allowed}.threads-result{margin-top:1rem;padding:.75rem 1rem;border-radius:var(--r-sm);font-size:.85rem}.threads-result-success{background:#16a34a1a;border:1px solid rgba(22,163,74,.3);color:var(--success)}.threads-result-error{background:#d977061a;border:1px solid rgba(217,119,6,.3);color:var(--warning)}.compose-tabs{display:flex;gap:2rem;margin-bottom:1.5rem;border-bottom:1px solid var(--gray-200)}.compose-tab{display:flex;align-items:center;gap:.5rem;padding:.625rem 0;border-radius:0;font-size:.9rem;font-weight:500;cursor:pointer;background:none;color:var(--gray-500);border:none;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;margin-bottom:-1px}.compose-tab:hover{color:var(--gray-700)}.compose-tab-active{color:var(--gray-900);font-weight:600;border-bottom-color:var(--accent)}.compose-tab svg,.compose-tab img{flex-shrink:0;width:20px;height:20px;object-fit:contain}.compose-publish-linkedin{background:#0a66c2;border:none}.compose-publish-linkedin:hover:not(:disabled){background:#004182;border:none}.compose-visibility-btn{padding:.4rem .75rem;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;background:var(--white);color:var(--gray-600);border:1px solid var(--gray-200);transition:all .15s;box-shadow:var(--shadow-xs)}.compose-visibility-active{box-shadow:var(--shadow-xs);color:var(--accent)}.compose-dropzone{background:var(--gray-100);border:2px dashed var(--gray-200);border-radius:var(--r-lg);padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;cursor:pointer;transition:all .2s;margin-bottom:1rem}.compose-dropzone:hover,.compose-dropzone.drag-over{border-color:#2563eb80;background:#2563eb08}.compose-dropzone svg{color:var(--gray-400);margin-bottom:.25rem}.compose-dropzone p{font-size:.85rem;font-weight:500;color:var(--gray-600);margin:0}.compose-dropzone span{font-size:.75rem;color:var(--gray-400)}.compose-file-preview{margin-bottom:1rem;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--gray-200);background:var(--white);box-shadow:var(--shadow-sm)}.compose-preview-media{width:100%;max-height:300px;object-fit:contain;display:block;background:#0000000d}.compose-file-info{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem}.compose-file-name{font-size:.75rem;color:var(--gray-400);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.compose-remove-btn{padding:.3rem .6rem;border-radius:6px;font-size:.75rem;cursor:pointer;background:transparent;color:var(--error);border:1px solid rgba(220,38,38,.2);transition:all .2s;flex-shrink:0}.compose-remove-btn:hover{background:#dc26260d}.publish-page{max-width:900px;margin:0 auto}.pub-error{margin-bottom:1.5rem}.pub-dropzone{background:var(--white);border:2px dashed var(--gray-200);border-radius:var(--r-xl);padding:2.5rem 1.5rem;text-align:center;cursor:pointer;transition:border-color .2s,box-shadow .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;box-shadow:var(--shadow-sm)}.pub-dropzone:hover,.pub-dropzone.drag-over{border-color:#2563eb80;background:#2563eb08}.pub-dropzone-icon{color:var(--gray-400);margin-bottom:.75rem}.pub-dropzone h3{font-size:1rem;font-weight:600;color:var(--gray-900);margin:0 0 .35rem}.pub-dropzone p{color:var(--gray-400);font-size:.8rem;margin:0}.pub-panels{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.pub-video-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.pub-video-card video{width:100%;display:block;max-height:360px;background:#000}.pub-video-meta{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-top:1px solid var(--gray-200)}.pub-video-name{font-size:.8rem;font-weight:500;color:var(--gray-600);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.pub-video-size{font-size:.75rem;color:var(--gray-400);flex-shrink:0;margin-left:.75rem}.pub-change-btn{width:100%;padding:.6rem;background:none;border:none;border-top:1px solid var(--gray-200);color:var(--gray-400);font-size:.8rem;font-weight:500;cursor:pointer;transition:color .15s,background .15s}.pub-change-btn:hover{color:var(--gray-900);background:#00000005}.pub-panel-details{display:flex;flex-direction:column;gap:1.25rem}.pub-section-title{font-size:.8rem;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .6rem}.pub-destinations{display:flex;flex-direction:column;gap:.5rem}.pub-dest{display:flex;align-items:center;gap:.75rem;padding:.7rem .85rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-md);cursor:pointer;transition:all .15s;text-align:left;color:inherit;font:inherit;box-shadow:var(--shadow-xs)}.pub-dest:hover{box-shadow:var(--shadow-sm);border-color:var(--gray-300)}.pub-dest.selected{box-shadow:var(--shadow-xs);border-color:var(--accent);background:#2563eb0d}.pub-dest-icon{width:32px;height:32px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.pub-dest-icon.ig,.pub-dest-icon.fb,.pub-dest-icon.tk{background:none;border:none}.pub-dest-icon.ig img,.pub-dest-icon.fb img,.pub-dest-icon.tk img{width:32px;height:32px;border-radius:var(--r-sm)}.pub-dest-icon.yt{background:none}.pub-dest-icon.yt img{width:32px;height:32px;border-radius:var(--r-sm);object-fit:contain}.pub-dest-icon.pt{background:#e60023}.pub-dest-info{flex:1;display:flex;flex-direction:column;gap:.1rem;min-width:0}.pub-dest-name{font-size:.875rem;font-weight:600;color:var(--gray-900)}.pub-dest-format{font-size:.75rem;color:var(--gray-400)}.pub-dest-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid var(--gray-200);flex-shrink:0}.pub-dest-account{font-size:.7rem;color:var(--gray-400);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pub-dest-check{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--gray-200);background:var(--white);color:transparent;transition:all .15s}.pub-dest.selected .pub-dest-check{background:var(--accent);border-color:var(--accent);color:#fff}.pub-caption{width:100%;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-md);padding:.75rem;color:var(--gray-900);font-size:.875rem;font-family:inherit;resize:vertical;min-height:90px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;box-shadow:var(--shadow-xs)}.pub-caption:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-ring)}.pub-caption::placeholder{color:var(--gray-400)}.pub-caption-wrap{position:relative}.pub-caption-counter{position:absolute;bottom:.6rem;right:.75rem;font-size:.7rem;color:var(--gray-400);pointer-events:none}.pub-yt-settings{display:flex;flex-direction:column;gap:.75rem}.pub-yt-label{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:500;color:var(--gray-600)}.pub-yt-input,.pub-yt-select{width:100%;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-sm);padding:.6rem .75rem;color:var(--gray-900);font-size:.875rem;font-family:inherit;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;box-shadow:var(--shadow-xs)}.pub-yt-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-ring)}.pub-yt-select:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-ring)}.pub-yt-input::placeholder{color:var(--gray-400)}.pub-yt-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23A1A1AA' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}.pub-yt-select option{background:var(--white);color:var(--gray-900)}.pub-pt-new-board{display:flex;gap:.5rem;align-items:center}.pub-pt-new-board .pub-yt-input{flex:1}.pub-pt-create-btn{background:#e60023;color:#fff;border:none;padding:.6rem 1rem;font-size:.8rem;font-weight:500;border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;transition:all .2s;box-shadow:var(--shadow-xs)}.pub-pt-create-btn:hover:not(:disabled){background:#ad081b;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.pub-pt-create-btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.pub-submit{background:var(--accent);color:#fff;border:none;padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;border-radius:var(--r-md);cursor:pointer;transition:all .2s;width:100%;box-shadow:var(--shadow-xs)}.pub-submit:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.pub-submit:active:not(:disabled){transform:translateY(0);box-shadow:none}.pub-submit:disabled{opacity:.5;cursor:not-allowed}.pub-status-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-xl);padding:1.5rem;box-shadow:var(--shadow-sm)}.pub-status-card h3{font-size:1.1rem;font-weight:600;color:var(--gray-900);margin:0 0 1rem}.pub-status-subtitle{color:var(--gray-600);font-size:.85rem;margin:0 0 1rem}.pub-progress{display:flex;flex-direction:column;gap:.5rem}.pub-progress-track{height:6px;background:var(--gray-100);border-radius:3px;overflow:hidden}.pub-progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s ease}.pub-progress-indeterminate{width:40%;animation:pub-indeterminate 1.5s ease-in-out infinite}@keyframes pub-indeterminate{0%{transform:translate(-100%)}to{transform:translate(250%)}}.pub-progress-hint{color:var(--gray-400);font-size:.8rem;margin:0}.pub-progress-label{display:flex;justify-content:space-between;font-size:.8rem;color:var(--gray-600)}.pub-platform-list{display:flex;flex-direction:column;gap:.5rem}.pub-platform-row{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-md);box-shadow:var(--shadow-xs)}.pub-platform-icon{width:32px;height:32px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.pub-platform-icon.ig,.pub-platform-icon.fb,.pub-platform-icon.tk{background:none}.pub-platform-icon.ig img,.pub-platform-icon.fb img,.pub-platform-icon.tk img{width:20px;height:20px;border-radius:4px}.pub-platform-icon.yt{background:none}.pub-platform-icon.yt img{width:20px;height:20px;border-radius:4px;object-fit:contain}.pub-platform-icon.pt{background:#e60023}.pub-platform-info{flex:1;min-width:0}.pub-platform-name{font-size:.85rem;font-weight:600;color:var(--gray-900);display:block}.pub-platform-detail{font-size:.75rem;color:var(--gray-400)}.pub-platform-detail.error{color:var(--error)}.pub-platform-detail.technical{font-family:monospace;font-size:.65rem;color:var(--gray-400);word-break:break-all}.pub-technical-toggle{background:none;border:none;color:var(--gray-400);font-size:.65rem;padding:0;cursor:pointer;text-decoration:underline}.pub-technical-toggle:hover{color:var(--gray-600)}.pub-platform-status{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pub-spinner{width:16px;height:16px;border:2px solid var(--gray-200);border-top-color:var(--accent);border-radius:50%;animation:pub-spin .8s linear infinite}@keyframes pub-spin{to{transform:rotate(360deg)}}.pub-check-success{color:var(--success)}.pub-check-error{color:var(--error)}.pub-done-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.pub-done-header h3{margin:0}.pub-overall-badge{padding:.35rem .75rem;border-radius:var(--r-sm);font-size:.8rem;font-weight:600}.pub-overall-badge.published{background:#16a34a1f;color:var(--success)}.pub-overall-badge.partially_published{background:#d977061f;color:var(--warning)}.pub-overall-badge.failed{background:#dc26261f;color:var(--error)}.pub-reset-btn{margin-top:1.25rem;background:var(--white);color:var(--gray-600);border:1px solid var(--gray-200);padding:.65rem 1.25rem;font-size:.85rem;font-weight:500;border-radius:var(--r-sm);cursor:pointer;transition:all .15s;box-shadow:var(--shadow-xs)}.pub-reset-btn:hover{box-shadow:var(--shadow-sm);border-color:var(--gray-300);color:var(--gray-900)}.pub-reset-btn:active{background:var(--gray-100);box-shadow:none}.pub-tk-creator{display:flex;align-items:center;gap:.65rem;padding:.6rem .75rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-md);box-shadow:var(--shadow-xs)}.pub-tk-creator-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.pub-tk-creator-info{display:flex;flex-direction:column;gap:.1rem;min-width:0}.pub-tk-creator-name{font-size:.875rem;font-weight:600;color:var(--gray-900)}.pub-tk-creator-handle{font-size:.75rem;color:var(--gray-400)}.pub-tk-limit-notice{font-size:.8rem;color:var(--error);background:var(--error-light);border:1px solid var(--gray-200);border-radius:var(--r-sm);padding:.6rem .75rem}.pub-tk-loading{color:var(--gray-400);font-size:.85rem;padding:.75rem 0}.pub-tk-account-notice{font-size:.8rem;color:var(--warning);background:var(--warning-light);border:1px solid var(--gray-200);border-radius:var(--r-sm);padding:.5rem .75rem;margin-bottom:.5rem}.pub-tk-privacy-hint{font-size:.7rem;color:var(--gray-400);font-weight:400;margin-top:.15rem}.pub-tk-interactions{display:flex;flex-direction:column;gap:.4rem}.pub-tk-interactions-label{font-size:.85rem;font-weight:500;color:var(--gray-900)}.pub-tk-toggles{display:flex;flex-direction:row;gap:1.25rem}.pub-tk-checkbox{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--gray-900);cursor:pointer}.pub-tk-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);flex-shrink:0;cursor:pointer}.pub-tk-checkbox input[type=checkbox]:disabled{opacity:.4;cursor:not-allowed}.pub-tk-disabled{color:var(--gray-400)}.pub-tk-hint{font-size:.7rem;color:var(--gray-400);margin-left:auto}.pub-tk-toggle{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.85rem;font-weight:500;color:var(--gray-900);cursor:pointer}.pub-tk-toggle input[type=checkbox]{display:none}.pub-tk-toggle-slider{position:relative;width:40px;height:22px;background:var(--gray-200);border-radius:11px;flex-shrink:0;transition:background .2s}.pub-tk-toggle-slider:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:var(--white);border-radius:50%;transition:transform .2s,background .2s;box-shadow:0 1px 2px #0000001a}.pub-tk-toggle input:checked+.pub-tk-toggle-slider{background:var(--accent)}.pub-tk-toggle input:checked+.pub-tk-toggle-slider:after{transform:translate(18px);background:#fff}.pub-tk-disclosure{padding:.75rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-md)}.pub-tk-disclosure-desc{font-size:.75rem;color:var(--gray-400);margin:.5rem 0 0;line-height:1.45}.pub-tk-commercial-options{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--gray-200)}.pub-tk-radio{display:flex;align-items:flex-start;gap:.6rem;cursor:pointer}.pub-tk-radio input[type=radio]{margin-top:2px;accent-color:var(--accent);flex-shrink:0}.pub-tk-radio-label{display:block;font-size:.85rem;font-weight:500;color:var(--gray-900)}.pub-tk-radio-desc{display:block;font-size:.75rem;color:var(--gray-400);margin-top:.15rem}.pub-tk-consent{font-size:.75rem;color:var(--gray-400);line-height:1.45;margin:0}.pub-tk-consent a{color:var(--accent);text-decoration:none}.pub-tk-consent a:hover{text-decoration:underline}.pub-tk-label-prompt{font-size:.8rem;color:var(--accent);background:#2563eb14;border:1px solid rgba(37,99,235,.15);border-radius:var(--r-sm);padding:.6rem .75rem;margin:.5rem 0 0;line-height:1.45}.pub-tk-label-prompt.pub-tk-label-warning{color:var(--warning);background:#d977060f;border-color:#d9770626}.pub-tk-privacy-warning{display:block;font-size:.7rem;color:var(--warning);margin-top:.25rem}.pub-confirm-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pub-confirm-dialog{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-xl);padding:1.5rem;max-width:460px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-md)}.pub-confirm-dialog h3{font-size:1.1rem;font-weight:600;color:var(--gray-900);margin:0 0 .5rem}.pub-confirm-dialog>p{font-size:.85rem;color:var(--gray-600);line-height:1.5;margin:0 0 1rem}.pub-confirm-destinations{display:flex;flex-direction:column;gap:.35rem;padding:.75rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--r-md);margin-bottom:.75rem}.pub-confirm-dest{font-size:.8rem;color:var(--gray-600)}.pub-confirm-dest strong{color:var(--gray-900);font-weight:600}.pub-confirm-summary{display:flex;flex-direction:column;gap:.4rem;padding:.75rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--r-md);margin-bottom:1.25rem}.pub-confirm-item{font-size:.8rem;color:var(--gray-600);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pub-confirm-item span{font-weight:600;color:var(--gray-900)}.pub-confirm-actions{display:flex;gap:.75rem}.pub-confirm-cancel{flex:1;padding:.7rem;background:var(--white);color:var(--gray-600);border:1px solid var(--gray-200);border-radius:var(--r-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;box-shadow:var(--shadow-xs)}.pub-confirm-cancel:hover{box-shadow:var(--shadow-sm);border-color:var(--gray-300);color:var(--gray-900)}.pub-confirm-cancel:active{background:var(--gray-100);box-shadow:none}.pub-confirm-submit{flex:1;padding:.7rem;background:var(--accent);color:#fff;border:none;border-radius:var(--r-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-xs)}.pub-confirm-submit:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.pub-confirm-submit:active{transform:translateY(0);box-shadow:none}.pub-confirm-consent{font-size:.75rem;color:var(--gray-400);line-height:1.5;margin-bottom:.75rem}.pub-confirm-consent a{color:var(--accent);text-decoration:underline}.pub-confirm-notice{font-size:.75rem;color:var(--gray-400);line-height:1.5;padding:.6rem .75rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--r-sm);margin-bottom:1rem}@media(max-width:700px){.pub-panels{grid-template-columns:1fr}.pub-dropzone{padding:2.5rem 1.5rem}}.automations-page{max-width:800px;margin:0 auto}.automation-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-xl);padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-sm)}.automation-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.automation-card-header h3{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin:0}.automation-toggle{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;padding:0}.toggle-track{width:44px;height:24px;border-radius:var(--r-lg);background:var(--gray-200);position:relative;transition:background .2s}.automation-toggle.active .toggle-track{background:#16a34a66}.toggle-thumb{width:18px;height:18px;border-radius:50%;background:var(--gray-400);position:absolute;top:3px;left:3px;transition:transform .2s,background .2s;box-shadow:0 1px 3px #0000000f}.automation-toggle.active .toggle-thumb{transform:translate(20px);background:var(--success)}.toggle-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-400)}.automation-toggle.active .toggle-label{color:var(--success)}.automation-accounts{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--gray-100);border:none;border-radius:var(--r-md);margin-bottom:1.25rem}.automation-accounts-label{font-size:.7rem;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em}.automation-accounts-list{display:flex;flex-direction:column;gap:.25rem}.automation-account-group+.automation-account-group{margin-top:.25rem;padding-top:.25rem;border-top:1px solid var(--gray-200)}.automation-account-item{display:flex;align-items:center;gap:.5rem;padding:.2rem 0}.automation-account-nested{padding-left:1.25rem}.automation-account-icon{width:22px;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.automation-account-icon svg{width:12px;height:12px}.automation-account-icon.fb,.automation-account-icon.ig{background:none}.automation-account-icon.fb img,.automation-account-icon.ig img{width:22px;height:22px;border-radius:5px}.automation-account-icon.threads{background:#000}.automation-account-icon.threads img{width:12px;height:12px;object-fit:contain}.automation-account-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;border:1px solid var(--gray-200);flex-shrink:0}.automation-account-info{display:flex;flex-direction:column;gap:.05rem;min-width:0}.automation-account-name{font-size:.8rem;font-weight:500;color:var(--gray-600)}.automation-account-type{font-size:.7rem;color:var(--gray-400)}.automation-field{margin-bottom:1.25rem}.field-label{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:500;color:var(--gray-600);margin-bottom:.5rem}.field-label svg{color:var(--gray-400);flex-shrink:0}.field-input,.field-textarea{width:100%;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-sm);padding:.625rem .75rem;font-size:.9rem;color:var(--gray-900);font-family:inherit;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;box-shadow:var(--shadow-xs)}.field-input:focus,.field-textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-ring)}.field-input::placeholder,.field-textarea::placeholder{color:var(--gray-400)}.field-textarea{resize:vertical;min-height:60px}.field-hint{display:block;font-size:.75rem;color:var(--gray-400);margin-top:.35rem}.automation-actions{display:flex;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--gray-200)}.save-message{font-size:.85rem;font-weight:500}.save-message.success{color:var(--success)}.save-message.error{color:var(--error)}.automation-connect-prompt{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1rem;gap:.75rem}.automation-connect-prompt svg{color:var(--gray-400);margin-bottom:.5rem}.automation-connect-prompt h3{font-size:1.2rem;font-weight:600;color:var(--gray-900);margin:0}.automation-connect-prompt p{font-size:.9rem;color:var(--gray-600);margin:0;max-width:400px;line-height:1.5}.automation-connect-prompt .btn{margin-top:.5rem}.how-it-works{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-xl);padding:1.5rem;box-shadow:var(--shadow-sm)}.how-it-works h3{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin:0 0 1.25rem}.steps{display:flex;flex-direction:column;align-items:stretch}.step{display:flex;gap:1rem;align-items:flex-start}.step-number{width:32px;height:32px;border-radius:50%;background:var(--white);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0;border:1px solid var(--gray-200);box-shadow:var(--shadow-xs)}.step-content h4{font-size:.95rem;font-weight:600;color:var(--gray-900);margin:0 0 .25rem}.step-content p{font-size:.8rem;color:var(--gray-600);margin:0;line-height:1.4}.step-connector{width:2px;height:24px;background:var(--gray-200);margin-left:15px}.analytics-page{max-width:800px;margin:0 auto}.analytics-section{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-xl);padding:1.5rem;margin-bottom:1.5rem;border-left:3px solid var(--gray-200);box-shadow:var(--shadow-sm)}.analytics-section h3{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin:0}.platform-instagram{border-left-color:#e1306c}.platform-facebook{border-left-color:#1877f2}.platform-tiktok{border-left-color:#25f4ee}.platform-youtube{border-left-color:red}.platform-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.platform-icon{width:32px;height:32px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.platform-icon img{width:18px;height:18px;object-fit:contain}.platform-icon-instagram img,.platform-icon-facebook img{width:32px;height:32px;border-radius:var(--r-sm)}.platform-icon-instagram,.platform-icon-facebook{background:none}.platform-icon-tiktok{background:none;border:none}.platform-icon-tiktok img{width:32px;height:32px;border-radius:var(--r-sm)}.platform-icon-youtube{background:none}.platform-icon-youtube img{width:32px;height:32px;border-radius:var(--r-sm);object-fit:contain}.platform-icon-threads{background:#000;border:1px solid rgba(0,0,0,.15)}.platform-icon-pinterest{background:#e60023}.platform-threads{border-left-color:#000}.platform-pinterest{border-left-color:#e60023}.platform-header-text{display:flex;flex-direction:column;min-width:0}.platform-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--gray-200);flex-shrink:0}.platform-subtitle,.platform-handle{font-size:.8rem;color:var(--gray-400);margin-top:.1rem}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.metrics-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.metrics-period-label{font-size:.8rem;color:var(--gray-400);margin:1.25rem 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.metric-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-lg);padding:1.25rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;box-shadow:var(--shadow-xs)}.metric-value{font-size:1.75rem;font-weight:700;color:var(--gray-900)}.metric-label{font-size:.8rem;color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em;text-align:center}.section-media-grid{margin-top:1.25rem}.analytics-empty{background:var(--white);border:2px dashed var(--gray-200);border-radius:var(--r-xl);padding:3rem 2rem;text-align:center}.analytics-empty h3{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin:0 0 .5rem}.analytics-empty p{color:var(--gray-600);margin:0 0 1.5rem}.btn-connect-analytics{display:inline-block;background:var(--accent);color:#fff;border:none;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;border-radius:var(--r-sm);text-decoration:none;transition:all .2s;box-shadow:var(--shadow-xs)}.btn-connect-analytics:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-connect-analytics:active{transform:translateY(0);box-shadow:none}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.media-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-lg);overflow:hidden;cursor:pointer;padding:0;text-align:left;color:inherit;transition:box-shadow .2s,transform .2s,border-color .2s;box-shadow:var(--shadow-xs)}.media-card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300);transform:translateY(-2px)}.media-card-thumb{position:relative;aspect-ratio:1;overflow:hidden;background:var(--gray-50)}.media-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.media-card-badge{position:absolute;top:.5rem;right:.5rem;background:#000000b3;color:#fff;font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.03em}.media-card-badge-bottom{top:auto;bottom:.5rem;text-transform:none}.media-card-stats{display:flex;gap:.75rem;padding:.6rem .75rem;font-size:.8rem;color:var(--gray-600);flex-wrap:wrap}.media-card-date{margin-left:auto;color:var(--gray-400);font-size:.7rem}.media-card-title{font-size:.75rem;color:var(--gray-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.media-load-more{text-align:center;margin-top:1rem}.media-load-more button:disabled{opacity:.6;cursor:not-allowed}.media-grid-landscape{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.media-card-landscape{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-lg);overflow:hidden;cursor:pointer;padding:0;text-align:left;color:inherit;transition:box-shadow .2s,transform .2s,border-color .2s;box-shadow:var(--shadow-xs)}.media-card-landscape:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300);transform:translateY(-2px)}.media-card-thumb-landscape{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--gray-50)}.media-card-thumb-landscape img{width:100%;height:100%;object-fit:cover;display:block}.media-card-info{padding:.5rem .75rem .6rem}.media-card-title{display:block;font-size:.8rem;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.media-card-stats-row{display:flex;gap:.75rem;font-size:.75rem;color:var(--gray-400)}.threads-replies-section{margin:.75rem 0;border-top:1px solid var(--gray-200);padding-top:.75rem}.threads-replies-heading{font-size:.85rem;font-weight:600;color:var(--gray-900);margin:0 0 .5rem}.threads-replies-loading,.threads-replies-empty{font-size:.8rem;color:var(--gray-400);margin:0}.threads-replies-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.threads-reply-item{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--r-sm);padding:.5rem .75rem}.threads-reply-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.threads-reply-username{font-size:.8rem;font-weight:600;color:var(--gray-600)}.threads-reply-time{font-size:.7rem;color:var(--gray-400)}.threads-reply-text{font-size:.8rem;color:var(--gray-600);margin:0;line-height:1.4;word-break:break-word}.threads-reply-media{max-width:150px;border-radius:6px;margin-top:.35rem}.threads-text-thumb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.75rem;background:var(--gray-50)}.threads-text-thumb p{color:var(--gray-600);font-size:.75rem;line-height:1.4;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;word-break:break-word}@media(max-width:600px){.metrics-grid,.metrics-grid-4,.media-grid,.media-grid-landscape{grid-template-columns:repeat(2,1fr)}}.media-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.media-modal{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-md)}.media-modal-close{position:absolute;top:.75rem;right:.75rem;background:#00000080;border:none;color:#fff;font-size:1.5rem;width:2rem;height:2rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1;line-height:1}.media-modal-close:hover{background:#000000b3}.media-modal-content{background:#000;border-radius:var(--r-xl) 16px 0 0}.media-modal-image,.media-modal-video{width:100%;display:block;border-radius:var(--r-xl) 16px 0 0;max-height:60vh;object-fit:contain}.media-modal-embed{width:100%;height:400px;border:none;display:block;border-radius:var(--r-xl) 16px 0 0;background:#000}.media-modal-details{padding:1.25rem}.media-modal-stats{display:flex;gap:1rem;font-size:.9rem;color:var(--gray-600);margin-bottom:.75rem;align-items:center}.media-type-badge{background:var(--gray-100);font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase;color:var(--gray-600)}.media-modal-caption{color:var(--gray-900);font-size:.9rem;line-height:1.5;margin:0 0 1rem;white-space:pre-wrap;word-break:break-word;max-height:6rem;overflow-y:auto}.media-modal-meta{display:flex;gap:.75rem;font-size:.8rem;color:var(--gray-400);margin-bottom:.75rem;align-items:center}.media-modal-link{display:inline-block;color:var(--accent);font-size:.85rem;font-weight:600;text-decoration:none}.media-modal-link:hover{text-decoration:underline}.media-modal-footer{display:flex;align-items:center;justify-content:space-between}.media-modal-footer-left{display:flex;align-items:center;gap:1rem}button.media-modal-link{background:none;border:none;cursor:pointer;font-size:inherit;font-family:inherit;padding:0}button.media-modal-link:disabled{opacity:.6;cursor:default}.media-modal-link-static{cursor:default;opacity:.7}.media-modal-close-btn{background:var(--white);border:1px solid var(--gray-200);color:var(--gray-600);font-size:.85rem;font-weight:500;padding:.45rem 1rem;border-radius:6px;cursor:pointer;transition:all .15s;box-shadow:var(--shadow-xs)}.media-modal-close-btn:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300);color:var(--gray-900)}.media-modal-landscape{max-width:800px}.youtube-embed-wrapper{position:relative;width:100%;padding-bottom:56.25%}.youtube-embed{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:var(--r-xl) 16px 0 0}.transcript-section{border-top:1px solid rgba(0,0,0,.08);padding:1rem 1.25rem 1.25rem}.transcript-header{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-600);margin-bottom:.75rem}.transcript-segments{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem}.transcript-segment{display:flex;gap:.5rem;font-size:.825rem;line-height:1.5;align-items:baseline}.transcript-time{color:var(--accent);font-size:.75rem;font-variant-numeric:tabular-nums;min-width:2.5rem;flex-shrink:0;opacity:.8}.transcript-speaker{font-size:.7rem;font-weight:600;color:var(--gray-600);text-transform:uppercase;flex-shrink:0}.transcript-text{color:var(--gray-900)}.transcript-plain{color:var(--gray-900);font-size:.85rem;line-height:1.6;white-space:pre-wrap;margin:0}@media(max-width:600px){.media-modal-overlay{padding:1rem}}.settings-page{max-width:700px;margin:0 auto}.settings-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-xl);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.settings-card h2{font-size:1.1rem;font-weight:600;color:var(--gray-900);margin:0 0 1rem}.settings-info-row{display:flex;justify-content:space-between;align-items:center;padding:.65rem 0}.settings-info-row+.settings-info-row{border-top:1px solid var(--gray-100)}.settings-info-label{color:var(--gray-700);font-size:.875rem;font-weight:500}.settings-info-value{color:var(--gray-900);font-size:.875rem;font-family:monospace;word-break:break-all}.settings-info-value.settings-info-text{font-family:inherit}.settings-info-hint{display:block;font-size:.75rem;color:var(--gray-400);margin-top:.15rem}.settings-toggle-label{display:flex;flex-direction:column}.settings-toggle{position:relative;width:44px;height:24px;border-radius:12px;border:none;background:var(--gray-300);cursor:pointer;transition:background .2s;padding:0;flex-shrink:0}.settings-toggle.active{background:var(--accent)}.settings-toggle-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .2s}.settings-toggle.active .settings-toggle-knob{transform:translate(20px)}.settings-theme-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--gray-100)}.settings-theme-header{margin-bottom:.75rem}.settings-theme-grid{display:flex;gap:.5rem;flex-wrap:wrap}.settings-theme-option{display:flex;align-items:center;gap:.45rem;padding:.4rem .75rem;border:1.5px solid var(--gray-200);border-radius:var(--r-md);background:var(--white);cursor:pointer;transition:all .15s;font-family:inherit;font-size:.8rem;font-weight:500;color:var(--gray-700)}.settings-theme-option:hover{border-color:var(--gray-300);box-shadow:var(--shadow-xs)}.settings-theme-option.active{border-color:var(--accent);background:var(--accent-muted);color:var(--gray-900);box-shadow:var(--shadow-xs)}.settings-theme-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 1px #0000001a}.settings-theme-dot.split{background:linear-gradient(135deg,var(--dot-left) 50%,var(--dot-right) 50%)}.settings-theme-active{margin-top:.75rem;font-size:.8rem;color:var(--gray-500);line-height:1.5}.settings-theme-active strong{color:var(--gray-900);font-weight:600}.settings-danger-card{background:var(--white);border:2px solid rgba(220,38,38,.3);border-radius:var(--r-xl);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.settings-danger-card h2{font-size:1.1rem;font-weight:600;color:var(--error);margin:0 0 .5rem}.settings-danger-card p{color:var(--gray-600);font-size:.875rem;margin:0 0 1rem;line-height:1.5}.btn-danger{background:var(--error);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:var(--r-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-xs)}.btn-danger:hover{filter:brightness(.85);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-danger:active{transform:translateY(0);background:var(--gray-100)}.delete-confirm-box{margin-top:1rem;padding:1rem;background:var(--gray-100);border:1px solid rgba(220,38,38,.2);border-radius:var(--r-md)}.delete-confirm-box p{margin:0 0 .75rem;color:var(--gray-600);font-size:.85rem}.delete-confirm-input{width:100%;padding:.5rem .75rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-sm);color:var(--gray-900);font-size:.875rem;outline:none;margin-bottom:.75rem;box-sizing:border-box;box-shadow:var(--shadow-xs)}.delete-confirm-input:focus{border-color:var(--error);box-shadow:0 0 0 3px #dc262626}.delete-confirm-actions{display:flex;gap:.75rem}.btn-sm-danger{background:var(--error);color:#fff;border:none;padding:.45rem 1rem;border-radius:var(--r-sm);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-xs)}.btn-sm-danger:hover{filter:brightness(.85);box-shadow:var(--shadow-sm)}.btn-sm-danger:active{background:var(--gray-100)}.btn-sm-secondary{background:var(--white);color:var(--gray-600);border:1px solid var(--gray-200);padding:.45rem 1rem;border-radius:var(--r-sm);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s;box-shadow:var(--shadow-xs)}.btn-sm-secondary:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300)}.btn-sm-secondary:active{background:var(--gray-100)}.settings-error{color:var(--error);font-size:.85rem;margin-top:.5rem}.library-page{max-width:1100px;margin:0 auto}.library-header{margin-bottom:1.5rem}.library-header h1{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin:0 0 .25rem}.library-header p{color:var(--gray-600);margin:0}.library-tabs{display:flex;gap:2rem;margin-bottom:1.5rem;border-bottom:1px solid var(--gray-200)}.library-tab{padding:.625rem 0;background:none;border:none;border-bottom:2px solid transparent;color:var(--gray-500);font-size:.9375rem;font-weight:500;cursor:pointer;transition:color .15s,border-color .15s;margin-bottom:-1px}.library-tab:hover:not(.active){color:var(--gray-700)}.library-tab.active{color:var(--gray-900);font-weight:600;border-bottom-color:var(--accent)}.library-toolbar{display:flex;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap;align-items:center}.library-search{flex:1;min-width:200px;padding:.625rem .875rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-sm);color:var(--gray-900);font-size:.875rem}.library-search::placeholder{color:var(--gray-400)}.library-search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #2563eb4d}.library-select{padding:.625rem .875rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-sm);color:var(--gray-900);font-size:.875rem;cursor:pointer;box-shadow:var(--shadow-xs)}.library-select:hover{box-shadow:var(--shadow-sm);border-color:var(--gray-300)}.library-select option{background:var(--white);color:var(--gray-900)}.library-sync-btn{padding:.625rem 1rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-sm);color:var(--accent);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;box-shadow:var(--shadow-xs)}.library-sync-btn:hover{box-shadow:var(--shadow-sm);border-color:var(--gray-300)}.library-sync-btn:active:not(:disabled){background:var(--gray-100)}.library-sync-btn:disabled{opacity:.5;cursor:not-allowed}.filter-pills{display:flex;gap:.375rem;flex-wrap:wrap}.filter-pill{padding:.375rem .875rem;background:none;border:1px solid transparent;border-radius:var(--r-sm);color:var(--gray-500);font-size:.8125rem;font-weight:500;cursor:pointer;transition:color .15s,background .15s,border-color .15s}.filter-pill:hover{color:var(--gray-700);background:var(--gray-100)}.filter-pill.active{background:var(--white);color:var(--gray-900);font-weight:600;border-color:var(--gray-200);box-shadow:var(--shadow-xs)}.filter-toggle{display:flex;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.8125rem;color:var(--gray-600);cursor:pointer;margin-left:auto}.filter-toggle input[type=checkbox]{accent-color:var(--accent)}.platform-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.platform-icon svg{width:100%;height:100%}.platform-icon img{width:100%;height:100%;object-fit:contain}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}.content-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-lg);overflow:hidden;cursor:pointer;transition:box-shadow .2s,transform .15s,border-color .2s;position:relative;box-shadow:var(--shadow-xs)}.content-card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300);transform:translateY(-1px)}.content-card.selected{background:#2563eb0d;border-color:var(--accent)}.content-card-checkbox{position:absolute;top:8px;left:8px;z-index:2;width:20px;height:20px;border-radius:4px;border:2px solid rgba(255,255,255,.3);background:#00000080;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.content-card-checkbox.checked{background:var(--accent);border-color:var(--accent)}.content-card-checkbox.checked:after{content:"";width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.content-thumbnail-wrapper{position:relative}.content-thumbnail{width:100%;aspect-ratio:1;object-fit:cover;background:var(--gray-50);display:block}.content-thumbnail-placeholder{width:100%;aspect-ratio:1;background:var(--gray-100);display:flex;align-items:center;justify-content:center;color:var(--gray-400);font-size:2rem}.content-deleted-badge{position:absolute;bottom:.5rem;left:.5rem;right:.5rem;padding:.25rem .5rem;background:#dc2626d9;color:#fff;font-size:.6875rem;font-weight:500;border-radius:4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content-status-badges{position:absolute;top:.375rem;right:.375rem;display:flex;gap:.25rem}.content-badge{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.content-badge.stored{background:#2563ebb3;color:#fff}.content-badge.transcript{background:#4caf64b3;color:#fff}.content-card-info{padding:.75rem}.content-card-title{font-size:.8125rem;color:var(--gray-900);margin:0 0 .375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-card-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--gray-400)}.content-card-platform{display:inline-flex;padding:.125rem .5rem;border-radius:var(--r-md);font-size:.6875rem;font-weight:500;text-transform:capitalize}.content-card-platform.instagram{background:#e1306c1f;color:#e1306c}.content-card-platform.facebook{background:#1877f21f;color:#1877f2}.content-card-platform.tiktok{background:#25f4ee1f;color:#00b8b0}.content-card-platform.youtube{background:#ff00001f;color:#c00}.content-card-metrics{display:flex;gap:.625rem;font-size:.75rem;color:var(--gray-400)}.content-card-date{font-size:.6875rem;color:var(--gray-400);margin-left:auto;white-space:nowrap}.content-card-step{font-size:.6875rem;color:var(--accent);font-style:italic}.content-card-step.failed{color:var(--error)}.content-upload-btn,.content-save-btn{font-size:.6875rem;padding:.25rem .625rem;border:1px solid var(--accent);border-radius:6px;background:transparent;color:var(--accent);cursor:pointer;transition:background .15s,color .15s}.content-upload-btn:hover:not(:disabled),.content-save-btn:hover:not(:disabled){background:var(--accent);color:#fff}.content-upload-btn:disabled,.content-save-btn:disabled{opacity:.6;cursor:default}.library-empty{text-align:center;padding:3rem;color:var(--gray-600)}.library-empty h3{color:var(--gray-900);margin-bottom:.5rem}.library-loading{text-align:center;padding:2rem;color:var(--gray-600)}.load-more-trigger{height:40px;display:flex;align-items:center;justify-content:center;color:var(--gray-400);font-size:.875rem}.library-action-bar{position:fixed;bottom:0;left:0;right:0;background:var(--white);border-top:1px solid var(--gray-200);padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;z-index:100;box-shadow:0 -4px 16px #0000000f}.action-bar-info{color:var(--gray-600);font-size:.875rem}.action-bar-buttons{display:flex;gap:.5rem}.action-bar-btn{padding:.5rem 1rem;border-radius:var(--r-sm);font-size:.875rem;cursor:pointer;transition:all .2s;border:none}.action-bar-btn.primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-xs)}.action-bar-btn.primary:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.action-bar-btn.primary:active{transform:translateY(0);background:var(--gray-100)}.action-bar-btn.secondary{background:var(--white);color:var(--gray-900);border:1px solid var(--gray-200);box-shadow:var(--shadow-xs)}.action-bar-btn.secondary:hover{box-shadow:var(--shadow-sm);border-color:var(--gray-300)}.action-bar-btn.secondary:active{background:var(--gray-100)}.action-bar-btn.ghost{background:none;color:var(--gray-600)}.playlists-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.create-playlist-btn{padding:.625rem 1.25rem;background:var(--accent);color:#fff;border:none;border-radius:var(--r-sm);font-size:.875rem;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-xs)}.create-playlist-btn:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.create-playlist-btn:active{transform:translateY(0);background:var(--gray-100)}.playlists-list{display:flex;flex-direction:column;gap:.75rem}.playlist-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-lg);padding:1rem 1.25rem;cursor:pointer;transition:box-shadow .2s,border-color .2s;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-sm)}.playlist-card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300)}.playlist-card-info{flex:1;min-width:0}.playlist-card-name{font-size:1rem;font-weight:600;color:var(--gray-900);margin:0 0 .375rem}.playlist-card-meta{display:flex;gap:.75rem;font-size:.8125rem;color:var(--gray-400);flex-wrap:wrap}.playlist-progress{width:100px;height:6px;background:var(--gray-100);border-radius:3px;overflow:hidden}.playlist-progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s}.playlist-status-badge{padding:.25rem .625rem;border-radius:var(--r-lg);font-size:.75rem;font-weight:500}.playlist-status-badge.active{background:#16a34a1f;color:var(--success)}.playlist-status-badge.paused{background:#d977061f;color:var(--warning)}.playlist-status-badge.completed{background:#2563eb1f;color:var(--accent)}.playlist-toggle-btn{padding:.375rem .75rem;border-radius:6px;font-size:.8125rem;border:1px solid var(--gray-200);background:var(--white);color:var(--gray-600);cursor:pointer;box-shadow:var(--shadow-xs)}.playlist-detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.playlist-detail-back{background:none;border:none;color:var(--gray-600);cursor:pointer;font-size:.875rem;padding:.375rem 0}.playlist-detail-back:hover{color:var(--gray-900)}.playlist-detail-info{flex:1}.playlist-detail-name{font-size:1.375rem;font-weight:700;color:var(--gray-900);margin:0 0 .25rem}.playlist-detail-stats{display:flex;gap:1rem;font-size:.8125rem;color:var(--gray-400)}.playlist-detail-actions{display:flex;gap:.5rem}.playlist-items-list{display:flex;flex-direction:column;gap:.5rem}.playlist-item{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-md);padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow-xs)}.playlist-item-drag{color:var(--gray-400);cursor:grab;font-size:1rem;padding:0 .25rem}.playlist-item-drag:active{cursor:grabbing}.playlist-item-drag.disabled{opacity:.2;cursor:default}.playlist-item.dragging{opacity:.5;background:var(--gray-100)}.playlist-item-thumb{width:48px;height:48px;border-radius:6px;object-fit:cover;background:var(--gray-50)}.playlist-item-info{flex:1;min-width:0}.playlist-item-title{font-size:.875rem;color:var(--gray-900);margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-item-meta{font-size:.75rem;color:var(--gray-400);display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.playlist-item-platforms{display:inline-flex;align-items:center;gap:.15rem}.playlist-item-expected{color:var(--gray-600)}.playlist-item-status{font-size:.75rem;padding:.125rem .5rem;border-radius:var(--r-md)}.playlist-item-status.pending{background:#d977061f;color:var(--warning)}.playlist-item-status.posted,.playlist-item-status.ready{background:#16a34a1f;color:var(--success)}.playlist-item-status.processing{background:#2563eb1f;color:var(--accent)}.playlist-item-status.failed{background:#dc26261f;color:var(--error)}.playlist-item-status.skipped{background:var(--gray-100);color:var(--gray-400)}.playlist-item-remove{background:none;border:none;color:var(--gray-400);cursor:pointer;font-size:1.125rem;padding:.25rem}.playlist-item-remove:hover{color:var(--error)}.playlist-item-confirm-remove{display:flex;gap:.35rem;flex-shrink:0}.playlist-item-confirm-yes{background:#dc26261f;border:none;color:var(--error);font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:var(--r-sm);cursor:pointer;font-family:inherit}.playlist-item-confirm-yes:hover{background:#dc262633}.playlist-item-confirm-no{background:none;border:none;color:var(--gray-400);font-size:.7rem;font-weight:500;padding:.2rem .35rem;cursor:pointer;font-family:inherit}.playlist-item-confirm-no:hover{color:var(--gray-900)}.playlist-reorder-bar{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;margin-bottom:1rem;border-radius:var(--r-md);background:#2563eb14;border:1px solid rgba(37,99,235,.2);font-size:.85rem;color:var(--accent);font-weight:500}.playlist-reorder-actions{display:flex;gap:.5rem}.playlist-reorder-discard{background:none;border:none;color:var(--gray-400);padding:.35rem .75rem;border-radius:var(--r-md);font-size:.8rem;cursor:pointer;font-family:inherit}.playlist-reorder-discard:hover{color:var(--gray-900)}.playlist-reorder-save{background:var(--accent);border:none;color:#fff;padding:.35rem .9rem;border-radius:var(--r-md);font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit;box-shadow:var(--shadow-xs)}.playlist-reorder-save:hover{opacity:.9}.playlist-reorder-save:disabled,.playlist-reorder-discard:disabled{opacity:.5;cursor:not-allowed}.playlist-add-content-btn{background:var(--white);border:1px solid var(--gray-200);color:var(--accent);padding:.4rem .9rem;border-radius:var(--r-md);font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit;box-shadow:var(--shadow-xs);transition:all .2s}.playlist-add-content-btn:hover{box-shadow:var(--shadow-sm);border-color:var(--gray-300)}.content-card.disabled{opacity:.45;cursor:default;pointer-events:none}.content-card-added-badge{position:absolute;top:.4rem;right:.4rem;background:var(--white);color:var(--gray-400);font-size:.6rem;font-weight:700;padding:.15rem .4rem;border-radius:4px;border:1px solid var(--gray-200);box-shadow:var(--shadow-xs);text-transform:uppercase;letter-spacing:.03em}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-xl);width:90%;max-width:500px;max-height:85vh;overflow-y:auto;padding:1.5rem;box-shadow:var(--shadow-md)}.modal-title{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin:0 0 1.25rem}.modal-field{margin-bottom:1rem}.modal-label{display:block;font-size:.8125rem;color:var(--gray-600);margin-bottom:.375rem}.modal-input{width:100%;padding:.625rem .875rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-sm);color:var(--gray-900);font-size:.875rem;box-sizing:border-box}.modal-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #2563eb4d}.modal-platforms{display:flex;gap:.5rem;flex-wrap:wrap}.modal-platform-check{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-sm);cursor:pointer;font-size:.8125rem;color:var(--gray-600);transition:all .2s;box-shadow:var(--shadow-xs)}.modal-platform-check.selected{box-shadow:var(--shadow-xs);border-color:var(--accent);color:var(--accent);background:#2563eb0f}.modal-mode-toggle{display:flex;gap:0;border-radius:var(--r-sm);overflow:hidden;background:var(--white);border:1px solid var(--gray-200)}.modal-mode-option{flex:1;padding:.5rem;text-align:center;font-size:.8125rem;background:transparent;border:none;color:var(--gray-400);cursor:pointer;transition:all .2s}.modal-mode-option.active{background:var(--gray-100);color:var(--accent);box-shadow:var(--shadow-xs)}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.modal-btn{padding:.625rem 1.25rem;border-radius:var(--r-sm);font-size:.875rem;cursor:pointer;transition:all .2s;border:none}.modal-btn.primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-xs)}.modal-btn.primary:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.modal-btn.primary:active{transform:translateY(0);background:var(--gray-100)}.modal-btn.primary:disabled{opacity:.5;cursor:not-allowed}.modal-btn.cancel{background:var(--white);color:var(--gray-600);border:1px solid var(--gray-200);box-shadow:var(--shadow-xs)}.platform-select-grid{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.platform-select-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-sm);cursor:pointer;color:var(--gray-600);font-size:.875rem;transition:all .2s;box-shadow:var(--shadow-xs)}.platform-select-option.selected{box-shadow:var(--shadow-xs);border-color:var(--accent);color:var(--gray-900);background:#2563eb0f}.add-to-playlist-list{display:flex;flex-direction:column;gap:.375rem;max-height:200px;overflow-y:auto;margin-bottom:1rem}.add-to-playlist-option{padding:.625rem .75rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-sm);cursor:pointer;color:var(--gray-600);font-size:.875rem;text-align:left;transition:all .2s;box-shadow:var(--shadow-xs)}.add-to-playlist-option:hover{box-shadow:var(--shadow-sm);border-color:var(--gray-300);color:var(--gray-900)}.delete-playlist-btn{padding:.375rem .75rem;border-radius:6px;font-size:.8125rem;border:none;background:#dc26261a;color:var(--error);cursor:pointer}.delete-playlist-btn:hover{background:#dc262633}.delete-playlist-btn:active{background:#dc26264d}.item-edit-header{display:flex;gap:.75rem;align-items:center;margin-bottom:1.25rem}.item-edit-thumb{width:56px;height:56px;border-radius:var(--r-sm);object-fit:cover;flex-shrink:0}.item-edit-header-info{min-width:0}.item-edit-header-title{font-size:.9rem;font-weight:600;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-edit-header-meta{display:flex;align-items:center;gap:.35rem;margin-top:.2rem}.item-edit-tabs{display:flex;gap:1.25rem;margin-bottom:1rem;border-bottom:1px solid var(--gray-200)}.item-edit-tab{display:flex;align-items:center;gap:.3rem;padding:.35rem 0;background:none;border:none;border-bottom:2px solid transparent;font-size:.8rem;color:var(--gray-400);cursor:pointer;font-family:inherit;transition:color .15s,border-color .15s;margin-bottom:-1px}.item-edit-tab:hover{color:var(--gray-700)}.item-edit-tab.active{color:var(--gray-900);font-weight:600;border-bottom-color:var(--accent)}.item-edit-fields{margin-bottom:1rem}.item-edit-textarea{resize:vertical;min-height:100px;font-family:inherit;line-height:1.5}.item-edit-limit{float:right;font-size:.75rem;color:var(--gray-400);font-weight:400}.item-edit-schedule-section{padding:.75rem 0;border-top:1px solid var(--gray-200);margin-bottom:.75rem}.item-edit-schedule-btn{display:inline-flex;align-items:center;gap:.4rem;background:none;border:none;color:var(--gray-400);font-size:.8rem;cursor:pointer;padding:.35rem 0;font-family:inherit}.item-edit-schedule-btn:hover{color:var(--accent)}.item-edit-error{color:var(--error);font-size:.8rem;margin-bottom:.75rem}.item-edit-footer{display:flex;justify-content:flex-end;gap:.5rem}.item-edit-cancel{background:none;border:none;color:var(--gray-400);padding:.45rem .9rem;border-radius:var(--r-md);font-size:.85rem;cursor:pointer;font-family:inherit}.item-edit-cancel:hover{color:var(--gray-900)}.item-edit-save{background:var(--accent);border:none;color:#fff;padding:.45rem 1rem;border-radius:var(--r-md);font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit;box-shadow:var(--shadow-xs)}.item-edit-save:hover{opacity:.9}.item-edit-save:disabled,.item-edit-cancel:disabled{opacity:.5;cursor:not-allowed}.playlist-item-has-overrides{display:inline-flex;color:var(--accent);opacity:.6;flex-shrink:0}.upload-modal{max-width:480px}.upload-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.upload-field{display:flex;flex-direction:column;gap:.375rem}.upload-label{font-size:.8125rem;font-weight:600;color:var(--gray-600)}.upload-input{padding:.625rem .75rem;border-radius:10px;border:1px solid var(--gray-200);background:var(--gray-100);color:var(--gray-900);font-size:.875rem;outline:none;transition:border-color .2s}.upload-input:focus{border-color:var(--accent)}.upload-textarea{padding:.625rem .75rem;border-radius:10px;border:1px solid var(--gray-200);background:var(--gray-100);color:var(--gray-900);font-size:.875rem;resize:vertical;outline:none;font-family:inherit;transition:border-color .2s}.upload-textarea:focus{border-color:var(--accent)}.upload-hint{font-size:.75rem;color:var(--gray-400);margin:0}.upload-file-btn{padding:.625rem .75rem;border-radius:10px;border:2px dashed var(--gray-200);background:var(--gray-100);color:var(--gray-600);font-size:.875rem;cursor:pointer;text-align:left;transition:border-color .2s,background .2s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-file-btn:hover{border-color:var(--accent);background:var(--white)}.upload-file-size{font-size:.75rem;color:var(--gray-400);margin-top:.25rem}.upload-dropzone{padding:2rem 1.5rem;border-radius:12px;border:2px dashed var(--gray-200);background:var(--gray-100);cursor:pointer;text-align:center;transition:border-color .2s,background .2s}.upload-dropzone:hover{border-color:var(--accent);background:var(--white)}.upload-dropzone.dragging{border-color:var(--accent);background:#2563eb14}.upload-dropzone.has-file{padding:1rem 1.25rem;text-align:left}.upload-dropzone-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--gray-400);font-size:.875rem}.upload-dropzone-empty svg{color:var(--gray-400);opacity:.6;margin-bottom:.25rem}.upload-dropzone-formats{font-size:.75rem;opacity:.6}.upload-dropzone-file{display:flex;align-items:center;gap:.625rem;color:var(--gray-900)}.upload-dropzone-file svg{flex-shrink:0;color:var(--accent)}.upload-dropzone-filename{font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.upload-dropzone-size{font-size:.75rem;color:var(--gray-400);flex-shrink:0}.upload-progress-wrapper{display:flex;align-items:center;gap:.75rem}.upload-progress-bar{flex:1;height:6px;border-radius:3px;background:var(--gray-100);overflow:hidden}.upload-progress-fill{height:100%;border-radius:3px;background:var(--accent);transition:width .3s ease}.upload-progress-text{font-size:.75rem;color:var(--gray-400);min-width:2.5rem;text-align:right}.upload-error{color:var(--error);font-size:.8125rem;margin:0}.library-upload-btn{padding:.5rem 1rem;border-radius:10px;border:none;background:var(--accent);color:#fff;font-size:.8125rem;font-weight:600;cursor:pointer;transition:opacity .2s}.library-upload-btn:hover{opacity:.9}.replace-modal{max-width:560px;max-height:80vh;display:flex;flex-direction:column}.replace-tabs{display:flex;gap:.375rem;margin-bottom:1rem}.replace-tab{flex:1;padding:.5rem .75rem;border:1px solid transparent;border-radius:var(--r-sm);background:none;color:var(--gray-500);font-size:.8125rem;font-weight:500;cursor:pointer;transition:color .15s,background .15s,border-color .15s}.replace-tab:hover:not(.active):not(:disabled){color:var(--gray-700);background:var(--gray-100)}.replace-tab.active{background:var(--white);color:var(--gray-900);font-weight:600;border-color:var(--gray-200);box-shadow:var(--shadow-xs)}.replace-tab:disabled{opacity:.5;cursor:not-allowed}.replace-upload-section{display:flex;flex-direction:column;gap:1rem}.replace-library-section{display:flex;flex-direction:column;gap:1rem;min-height:200px;overflow-y:auto;max-height:50vh}.replace-empty{text-align:center;padding:2rem 1rem;color:var(--gray-400);font-size:.875rem}.replace-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.replace-grid-item{cursor:pointer;border-radius:10px;overflow:hidden;border:2px solid transparent;transition:border-color .2s,transform .15s;background:var(--gray-100)}.replace-grid-item:hover{border-color:var(--accent);transform:scale(1.02)}.replace-grid-item.disabled{opacity:.5;pointer-events:none}.replace-grid-thumb{width:100%;aspect-ratio:9/16;object-fit:cover;display:block}.replace-grid-thumb-placeholder{display:flex;align-items:center;justify-content:center;background:var(--white);color:var(--gray-400);font-size:1.5rem}.replace-grid-title{padding:.375rem .5rem;font-size:.6875rem;color:var(--gray-600);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-view{margin-top:.5rem}.calendar-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.calendar-nav-center{display:flex;align-items:center;gap:.75rem}.calendar-month-label{font-size:1.1rem;font-weight:700;color:var(--gray-900);margin:0}.calendar-nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--gray-200);border-radius:var(--r-md);background:var(--white);box-shadow:var(--shadow-xs);color:var(--gray-600);cursor:pointer;transition:all .2s;font-family:inherit}.calendar-nav-btn:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300);color:var(--gray-900)}.calendar-nav-btn:active{background:var(--gray-100)}.calendar-today-btn{background:none;border:none;color:var(--accent);font-size:.8rem;font-weight:600;cursor:pointer;padding:.2rem .5rem;border-radius:var(--r-sm);font-family:inherit;transition:background .2s}.calendar-today-btn:hover{background:#2563eb14}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;background:var(--white);border-radius:var(--r-xl);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);padding:.75rem}.calendar-day-header{text-align:center;font-size:.7rem;font-weight:700;color:var(--gray-400);text-transform:uppercase;letter-spacing:.04em;padding:.4rem 0}.calendar-day-cell{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:2px;min-height:100px;padding:.3rem;border:none;border-radius:var(--r-md);background:var(--white);cursor:pointer;transition:all .15s;font-family:inherit;overflow:hidden}.calendar-day-cell:hover{background:var(--gray-100)}.calendar-day-cell.other-month{opacity:.35}.calendar-day-cell.today .calendar-day-number{background:var(--accent);color:#fff;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.calendar-day-cell.selected{background:var(--gray-100)}.calendar-day-cell.has-events{background:#2563eb0a}.calendar-day-cell.has-events:hover{background:#2563eb14}.calendar-day-number{font-size:.7rem;font-weight:600;color:var(--gray-900);line-height:1;align-self:flex-start;margin-bottom:2px}.calendar-day-cell.other-month .calendar-day-number{color:var(--gray-400)}.calendar-day-events{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.calendar-event-row{display:flex;align-items:center;gap:4px;padding:2px 3px;border-radius:3px;background:#2563eb14;min-width:0;overflow:hidden}.calendar-event-thumb{width:20px;height:20px;border-radius:3px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--gray-100)}.calendar-event-thumb img{width:100%;height:100%;object-fit:cover}.calendar-event-title{font-size:.6rem;font-weight:500;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;min-width:0}.calendar-event-overflow{font-size:.58rem;font-weight:700;color:var(--accent);text-align:center;padding:1px 0;line-height:1}.calendar-detail{margin-top:1rem;background:var(--white);border-radius:var(--r-xl);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);padding:1.25rem}.calendar-detail-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1rem}.calendar-detail-header h3{font-size:1rem;font-weight:700;color:var(--gray-900);margin:0}.calendar-detail-count{font-size:.75rem;color:var(--gray-400)}.calendar-detail-empty{text-align:center;padding:1.5rem 0;color:var(--gray-400);font-size:.85rem}.calendar-detail-groups{display:flex;flex-direction:column;gap:1rem}.calendar-detail-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.calendar-detail-playlist-name{font-size:.8rem;font-weight:700;color:var(--gray-600);text-transform:uppercase;letter-spacing:.03em}.calendar-detail-platforms{display:flex;align-items:center;gap:.25rem}.calendar-detail-items{display:flex;flex-direction:column;gap:.5rem}.calendar-detail-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;background:var(--white);border-radius:var(--r-md);border:1px solid var(--gray-200);box-shadow:var(--shadow-xs);transition:box-shadow .15s,border-color .15s}.calendar-detail-item:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300)}.calendar-detail-item-thumb{width:40px;height:40px;border-radius:6px;overflow:hidden;flex-shrink:0}.calendar-detail-item-thumb img{width:100%;height:100%;object-fit:cover}.calendar-detail-item-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gray-100);border-radius:6px}.calendar-detail-item-info{flex:1;min-width:0}.calendar-detail-item-title{display:block;font-size:.85rem;font-weight:600;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-detail-item-time{display:block;font-size:.75rem;color:var(--gray-400);margin-top:.1rem}.calendar-detail-item-source{flex-shrink:0;opacity:.6}.calendar-empty{text-align:center;padding:2rem 1rem;margin-top:1rem}.calendar-empty p{color:var(--gray-400);font-size:.85rem;margin:0}.calendar-empty-hint{margin-top:.35rem!important;font-size:.8rem!important;opacity:.7}.calendar-loading{text-align:center;padding:3rem 1rem;color:var(--gray-400);font-size:.875rem}@media(max-width:600px){.calendar-grid{padding:.5rem;gap:2px}.calendar-day-cell{min-height:72px;padding:.2rem}.calendar-day-number{font-size:.65rem}.calendar-event-title{display:none}.calendar-event-thumb{width:16px;height:16px}.calendar-event-row{padding:1px 2px}.calendar-detail-item-thumb{width:32px;height:32px}}.workflows-page{max-width:800px;margin:0 auto}.workflow-platform-list{display:flex;flex-direction:column;gap:.75rem}.workflow-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-xl);padding:1.25rem 1.5rem;box-shadow:var(--shadow-sm);transition:box-shadow .2s,border-color .2s}.workflow-card.disabled{opacity:.5}.workflow-card-header{display:flex;justify-content:space-between;align-items:center}.workflow-card-source{display:flex;align-items:center;gap:.75rem}.workflow-source-info{display:flex;flex-direction:column;gap:.1rem}.workflow-source-name{font-size:1.05rem;font-weight:600;color:var(--gray-900);text-transform:capitalize}.workflow-source-hint{font-size:.75rem;color:var(--gray-400)}.workflow-card-controls{display:flex;align-items:center;gap:.75rem}.workflow-card-body{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.workflow-card-targets{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.workflow-arrow-icon{color:var(--gray-400);flex-shrink:0}.workflow-target-chip{display:inline-flex;align-items:center;gap:.35rem;background:var(--white);border:1px solid var(--gray-200);border-radius:20px;padding:.25rem .65rem;font-size:.8rem;color:var(--gray-600);text-transform:capitalize;box-shadow:var(--shadow-xs)}.workflow-card-actions{display:flex;align-items:center;gap:.5rem}.workflow-btn-edit{background:var(--white);border:1px solid var(--gray-200);color:var(--gray-600);padding:.3rem .7rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s;font-family:inherit;box-shadow:var(--shadow-xs)}.workflow-btn-edit:hover{box-shadow:var(--shadow-sm);border-color:var(--gray-300);color:var(--gray-900)}.workflow-btn-edit:active{background:var(--gray-100)}.workflow-btn-delete{background:var(--white);border:1px solid var(--gray-200);color:var(--error);padding:.3rem .7rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s;font-family:inherit;box-shadow:var(--shadow-xs)}.workflow-btn-delete:hover{box-shadow:var(--shadow-sm);border-color:var(--gray-300);color:var(--error)}.workflow-btn-delete:active{background:var(--gray-100)}.workflow-btn-setup{background:var(--white);border:1px solid var(--gray-200);color:var(--accent);padding:.4rem 1rem;border-radius:var(--r-sm);font-size:.85rem;cursor:pointer;transition:all .2s;font-family:inherit;box-shadow:var(--shadow-xs)}.workflow-btn-setup:hover{box-shadow:var(--shadow-sm);border-color:var(--gray-300)}.workflow-btn-setup:active{background:var(--gray-100)}.workflow-source-disabled{font-size:.8rem;color:var(--gray-400);font-style:italic}.workflow-expand{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--gray-200)}.workflow-expand-label{display:block;font-size:.85rem;font-weight:500;color:var(--gray-600);margin-bottom:.75rem}.workflow-checkbox-group{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.workflow-checkbox-item{display:flex;align-items:center;gap:.4rem;cursor:pointer;padding:.5rem .75rem;border-radius:var(--r-md);background:var(--white);border:1px solid var(--gray-200);box-shadow:var(--shadow-xs);transition:all .2s}.workflow-checkbox-item:hover:not(.disabled){box-shadow:var(--shadow-sm);border-color:var(--gray-300)}.workflow-checkbox-item.disabled{opacity:.35;cursor:not-allowed}.workflow-checkbox-item input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;cursor:pointer}.workflow-checkbox-item.disabled input[type=checkbox]{cursor:not-allowed}.workflow-checkbox-item span{font-size:.85rem;color:var(--gray-600);text-transform:capitalize}.workflow-loop-badge{font-size:.65rem;font-weight:600;text-transform:uppercase!important;letter-spacing:.05em;color:var(--warning)!important;background:var(--warning-light);padding:.1rem .35rem;border-radius:4px;margin-left:.15rem}.workflow-expand-actions{display:flex;gap:.75rem}.workflow-expand-actions .btn{padding:.45rem 1.1rem;font-size:.85rem}.btn-secondary{background:var(--white);border:1px solid var(--gray-200);color:var(--accent);border-radius:var(--r-sm);cursor:pointer;padding:.45rem 1.1rem;font-size:.85rem;font-family:inherit;font-weight:600;transition:all .2s;box-shadow:var(--shadow-xs)}.btn-secondary:hover{box-shadow:var(--shadow-sm);border-color:var(--gray-300)}.btn-secondary:active{background:var(--gray-100)}.workflow-confirm-delete{display:flex;align-items:center;gap:.4rem}.workflow-confirm-delete span{font-size:.8rem;color:var(--gray-400)}.workflow-confirm-delete .btn-danger-sm{background:var(--error);color:#fff;border:none;border-radius:6px;padding:.25rem .55rem;font-size:.75rem;cursor:pointer;font-family:inherit;transition:all .2s}.workflow-confirm-delete .btn-cancel-sm{background:var(--white);border:1px solid var(--gray-200);color:var(--gray-400);border-radius:6px;padding:.25rem .55rem;font-size:.75rem;cursor:pointer;font-family:inherit;box-shadow:var(--shadow-xs)}.workflow-status{font-size:.85rem;font-weight:500;margin-bottom:1rem}.workflow-status.success{color:var(--success)}.workflow-status.error{color:var(--error)}.workflow-last-run{display:flex;align-items:center;gap:.5rem;padding-top:.5rem;border-top:1px solid var(--gray-200);margin-top:.5rem}.workflow-run-badge{font-size:.7rem;font-weight:500;padding:.15rem .4rem;border-radius:4px}.workflow-run-badge.completed{color:var(--success);background:#16a34a1f}.workflow-run-badge.failed{color:var(--error);background:#dc26261f}.workflow-run-badge.partial_success{color:var(--warning);background:#d977061f}.workflow-run-badge.processing{color:var(--accent);background:#2563eb1f}.workflow-run-time{font-size:.65rem;color:var(--gray-400)}.workflow-btn-history{background:none;border:none;color:var(--gray-400);font-size:.65rem;cursor:pointer;text-decoration:underline;margin-left:auto;font-family:inherit}.workflow-btn-history:hover{color:var(--gray-600)}.workflow-executions{margin-top:.5rem;display:flex;flex-direction:column;gap:.3rem}.workflow-exec-row{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;border-radius:var(--r-sm);background:var(--gray-50);font-size:.7rem;box-shadow:none}.workflow-exec-thumb{width:36px;height:36px;border-radius:6px;object-fit:cover;flex-shrink:0}.workflow-exec-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.workflow-exec-top{display:flex;align-items:center;gap:.4rem}.workflow-exec-status{font-weight:600;width:12px;text-align:center;flex-shrink:0}.workflow-exec-status.completed{color:var(--success)}.workflow-exec-status.partial_success{color:var(--warning)}.workflow-exec-status.failed{color:var(--error)}.workflow-exec-status.processing{color:var(--accent)}.workflow-exec-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--gray-900);font-weight:500}.workflow-exec-detail{color:var(--gray-600);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-exec-time{color:var(--gray-400);font-size:.6rem;white-space:nowrap;flex-shrink:0}.workflow-exec-results{display:flex;align-items:center;gap:.4rem;padding-left:16px}.workflow-exec-result{display:flex;align-items:center;gap:.15rem;font-size:.65rem;color:var(--gray-400)}.workflow-exec-result.success{color:var(--success)}.workflow-exec-result.failed{color:var(--error)}.workflow-exec-duration{font-size:.6rem;color:var(--gray-400);margin-left:auto}.autopilot-page{max-width:800px;margin:0 auto}.autopilot-page .page-header{margin-bottom:1.5rem}.autopilot-page .page-header h1{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:.25rem}.autopilot-page .page-header p{font-size:.875rem;color:var(--gray-400)}.autopilot-tabs{display:flex;gap:2rem;margin-bottom:1.5rem;border-bottom:1px solid var(--gray-200)}.autopilot-tab{padding:.625rem 0;background:none;border:none;border-bottom:2px solid transparent;font-size:.875rem;font-weight:500;color:var(--gray-500);cursor:pointer;transition:color .15s,border-color .15s;font-family:inherit;margin-bottom:-1px}.autopilot-tab.active{color:var(--gray-900);font-weight:600;border-bottom-color:var(--accent)}.autopilot-tab:hover:not(.active){color:var(--gray-700)}.autoshare-rules{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.autoshare-rule-row{background:var(--white);border-radius:var(--r-xl);padding:1rem 1.25rem;border:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.autoshare-rule-row.disabled{opacity:.5}.autoshare-rule-main{display:flex;align-items:center;justify-content:space-between;gap:1rem}.autoshare-rule-flow{display:flex;align-items:center;gap:.75rem}.autoshare-rule-source{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.95rem;color:var(--gray-900)}.autoshare-arrow{color:var(--gray-400);flex-shrink:0}.autoshare-rule-targets{display:flex;align-items:center;gap:.35rem}.autoshare-rule-controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.autoshare-add-rule{background:none;border:none;color:var(--accent);font-size:.85rem;font-weight:500;cursor:pointer;padding:.5rem 0;font-family:inherit}.autoshare-add-rule:hover{text-decoration:underline}.autoshare-setup{background:var(--white);border-radius:var(--r-xl);padding:1.5rem;border:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.autoshare-step{margin-bottom:1.5rem}.autoshare-step:last-child{margin-bottom:0}.autoshare-step-label{display:block;font-size:.95rem;font-weight:600;color:var(--gray-900);margin-bottom:1rem}.autoshare-source-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.autoshare-source-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;border:1px solid var(--gray-200);border-radius:14px;background:var(--white);box-shadow:var(--shadow-xs);cursor:pointer;transition:all .2s;font-family:inherit;width:100%;position:relative;min-height:120px;justify-content:center}.autoshare-source-option:hover:not(.disabled){box-shadow:var(--shadow-sm);border-color:var(--gray-300)}.autoshare-source-option.selected{background:var(--gray-100);border-color:var(--accent)}.autoshare-source-option.disabled{opacity:.35;cursor:not-allowed}.autoshare-source-option.not-connected{outline:1.5px dashed var(--gray-400);outline-offset:-1.5px}.autoshare-source-label{font-size:.8rem;font-weight:600;color:var(--gray-900)}.autoshare-status-badge{font-size:.65rem;font-weight:600;padding:.15rem .4rem;border-radius:4px;letter-spacing:.02em}.autoshare-status-badge.connected{color:var(--success);background:#16a34a1f}.autoshare-status-badge.not-connected{color:var(--gray-400);background:#0000000a}.autoshare-disabled-hint{font-size:.7rem;color:var(--gray-400);text-align:center}.autoshare-source-connect-action{font-size:.7rem;font-weight:600;color:var(--accent);cursor:pointer}.autoshare-target-picker{display:flex;flex-direction:column;gap:.75rem}.autoshare-target-row{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:.75rem 1rem;border-radius:var(--r-lg);background:var(--white);border:1px solid var(--gray-200);box-shadow:var(--shadow-xs);transition:all .2s;font-family:inherit;font-size:.9rem;font-weight:500;color:var(--gray-900);cursor:pointer}.autoshare-target-row:hover:not(.disabled):not(.not-connected){box-shadow:var(--shadow-sm);border-color:var(--gray-300)}.autoshare-target-row.checked{background:var(--gray-100);border-color:var(--accent)}.autoshare-target-row.disabled{opacity:.4;cursor:not-allowed}.autoshare-target-row.not-connected{outline:1.5px dashed var(--gray-400);outline-offset:-1.5px;cursor:default}.autoshare-target-info{display:flex;align-items:center;gap:.6rem}.autoshare-target-info input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px;cursor:pointer}.autoshare-target-action{flex-shrink:0}.autoshare-target-connect-btn{background:none;border:1.5px solid var(--accent);color:var(--accent);padding:.3rem .75rem;border-radius:var(--r-sm);font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s}.autoshare-target-connect-btn:hover{background:var(--accent);color:#fff}.autoshare-actions{display:flex;gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--gray-200)}.autoshare-actions .btn{padding:.5rem 1.5rem;font-size:.9rem}.autopilot-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.autopilot-section-header h2{font-size:1.1rem;font-weight:600;color:var(--gray-900)}.autopilot-section-desc{font-size:.8rem;color:var(--gray-400);margin-bottom:1.25rem;line-height:1.4}.repost-queue-list{display:flex;flex-direction:column;gap:.75rem}.repost-queue-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-xl);padding:1.25rem 1.5rem;box-shadow:var(--shadow-sm);cursor:pointer;transition:box-shadow .2s,border-color .2s}.repost-queue-card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300)}.repost-queue-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.repost-queue-name{font-size:1.05rem;font-weight:600;color:var(--gray-900)}.repost-queue-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;font-size:.8rem;color:var(--gray-400)}.repost-queue-meta .meta-dot{width:3px;height:3px;background:var(--gray-400);border-radius:50%;opacity:.5}.repost-queue-targets{display:flex;align-items:center;gap:.35rem}.repost-queue-progress-row{display:flex;align-items:center;gap:.75rem}.repost-queue-progress{flex:1;height:4px;background:var(--gray-100);border-radius:2px;overflow:hidden}.repost-queue-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s}.repost-queue-progress-text{font-size:.7rem;color:var(--gray-400);white-space:nowrap}.autopilot-empty{text-align:center;padding:3rem 1.5rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-xl);box-shadow:var(--shadow-sm)}.autopilot-empty h3{font-size:1.1rem;font-weight:600;color:var(--gray-900);margin-bottom:.5rem}.autopilot-empty p{font-size:.85rem;color:var(--gray-400);margin-bottom:1.25rem;line-height:1.5}.autopilot-empty-btn{background:var(--white);border:1px solid var(--gray-200);color:var(--accent);padding:.5rem 1.25rem;border-radius:var(--r-md);font-size:.875rem;font-weight:600;cursor:pointer;font-family:inherit;box-shadow:var(--shadow-xs);transition:all .2s}.autopilot-empty-btn:hover{box-shadow:var(--shadow-sm);border-color:var(--gray-300)}.create-repost-btn{background:var(--white);border:1px solid var(--gray-200);color:var(--accent);padding:.45rem 1rem;border-radius:var(--r-md);font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit;box-shadow:var(--shadow-xs);transition:all .2s}.create-repost-btn:hover{box-shadow:var(--shadow-sm);border-color:var(--gray-300)}.autopilot-connect-bar{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);margin-bottom:1.25rem;font-size:.85rem;color:var(--gray-600)}.autopilot-connect-bar-text{flex:1;min-width:200px}.autopilot-connect-bar-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.autopilot-connect-bar-btn{display:inline-flex;align-items:center;gap:.35rem;background:none;border:1.5px solid var(--accent);color:var(--accent);padding:.3rem .75rem;border-radius:var(--r-sm);font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;transition:all .2s}.autopilot-connect-bar-btn:hover{background:var(--accent);color:#fff}.autoshare-rule-row.has-warning,.repost-queue-card.has-warning{border-left:3px solid var(--warning)}.autoshare-rule-warning{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;margin-bottom:.75rem;background:var(--warning-light);border-radius:var(--r-md);font-size:.8rem;color:var(--warning-dark);line-height:1.4}.autoshare-rule-warning svg{flex-shrink:0;color:var(--warning)}.autoshare-rule-warning span{flex:1}.autoshare-rule-warning-action{flex-shrink:0;background:none;border:1.5px solid var(--warning);color:var(--warning-dark);padding:.2rem .6rem;border-radius:var(--r-sm);font-size:.75rem;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;transition:all .2s}.autoshare-rule-warning-action:hover{background:var(--warning);color:#fff}.autoshare-rule-source.disconnected,.autoshare-target-icon.disconnected{opacity:.35;position:relative}.autoshare-target-icon{display:inline-flex;align-items:center}.autoshare-target-icon.disconnected:after{content:"";position:absolute;top:50%;left:0;right:0;height:1.5px;background:var(--error);transform:rotate(-45deg)}@media(max-width:600px){.autoshare-source-picker{grid-template-columns:repeat(2,1fr)}.autoshare-rule-main{flex-direction:column;align-items:flex-start}.autoshare-rule-controls{width:100%;justify-content:flex-end}}.scheduled-posts-section{margin-bottom:1.5rem}.scheduled-posts-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.scheduled-posts-label{font-size:.8rem;font-weight:600;color:var(--gray-900)}.scheduled-posts-list{display:flex;flex-direction:column;gap:.5rem}.scheduled-post-card{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-md);box-shadow:var(--shadow-xs);transition:box-shadow .15s,border-color .15s}.scheduled-post-card:hover{box-shadow:var(--shadow-sm);border-color:var(--gray-300)}.scheduled-post-thumb{width:40px;height:40px;border-radius:var(--r-sm);overflow:hidden;flex-shrink:0}.scheduled-post-thumb img{width:100%;height:100%;object-fit:cover}.scheduled-post-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gray-100);color:var(--gray-400)}.scheduled-post-info{flex:1;min-width:0}.scheduled-post-title{font-size:.8rem;font-weight:600;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scheduled-post-meta{display:flex;align-items:center;gap:.35rem;font-size:.7rem;color:var(--gray-400);margin-top:.15rem}.scheduled-post-platforms{display:flex;gap:.2rem;align-items:center}.scheduled-post-status{font-size:.65rem;font-weight:600;text-transform:uppercase;padding:.15rem .4rem;border-radius:var(--r-sm);white-space:nowrap}.scheduled-post-status.pending{background:var(--info-light);color:var(--info)}.scheduled-post-status.publishing{background:var(--warning-light);color:var(--warning-dark)}.scheduled-post-status.published{background:var(--success-light);color:var(--success)}.scheduled-post-status.failed{background:var(--error-light);color:var(--error)}.scheduled-post-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.scheduled-post-action{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--gray-400);border-radius:var(--r-sm);cursor:pointer;font-size:1rem;transition:all .15s}.scheduled-post-action:hover{background:var(--gray-100);color:var(--gray-900)}.scheduled-post-action.danger:hover{background:var(--error-light);color:var(--error)}.scheduled-post-reschedule{display:flex;align-items:center;gap:.35rem}.scheduled-post-datetime{font-size:.75rem;padding:.25rem .4rem;border:1px solid var(--gray-200);border-radius:var(--r-sm);background:var(--white);color:var(--gray-900);font-family:inherit}.scheduled-post-confirm{font-size:.7rem;padding:.25rem .5rem;border:none;border-radius:var(--r-sm);background:var(--accent);color:#fff;cursor:pointer;font-weight:600;font-family:inherit}.scheduled-post-confirm:disabled{opacity:.5;cursor:not-allowed}.scheduled-post-cancel-btn{font-size:.7rem;padding:.25rem .5rem;border:none;border-radius:var(--r-sm);background:transparent;color:var(--gray-400);cursor:pointer;font-family:inherit}.playlist-item-schedule-form{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.playlist-item-datetime{font-size:.75rem;padding:.2rem .35rem;border:1px solid var(--gray-200);border-radius:var(--r-sm);background:var(--white);color:var(--gray-900);font-family:inherit}.playlist-item-actions-row{display:flex;align-items:center;gap:.15rem;flex-shrink:0}.playlist-item-schedule-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--gray-400);border-radius:var(--r-sm);cursor:pointer;transition:all .15s}.playlist-item-schedule-btn:hover{background:var(--info-light);color:var(--info)}.wizard-step{padding-bottom:5rem}.wizard-step-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;gap:1rem}.wizard-step-title{font-size:1.15rem;font-weight:700;color:var(--gray-900);margin:0 0 .2rem}.wizard-step-desc{font-size:.85rem;color:var(--gray-400);margin:0}.wizard-cancel{background:none;border:none;color:var(--gray-400);font-size:.85rem;cursor:pointer;padding:.25rem 0;font-family:inherit;white-space:nowrap}.wizard-cancel:hover{color:var(--gray-900)}.wizard-toolbar{display:flex;gap:.75rem;margin-bottom:.75rem}.wizard-toolbar .library-search{flex:1}.wizard-filters{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-bottom:1.25rem}.wizard-select-top{margin-left:auto;background:none;border:none;color:var(--accent);font-size:.8rem;font-weight:600;cursor:pointer;padding:.375rem .5rem;font-family:inherit}.wizard-select-top:hover{text-decoration:underline}.wizard-bottom-bar{position:fixed;bottom:0;left:0;right:0;background:var(--white);border-top:1px solid var(--gray-200);padding:.75rem 1.5rem;display:flex;align-items:center;gap:1rem;z-index:100;box-shadow:0 -4px 16px #0000000f;transform:translateY(100%);transition:transform .25s ease}.wizard-bottom-bar.visible{transform:translateY(0)}.wizard-bottom-count{font-size:.875rem;color:var(--gray-900);font-weight:500}.wizard-bottom-clear{background:none;border:none;color:var(--gray-400);font-size:.8rem;cursor:pointer;font-family:inherit}.wizard-bottom-clear:hover{color:var(--gray-900)}.wizard-bottom-next{margin-left:auto;padding:.6rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:var(--r-md);font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit;box-shadow:var(--shadow-sm);transition:background .2s}.wizard-bottom-next:hover{background:var(--accent-dark)}.wizard-bottom-next:disabled{opacity:.4;cursor:not-allowed}.wizard-config{display:flex;flex-direction:column;gap:1.5rem}.wizard-section{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-xl);padding:1.25rem;box-shadow:var(--shadow-sm)}.wizard-section-label{display:block;font-size:.95rem;font-weight:600;color:var(--gray-900);margin-bottom:.75rem}.wizard-platform-grid{display:flex;flex-direction:column;gap:.5rem}.wizard-platform-option{display:flex;align-items:center;gap:.6rem;padding:.7rem 1rem;border-radius:var(--r-lg);background:var(--white);border:1px solid var(--gray-200);box-shadow:var(--shadow-xs);cursor:pointer;transition:all .2s;font-family:inherit;font-size:.9rem;font-weight:500;color:var(--gray-900)}.wizard-platform-option:hover:not(.disabled){box-shadow:var(--shadow-sm);border-color:var(--gray-300)}.wizard-platform-option.checked{background:var(--gray-100);border-color:var(--accent)}.wizard-platform-option.disabled{opacity:.5;cursor:default}.wizard-platform-option input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px;cursor:pointer}.wizard-platform-badge{font-size:.65rem;font-weight:600;padding:.15rem .4rem;border-radius:4px;margin-left:auto}.wizard-platform-badge.not-connected{color:var(--gray-400);background:#0000000a}.wizard-platform-row.unconnected{display:flex;align-items:center;gap:.75rem}.wizard-platform-row.unconnected .wizard-platform-option{flex:1}.wizard-schedule-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.wizard-schedule-option{display:flex;flex-direction:column;gap:.2rem;padding:.75rem 1rem;border-radius:var(--r-lg);background:var(--white);border:1px solid var(--gray-200);box-shadow:var(--shadow-xs);cursor:pointer;transition:all .2s;text-align:left;font-family:inherit}.wizard-schedule-option:hover{box-shadow:var(--shadow-sm);border-color:var(--gray-300)}.wizard-schedule-option.selected{background:var(--gray-100);border-color:var(--accent)}.wizard-schedule-label{font-size:.9rem;font-weight:600;color:var(--gray-900)}.wizard-schedule-desc{font-size:.7rem;color:var(--gray-400)}.wizard-schedule-option.selected .wizard-schedule-label{color:var(--accent)}.wizard-day-picker{display:flex;gap:.4rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--gray-200)}.wizard-day-btn{width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid var(--gray-200);background:var(--white);box-shadow:var(--shadow-xs);font-size:.75rem;font-weight:600;font-family:inherit;color:var(--gray-400);cursor:pointer;transition:all .2s}.wizard-day-btn:hover{box-shadow:var(--shadow-sm);border-color:var(--gray-300);color:var(--gray-900)}.wizard-day-btn.selected{background:var(--gray-100);color:var(--accent);border-color:var(--accent)}.wizard-time-picker{display:flex;align-items:center;gap:.4rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--gray-200)}.wizard-time-label{font-size:.85rem;color:var(--gray-400);margin-right:.25rem}.wizard-time-select{appearance:none;-webkit-appearance:none;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-sm);padding:.4rem .5rem;font-size:.85rem;font-weight:500;font-family:inherit;color:var(--gray-900);cursor:pointer;text-align:center;min-width:3rem}.wizard-time-select:focus{outline:2px solid var(--accent);outline-offset:1px}.wizard-time-colon{font-size:.9rem;font-weight:600;color:var(--gray-400)}.wizard-time-period{min-width:3.2rem}.wizard-time-tz{font-size:.75rem;color:var(--gray-400);margin-left:.25rem}.wizard-mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.wizard-mode-option{display:flex;flex-direction:column;gap:.2rem;padding:.75rem 1rem;border-radius:var(--r-lg);background:var(--white);border:1px solid var(--gray-200);box-shadow:var(--shadow-xs);cursor:pointer;transition:all .2s;text-align:left;font-family:inherit}.wizard-mode-option:hover{box-shadow:var(--shadow-sm);border-color:var(--gray-300)}.wizard-mode-option.active{background:var(--gray-100);border-color:var(--accent)}.wizard-mode-name{font-size:.9rem;font-weight:600;color:var(--gray-900)}.wizard-mode-option.active .wizard-mode-name{color:var(--accent)}.wizard-mode-desc{font-size:.7rem;color:var(--gray-400)}.wizard-error{color:var(--error);font-size:.85rem;margin:0}.wizard-config-actions{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem}.wizard-back-btn{background:none;border:none;color:var(--gray-600);font-size:.9rem;cursor:pointer;padding:.5rem 0;font-family:inherit}.wizard-back-btn:hover{color:var(--gray-900)}.wizard-create-btn{padding:.65rem 1.75rem;background:var(--accent);color:#fff;border:none;border-radius:var(--r-md);font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit;box-shadow:var(--shadow-sm);transition:background .2s}.wizard-create-btn:hover{background:var(--accent-dark)}.wizard-create-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:600px){.wizard-schedule-grid,.wizard-mode-toggle{grid-template-columns:1fr}.wizard-platform-row.unconnected{flex-direction:column;align-items:stretch}}.chat-page{min-height:100vh;display:flex;flex-direction:column;background:var(--gray-50);padding-top:0}.chat-password-gate{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--gray-600)}.chat-password-gate h2{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin:0}.chat-password-gate p{font-size:.9rem;margin:0}.chat-password-gate form{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:.5rem}.chat-password-input{padding:.6rem 1rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-sm);color:var(--gray-900);font-size:.9rem;outline:none;width:220px;text-align:center;box-shadow:var(--shadow-xs)}.chat-password-input:focus{border-color:var(--accent);box-shadow:var(--shadow-ring)}.chat-password-error{color:var(--error);font-size:.8rem;margin:0}.chat-layout{flex:1;display:flex;overflow:hidden;height:100vh}.chat-sidebar{width:280px;border-right:1px solid var(--gray-200);display:flex;flex-direction:column;flex-shrink:0;background:var(--white)}.chat-sidebar-header{padding:1rem;border-bottom:1px solid var(--gray-200)}.new-chat-btn{width:100%;padding:.6rem 1rem;background:var(--white);color:var(--accent);border:1px solid var(--gray-200);border-radius:var(--r-md);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;justify-content:center;box-shadow:var(--shadow-xs)}.new-chat-btn:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300)}.new-chat-btn:active{background:var(--gray-100)}.chat-list{flex:1;overflow-y:auto;padding:.5rem}.chat-list-item{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border-radius:var(--r-sm);cursor:pointer;transition:all .15s;color:var(--gray-600);font-size:.85rem;border:none;background:none;width:100%;text-align:left}.chat-list-item:hover{background:#00000008}.chat-list-item.active{background:var(--gray-100);color:var(--gray-900)}.chat-list-item-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-list-delete{opacity:0;background:none;border:none;color:var(--gray-400);cursor:pointer;padding:.2rem;border-radius:4px;display:flex;align-items:center;flex-shrink:0}.chat-list-item:hover .chat-list-delete{opacity:1}.chat-list-delete:hover{color:var(--error);background:#dc26261a}.chat-list-empty{padding:2rem 1rem;text-align:center;color:var(--gray-400);font-size:.85rem}.chat-main{flex:1;display:flex;flex-direction:column;min-width:0}.chat-messages{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.chat-messages-inner{max-width:768px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.chat-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gray-400);gap:.75rem;padding:2rem}.chat-empty-state h2{font-size:1.25rem;font-weight:600;color:var(--gray-600);margin:0}.chat-empty-state p{font-size:.9rem;margin:0;max-width:400px;text-align:center;line-height:1.5}.chat-message{display:flex;gap:.75rem;max-width:100%}.chat-message.user{flex-direction:row-reverse}.chat-message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.75rem;font-weight:700;border:1px solid var(--gray-200);box-shadow:var(--shadow-xs)}.chat-message.user .chat-message-avatar{background:#2563eb26;color:var(--accent)}.chat-message.assistant .chat-message-avatar{background:#a855f726;color:var(--info)}.chat-message-content{padding:.75rem 1rem;border-radius:var(--r-xl);line-height:1.6;font-size:.9rem;word-break:break-word}.chat-message.user .chat-message-content{white-space:pre-wrap}.chat-message.assistant .chat-message-content p{margin:0 0 .5rem}.chat-message.assistant .chat-message-content p:last-child{margin-bottom:0}.chat-message.assistant .chat-message-content h1,.chat-message.assistant .chat-message-content h2,.chat-message.assistant .chat-message-content h3{font-size:.95rem;font-weight:700;margin:.75rem 0 .25rem}.chat-message.assistant .chat-message-content h1:first-child,.chat-message.assistant .chat-message-content h2:first-child,.chat-message.assistant .chat-message-content h3:first-child{margin-top:0}.chat-message.assistant .chat-message-content ul,.chat-message.assistant .chat-message-content ol{margin:.25rem 0 .5rem;padding-left:1.25rem}.chat-message.assistant .chat-message-content li{margin-bottom:.2rem}.chat-message.assistant .chat-message-content code{background:#0000000f;padding:.1rem .35rem;border-radius:4px;font-size:.85em}.chat-message.assistant .chat-message-content pre{background:#0000000f;padding:.75rem;border-radius:var(--r-sm);overflow-x:auto;margin:.5rem 0}.chat-message.assistant .chat-message-content pre code{background:none;padding:0}.chat-message.user .chat-message-content{background:var(--accent);color:#fff;border-bottom-right-radius:4px;box-shadow:2px 2px 6px #0000000f}.chat-message.assistant .chat-message-content{background:var(--white);color:var(--gray-900);border-bottom-left-radius:4px;border:1px solid var(--gray-200);box-shadow:var(--shadow-xs)}.chat-message-body{display:flex;flex-direction:column;gap:.5rem;max-width:80%;min-width:0}.chat-message.user .chat-message-body{align-items:flex-end}.chat-tool-status{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--gray-400);padding:.25rem 0}.chat-tool-spinner{width:12px;height:12px;border:2px solid var(--gray-200);border-top-color:var(--accent);border-radius:50%;animation:tool-spin .8s linear infinite;flex-shrink:0}@keyframes tool-spin{to{transform:rotate(360deg)}}.chat-confirm-buttons{display:flex;gap:.5rem}.chat-confirm-btn{padding:.4rem 1rem;border-radius:var(--r-sm);font-size:.8rem;font-weight:600;cursor:pointer;border:none;transition:all .2s}.chat-confirm-btn.approve{background:#16a34a26;color:var(--success);border:1px solid var(--gray-200);box-shadow:var(--shadow-xs)}.chat-confirm-btn.approve:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300)}.chat-confirm-btn.deny{background:#dc262626;color:var(--error);border:1px solid var(--gray-200);box-shadow:var(--shadow-xs)}.chat-confirm-btn.deny:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300)}.chat-thinking{display:flex;align-items:center;gap:.35rem;padding:.75rem 1rem;background:var(--white);border-radius:var(--r-xl);border-bottom-left-radius:4px;border:1px solid var(--gray-200);box-shadow:var(--shadow-xs)}.chat-thinking-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:thinking-bounce 1.4s ease-in-out infinite}.chat-thinking-dot:nth-child(2){animation-delay:.2s}.chat-thinking-dot:nth-child(3){animation-delay:.4s}.chat-thinking-label{font-size:.8rem;color:var(--gray-400);margin-left:.35rem}@keyframes thinking-bounce{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.chat-message-time{font-size:.7rem;color:var(--gray-400);padding:0 .25rem}.chat-message.user .chat-message-time{text-align:right}.chat-message-streaming:after{content:"";display:inline-block;width:6px;height:14px;background:var(--accent);margin-left:2px;vertical-align:text-bottom;animation:blink .8s step-end infinite}@keyframes blink{50%{opacity:0}}.chat-input-area{padding:1rem 1.5rem 1.5rem;border-top:1px solid var(--gray-200)}.chat-input-wrapper{max-width:768px;margin:0 auto;display:flex;gap:.75rem;align-items:flex-end}.chat-textarea{flex:1;resize:none;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-lg);padding:.75rem 1rem;color:var(--gray-900);font-size:.9rem;font-family:inherit;line-height:1.5;max-height:200px;overflow-y:auto;outline:none;transition:border-color .2s,box-shadow .2s;box-shadow:var(--shadow-xs)}.chat-textarea:focus{border-color:var(--accent);box-shadow:var(--shadow-ring)}.chat-textarea::placeholder{color:var(--gray-400)}.chat-send-btn{width:40px;height:40px;border-radius:var(--r-md);background:var(--accent);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s;box-shadow:var(--shadow-xs)}.chat-send-btn:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.chat-send-btn:active:not(:disabled){transform:translateY(0);background:var(--gray-100)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-attach-btn{width:40px;height:40px;border-radius:var(--r-md);background:var(--white);border:1px solid var(--gray-200);color:var(--gray-400);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s;box-shadow:var(--shadow-xs)}.chat-attach-btn:hover:not(:disabled){box-shadow:var(--shadow-md);border-color:var(--gray-300);color:var(--gray-900)}.chat-attach-btn:active:not(:disabled){background:var(--gray-100)}.chat-attach-btn:disabled{opacity:.5;cursor:not-allowed}.chat-pending-attachments{max-width:768px;margin:0 auto .5rem;display:flex;gap:.5rem;overflow-x:auto;padding:.25rem 0}.chat-pending-thumb{position:relative;width:64px;height:64px;border-radius:var(--r-sm);overflow:hidden;flex-shrink:0;border:1px solid var(--gray-200);box-shadow:var(--shadow-xs)}.chat-pending-thumb img{width:100%;height:100%;object-fit:cover}.chat-pending-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;color:#fff}.chat-pending-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;background:#000000b3;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.chat-pending-thumb:hover .chat-pending-remove{opacity:1}.chat-upload-error{max-width:768px;margin:0 auto .5rem;font-size:.8rem;color:var(--error)}.chat-attachments{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.chat-attachment-link{display:block}.chat-attachment-img{max-width:200px;max-height:150px;border-radius:var(--r-sm);object-fit:cover;cursor:pointer;border:1px solid var(--gray-200)}.chat-attachment-video{position:relative;width:200px;height:150px;border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--gray-200);background:#0000000d}.chat-attachment-video .chat-attachment-img{width:100%;height:100%;max-width:none;max-height:none}.chat-attachment-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000059;color:#ffffffe6;pointer-events:none}.chat-attachment-placeholder{width:100%;height:100%;background:var(--gray-100)}.chat-attachment-name{position:absolute;bottom:4px;left:4px;right:4px;font-size:.7rem;color:#ffffffb3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#0009;padding:1px 4px;border-radius:3px}@media(max-width:768px){.chat-sidebar{display:none}.chat-messages{padding:1rem}.chat-input-area{padding:.75rem 1rem 1rem}.chat-message-body{max-width:90%}}.exp-container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 4rem}.exp-header{margin-bottom:2rem}.exp-header h1{font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.exp-subtitle{color:var(--gray-500);font-size:.95rem;margin:0;line-height:1.5}.exp-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.exp-dropzone{border:2px dashed var(--gray-300);border-radius:var(--r-lg);padding:2rem 1.5rem;cursor:pointer;transition:all .2s;text-align:center;background:var(--gray-50)}.exp-dropzone:hover{border-color:var(--gray-400);background:var(--gray-100)}.exp-dropzone.drag-over{border-color:var(--info);background:var(--info-light)}.exp-dropzone.has-file{border-color:var(--success);border-style:solid;background:var(--success-light)}.exp-dropzone-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--gray-500);font-size:.9rem;font-weight:500}.exp-dropzone-icon{font-size:2rem}.exp-dropzone-hint{font-size:.8rem;color:var(--gray-400);font-weight:400}.exp-dropzone-file{display:flex;flex-direction:column;gap:.25rem}.exp-dropzone-filename{font-weight:600;font-size:.9rem;color:var(--gray-900);word-break:break-all}.exp-dropzone-size{font-size:.8rem;color:var(--gray-500)}.exp-status{padding:.75rem 1rem;background:var(--success-light);border:1px solid var(--gray-200);border-radius:var(--r-md);color:var(--success);font-size:.85rem;margin-bottom:1.5rem}.exp-error{padding:.75rem 1rem;background:var(--error-light);border:1px solid var(--gray-200);border-radius:var(--r-md);color:var(--error);font-size:.85rem;margin-bottom:1.5rem}.exp-workspace{margin-bottom:1.5rem}.exp-workspace.has-editor{display:grid;grid-template-columns:1fr 340px;gap:1rem;align-items:start}.exp-preview{margin-bottom:0}.exp-preview-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-400);margin-bottom:.5rem}.exp-video-wrapper{position:relative;border-radius:var(--r-lg);overflow:hidden;background:#000}.exp-video-wrapper video{display:block;width:100%;max-height:500px;object-fit:contain}.exp-overlay-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.exp-actions{margin-bottom:1.5rem}.exp-export-btn{width:100%;padding:.875rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:var(--r-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;box-shadow:var(--shadow-xs)}.exp-export-btn:hover:not(:disabled){background:var(--accent-hover)}.exp-export-btn:disabled{opacity:.6;cursor:not-allowed}.exp-progress{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.exp-progress-bar{flex:1;height:8px;background:var(--gray-200);border-radius:4px;overflow:hidden}.exp-progress-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .3s}.exp-progress-text{font-size:.85rem;font-weight:600;color:var(--gray-600);min-width:3rem;text-align:right}.exp-presets{margin-bottom:1.5rem}.exp-presets-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-400);margin-bottom:.5rem}.exp-presets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.exp-preset-card{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem .5rem;border:2px solid var(--gray-200);border-radius:var(--r-lg);background:var(--white);cursor:pointer;transition:all .15s;text-align:center}.exp-preset-card:hover{border-color:var(--gray-400);background:var(--gray-50)}.exp-preset-card.active{border-color:var(--accent);background:var(--accent-muted)}.exp-preset-swatch{width:48px;height:32px;border-radius:var(--r-sm);border:2px solid;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.9rem}.exp-preset-name{font-size:.8rem;font-weight:600;color:var(--gray-900)}.exp-preset-anim{font-size:.65rem;font-weight:600;color:var(--accent);background:var(--accent-muted);padding:.1rem .4rem;border-radius:4px;text-transform:uppercase;letter-spacing:.03em}.exp-preset-card.active .exp-preset-anim{background:var(--accent-light);color:var(--accent-hover)}.exp-preset-desc{font-size:.7rem;color:var(--gray-400);line-height:1.3}.exp-speakers{margin-bottom:1.5rem}.exp-speakers-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-400);margin-bottom:.5rem}.exp-speakers-list{display:flex;flex-wrap:wrap;gap:.75rem}.exp-speaker-row{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--r-lg);background:var(--white)}.exp-speaker-avatar{width:40px;height:40px;border-radius:50%;border:2.5px solid;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-size:cover;background-position:center;position:relative;transition:opacity .15s}.exp-speaker-avatar:hover{opacity:.8}.exp-speaker-avatar-remove{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;background:var(--error);color:#fff;border:1.5px solid var(--white);font-size:10px;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;padding:0}.exp-speaker-avatar:hover .exp-speaker-avatar-remove{display:flex}.exp-speaker-name{width:120px;padding:.35rem .5rem;border:1.5px solid var(--gray-200);border-radius:var(--r-sm);font-size:.82rem;font-family:inherit;color:var(--gray-900);outline:none;transition:border-color .15s}.exp-speaker-name:focus{border-color:var(--accent)}.exp-speaker-name::placeholder{color:var(--gray-400)}.exp-speaker-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.exp-editor{border:1px solid var(--gray-200);border-radius:var(--r-lg);background:var(--white);max-height:500px;overflow-y:auto;display:flex;flex-direction:column}.exp-editor-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--gray-200);position:sticky;top:0;background:var(--white);border-radius:var(--r-lg) var(--r-lg) 0 0;z-index:1}.exp-editor-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-400)}.exp-editor-count{font-size:.75rem;color:var(--gray-400)}.exp-editor-lines{padding:.5rem 0;flex:1}.exp-editor-line{display:flex;align-items:baseline;gap:.5rem;padding:.25rem .75rem}.exp-editor-line:hover{background:var(--gray-50)}.exp-editor-time{font-size:.65rem;font-family:SF Mono,Fira Code,monospace;color:var(--gray-400);min-width:3.2rem;flex-shrink:0;-webkit-user-select:none;user-select:none}.exp-editor-words{display:flex;flex-wrap:wrap;gap:.2rem}.exp-editor-word{display:inline-block;padding:.1rem .3rem;border-radius:4px;font-size:.82rem;color:var(--gray-700);cursor:pointer;transition:all .1s;border:1px solid transparent}.exp-editor-word:hover{background:var(--gray-100);border-color:var(--gray-300)}.exp-editor-word.active{background:var(--warning-light);border-color:var(--warning);color:var(--warning-dark);font-weight:600}.exp-editor-word-input{font-size:.82rem;padding:.1rem .3rem;border:2px solid var(--accent);border-radius:4px;outline:none;background:var(--accent-muted);color:var(--gray-900);font-weight:500;width:5rem;font-family:inherit}.exp-note{padding:.75rem 1rem;background:var(--warning-light);border:1px solid var(--gray-200);border-radius:var(--r-md);font-size:.8rem;color:var(--warning-dark);line-height:1.5}@media(max-width:900px){.exp-workspace.has-editor{grid-template-columns:1fr}.exp-editor{max-height:300px}}@media(max-width:640px){.exp-inputs{grid-template-columns:1fr}.exp-presets-grid{grid-template-columns:repeat(2,1fr)}}:root{--editor-bg: #0a0a0a;--editor-panel: #141414;--editor-border: #262626;--editor-text: #e5e5e5;--editor-text-dim: #888;--editor-accent: #6366f1;--editor-accent-hover: #818cf8;--editor-danger: #ef4444;--editor-playhead: #ef4444;--editor-selection: #6366f1;--editor-clip-video: #3b82f6;--editor-clip-audio: #22c55e;--editor-clip-text: #f59e0b;--editor-clip-image: #a855f7;--editor-input-bg: #1a1a1a;--editor-input-border: #333;--editor-toolbar-height: 48px;--editor-media-bin-width: 200px;--editor-inspector-width: 280px;--editor-timeline-height: 220px;--editor-track-label-width: 120px;--editor-controls-height: 44px;--editor-font-mono: "SF Mono", "Fira Code", "Cascadia Code", "JetBrains Mono", monospace}.editor-page{width:100%;height:100dvh;display:grid;grid-template-rows:var(--editor-toolbar-height) 1fr var(--editor-timeline-height);background:var(--editor-bg);overflow:hidden;color:var(--editor-text)}.editor-page--portrait{grid-template-rows:var(--editor-toolbar-height) 1fr 150px}.editor-main{display:grid;grid-template-columns:var(--editor-media-bin-width) 1fr var(--editor-inspector-width);overflow:hidden}.editor-toolbar{height:var(--editor-toolbar-height);background:var(--editor-panel);border-bottom:1px solid var(--editor-border);display:flex;flex-direction:row;align-items:center;padding:0 12px;gap:8px}.editor-toolbar-group{display:flex;flex-direction:row;gap:4px;align-items:center;border-right:1px solid var(--editor-border);padding-right:8px;margin-right:4px}.editor-toolbar-group:last-child{border-right:none;padding-right:0;margin-right:0}.editor-toolbar-btn{height:32px;padding:0 10px;background:transparent;border:none;color:var(--editor-text);border-radius:6px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:4px;white-space:nowrap}.editor-toolbar-btn:hover{background:#262626}.editor-toolbar-btn:active{background:#333}.editor-toolbar-btn--active{background:var(--editor-accent);color:#fff}.editor-toolbar-btn--active:hover{background:var(--editor-accent-hover)}.editor-toolbar-btn--export{background:var(--editor-accent);color:#fff;font-weight:600}.editor-toolbar-btn--export:hover{background:var(--editor-accent-hover)}.editor-toolbar-btn:disabled{opacity:.3;cursor:default}.editor-toolbar-btn:disabled:hover{background:transparent}.editor-canvas-area{display:flex;flex-direction:column;background:#000;position:relative;overflow:hidden}.editor-canvas-container{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:16px}.editor-canvas{max-width:100%;max-height:100%;background:#000;border-radius:2px;overflow:hidden}.editor-canvas canvas{display:block;width:100%!important;height:100%!important}.editor-canvas-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--editor-text-dim);font-size:14px}.editor-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1.5px dashed var(--editor-border);border-radius:8px;padding:12px 8px;cursor:pointer;transition:border-color .15s,background .15s;color:var(--editor-text-dim)}.editor-dropzone:hover{border-color:#444;background:#ffffff05}.editor-dropzone--active{border-color:var(--editor-accent)!important;background:#6366f114}.editor-dropzone--active .editor-dropzone-label{color:var(--editor-accent)}.editor-dropzone svg{opacity:.4}.editor-dropzone--active svg{opacity:.9}.editor-dropzone-label{font-size:11px;font-weight:500;color:var(--editor-text-dim);text-align:center}.editor-controls{height:var(--editor-controls-height);background:var(--editor-panel);border-top:1px solid var(--editor-border);display:flex;flex-direction:row;align-items:center;padding:0 12px;gap:12px}.editor-controls-btn{width:28px;height:28px;background:transparent;border:none;color:var(--editor-text);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}.editor-controls-btn:hover{background:#262626}.editor-controls-btn--play{width:32px;height:32px;background:var(--editor-accent);border-radius:50%;color:#fff}.editor-controls-btn--play:hover{background:var(--editor-accent-hover)}.editor-timecode{font-family:var(--editor-font-mono);font-size:13px;color:var(--editor-text);min-width:110px}.editor-timecode-dim{color:var(--editor-text-dim)}.editor-volume-slider{accent-color:var(--editor-accent);width:80px;height:3px}.editor-controls-spacer{flex:1}.editor-right-panel{width:var(--editor-inspector-width);background:var(--editor-panel);border-left:1px solid var(--editor-border);display:flex;flex-direction:column;overflow:hidden}.editor-right-tabs{display:flex;border-bottom:1px solid var(--editor-border);flex-shrink:0}.editor-right-tab{flex:1;padding:8px 0;background:none;border:none;border-bottom:2px solid transparent;color:var(--editor-text-dim);font-size:12px;font-weight:500;cursor:pointer;transition:color .15s,border-color .15s;display:flex;align-items:center;justify-content:center}.editor-right-tab:hover{color:var(--editor-text)}.editor-right-tab--active{color:var(--editor-text);border-bottom-color:var(--editor-accent)}.editor-inspector{flex:1;overflow-y:auto;padding:16px}.editor-inspector-title{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--editor-text-dim);margin-bottom:12px;font-weight:600}.editor-inspector-section{margin-bottom:20px}.editor-inspector-section h4{font-size:12px;color:var(--editor-text-dim);margin-bottom:8px;font-weight:500}.editor-inspector-field{margin-bottom:10px}.editor-inspector-label{display:block;font-size:11px;color:var(--editor-text-dim);margin-bottom:4px}.editor-inspector-input{width:100%;height:28px;background:var(--editor-input-bg);border:1px solid var(--editor-input-border);border-radius:4px;color:var(--editor-text);padding:0 8px;font-size:12px;outline:none;box-sizing:border-box}.editor-inspector-input:focus{border-color:var(--editor-accent)}.editor-inspector-select{width:100%;height:28px;background:var(--editor-input-bg);border:1px solid var(--editor-input-border);border-radius:4px;color:var(--editor-text);padding:0 8px;font-size:12px;outline:none;box-sizing:border-box;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M3 5l3 3 3-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;cursor:pointer}.editor-inspector-select:focus{border-color:var(--editor-accent)}.editor-inspector-preset{width:100%;height:32px;background:var(--editor-input-bg);border:1px solid var(--editor-input-border);border-radius:4px;color:var(--editor-text);padding:0 8px;font-size:12px;cursor:pointer;text-align:left;box-sizing:border-box}.editor-inspector-preset:hover{border-color:var(--editor-accent)}.editor-inspector-preset--active{border-color:var(--editor-accent);background:#1e1e2e}.editor-inspector-presets{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.editor-inspector-presets--canvas{gap:6px}.editor-canvas-preset{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;background:var(--editor-input-bg);border:1px solid var(--editor-border);border-radius:6px;color:var(--editor-text);font-size:12px;cursor:pointer;box-sizing:border-box;transition:border-color .15s,background .15s}.editor-canvas-preset:hover{border-color:var(--editor-accent)}.editor-canvas-preset--active{border-color:var(--editor-accent);background:#1e1e2e}.editor-canvas-preset-ratio{font-weight:600;font-size:13px}.editor-canvas-preset-size{font-size:11px;color:var(--editor-text-dim)}.editor-canvas-preset-platforms{font-size:10px;color:var(--editor-accent);letter-spacing:.02em}.editor-inspector-section-title{font-size:12px;color:var(--editor-text-dim);margin-bottom:8px;font-weight:500}.editor-inspector-row{display:flex;gap:8px;margin-bottom:8px}.editor-inspector-row .editor-inspector-label{flex:1}.editor-inspector-textarea{width:100%;min-height:60px;background:var(--editor-input-bg);border:1px solid var(--editor-input-border);border-radius:4px;color:var(--editor-text);padding:8px;font-size:12px;outline:none;box-sizing:border-box;resize:vertical;font-family:inherit}.editor-inspector-textarea:focus{border-color:var(--editor-accent)}.editor-inspector-input--color{height:28px;padding:2px;cursor:pointer}.editor-volume{display:flex;align-items:center;gap:6px;color:var(--editor-text-dim)}.editor-media-bin{width:var(--editor-media-bin-width);background:var(--editor-panel);border-right:1px solid var(--editor-border);display:flex;flex-direction:column;overflow:hidden}.editor-media-bin-header{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--editor-border);flex-shrink:0}.editor-media-bin-title{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--editor-text-dim);font-weight:600}.editor-media-tabs{display:flex;border-bottom:1px solid var(--editor-border);flex-shrink:0}.editor-media-tab{flex:1;padding:6px 0;background:none;border:none;border-bottom:2px solid transparent;color:var(--editor-text-dim);font-size:11px;font-weight:500;cursor:pointer;transition:color .15s,border-color .15s}.editor-media-tab:hover{color:var(--editor-text)}.editor-media-tab--active{color:var(--editor-text);border-bottom-color:var(--editor-accent)}.editor-media-bin-add{width:24px;height:24px;background:transparent;border:none;color:var(--editor-text-dim);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}.editor-media-bin-add:hover{background:#262626;color:var(--editor-text)}.editor-media-bin-list{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.editor-media-bin-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 8px;color:var(--editor-text-dim);font-size:12px;text-align:center}.editor-media-bin-import-btn{height:28px;padding:0 12px;background:var(--editor-input-bg);border:1px solid var(--editor-input-border);border-radius:4px;color:var(--editor-text);font-size:11px;cursor:pointer}.editor-media-bin-import-btn:hover{border-color:var(--editor-accent)}.editor-media-bin-item{position:relative;cursor:pointer;border-radius:6px;overflow:hidden;border:1px solid transparent;transition:border-color .15s;flex-shrink:0}.editor-media-bin-item:hover{border-color:var(--editor-border)}.editor-media-bin-thumb{position:relative;width:100%;aspect-ratio:16 / 9;background:#0a0a0a;display:flex;align-items:center;justify-content:center;overflow:hidden}.editor-media-bin-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.editor-media-bin-thumb-placeholder{color:var(--editor-text-dim)}.editor-media-bin-duration{position:absolute;bottom:4px;right:4px;background:#000000bf;color:#fff;font-size:10px;font-family:var(--editor-font-mono);padding:1px 5px;border-radius:3px}.editor-media-bin-name{display:block;padding:4px 6px;font-size:11px;color:var(--editor-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-media-bin-subs-badge{display:flex;align-items:center;gap:6px;padding:6px 8px;font-size:11px;color:var(--editor-clip-text);background:#f59e0b14;border-radius:6px;border:1px solid rgba(245,158,11,.2)}.editor-library-search{padding:6px 8px}.editor-library-search-input{width:100%;padding:6px 8px;background:var(--editor-input-bg);border:1px solid var(--editor-input-border);border-radius:6px;color:var(--editor-text);font-size:11px;outline:none}.editor-library-search-input:focus{border-color:var(--editor-accent)}.editor-library-status{padding:16px 12px;font-size:11px;color:var(--editor-text-dim);text-align:center}.editor-library-platform{position:absolute;top:3px;left:3px;font-size:8px;font-weight:700;color:#fff;background:#0009;padding:1px 4px;border-radius:3px;letter-spacing:.3px}.editor-media-bin-item--loading{opacity:.6;pointer-events:none}.editor-media-bin-item--unavailable{opacity:.4;cursor:not-allowed}.editor-library-loading-bar{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--editor-accent);animation:libraryLoad 1.5s ease-in-out infinite}@keyframes libraryLoad{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(1);transform-origin:right}to{transform:scaleX(0);transform-origin:right}}.editor-text-align-group{display:flex;gap:2px;background:var(--editor-input-bg);border:1px solid var(--editor-input-border);border-radius:4px;padding:2px;margin-bottom:8px}.editor-text-align-btn{flex:1;height:26px;background:transparent;border:none;color:var(--editor-text-dim);cursor:pointer;border-radius:3px;display:flex;align-items:center;justify-content:center}.editor-text-align-btn:hover{color:var(--editor-text);background:#262626}.editor-text-align-btn--active{color:var(--editor-accent);background:#6366f126}.editor-karaoke-presets{display:flex;flex-direction:column;gap:4px}.editor-karaoke-preset{width:100%;padding:8px 10px;background:var(--editor-input-bg);border:1px solid var(--editor-input-border);border-radius:6px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:2px}.editor-karaoke-preset:hover{border-color:#444}.editor-karaoke-preset--active{border-color:var(--editor-accent);background:#6366f114}.editor-karaoke-preset-name{font-size:12px;font-weight:500;color:var(--editor-text)}.editor-karaoke-preset-desc{font-size:10px;color:var(--editor-text-dim);line-height:1.3}.editor-timeline{background:var(--editor-panel);border-top:1px solid var(--editor-border);display:grid;grid-template-rows:auto 24px 1fr 32px;overflow:hidden}.editor-time-ruler{height:24px;background:var(--editor-bg);border-bottom:1px solid var(--editor-border);position:relative;overflow:hidden;margin-left:var(--editor-track-label-width);font-size:10px;color:var(--editor-text-dim);font-family:var(--editor-font-mono)}.editor-time-ruler-tick{position:absolute;top:0;width:1px;background:#333;height:100%}.editor-time-ruler-tick--major{background:#555}.editor-time-ruler-tick-label{position:absolute;top:2px;left:4px;white-space:nowrap;font-size:10px;color:var(--editor-text-dim)}.editor-tracks-container{display:flex;flex-direction:row;overflow:hidden;flex:1}.editor-track-labels{width:var(--editor-track-label-width);flex-shrink:0;background:var(--editor-panel);border-right:1px solid var(--editor-border);overflow-y:auto}.editor-track-label{height:56px;display:flex;align-items:center;padding:0 8px;gap:4px;border-bottom:1px solid #1a1a1a;font-size:12px;color:var(--editor-text)}.editor-track-label-name{flex:1;font-weight:500;font-size:11px}.editor-track-label-btn{width:20px;height:20px;background:transparent;border:none;color:var(--editor-text-dim);cursor:pointer;border-radius:3px;font-size:11px;display:flex;align-items:center;justify-content:center}.editor-track-label-btn:hover{color:var(--editor-text);background:#262626}.editor-track-label-btn--off{opacity:.3}.editor-track-lanes{flex:1;position:relative;overflow-x:auto;overflow-y:auto}.editor-track-lane{height:56px;position:relative;border-bottom:1px solid #1a1a1a}.editor-clip{position:absolute;top:2px;bottom:2px;border-radius:4px;cursor:pointer;font-size:11px;color:#fff;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;min-width:4px;opacity:.85;border:1px solid rgba(255,255,255,.2);box-sizing:border-box}.editor-clip:hover{opacity:.95}.editor-clip--selected{opacity:1;border-color:var(--editor-selection);box-shadow:0 0 0 1px var(--editor-selection)}.editor-clip--video{background:var(--editor-clip-video)}.editor-clip--audio{background:var(--editor-clip-audio)}.editor-clip--text{background:var(--editor-clip-text)}.editor-clip--image{background:var(--editor-clip-image)}.editor-clip-label{overflow:hidden;text-overflow:ellipsis;font-size:10px;font-weight:500;padding:2px 6px;z-index:2;position:relative;text-shadow:0 1px 2px rgba(0,0,0,.6)}.editor-clip-handle{position:absolute;top:0;width:8px;height:100%;cursor:col-resize;background:#fff3;opacity:0;transition:opacity .1s,background .1s;z-index:2}.editor-clip:hover .editor-clip-handle,.editor-clip--selected .editor-clip-handle{opacity:1}.editor-clip-handle:hover{background:#ffffff80}.editor-clip-handle--left{left:0;border-radius:4px 0 0 4px}.editor-clip-handle--right{right:0;border-radius:0 4px 4px 0}.editor-highlight-segment{position:absolute;background:#22c55e1f;border-left:2px solid rgba(34,197,94,.6);border-right:2px solid rgba(34,197,94,.6);z-index:3;pointer-events:none}.editor-highlight-label{position:absolute;top:2px;left:4px;font-size:9px;font-weight:600;color:#22c55ee6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 8px);text-transform:uppercase;letter-spacing:.3px}.editor-playhead-line{position:absolute;top:0;bottom:0;width:2px;background:var(--editor-playhead);z-index:10;cursor:col-resize;pointer-events:auto}.editor-playhead-line:before{content:"";position:absolute;top:0;bottom:0;left:-6px;width:14px}.editor-playhead-handle{position:absolute;top:-2px;width:12px;height:12px;left:-5px;background:var(--editor-playhead);cursor:col-resize;pointer-events:auto;clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%)}.editor-timeline-toolbar{display:flex;align-items:center;gap:2px;padding:0 8px;height:32px;background:var(--editor-panel);border-bottom:1px solid var(--editor-border)}.editor-tl-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:4px;color:var(--editor-text-dim);cursor:pointer;padding:0}.editor-tl-btn:hover{background:#ffffff14;color:var(--editor-text)}.editor-tl-btn:disabled{opacity:.3;cursor:default}.editor-tl-btn:disabled:hover{background:none}.editor-tl-btn--active,.editor-tl-btn--active:hover{color:var(--editor-accent)}.editor-tl-divider{width:1px;height:16px;background:var(--editor-border);margin:0 4px}.editor-subtitle-tabs{display:flex;border-bottom:1px solid var(--editor-border);padding:0 12px;gap:0}.editor-subtitle-tab{flex:1;padding:8px 0;background:none;border:none;border-bottom:2px solid transparent;color:var(--editor-text-dim);font-size:12px;font-weight:500;cursor:pointer;transition:color .15s,border-color .15s}.editor-subtitle-tab:hover{color:var(--editor-text)}.editor-subtitle-tab--active{color:var(--editor-text);border-bottom-color:var(--editor-accent)}.editor-subtitle-editor{height:360px;overflow-y:auto;overflow-x:hidden}.editor-subtitle-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:11px;font-weight:600;color:var(--editor-text-dim);text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;background:var(--editor-panel);z-index:1;border-bottom:1px solid var(--editor-border)}.editor-subtitle-count{background:#ffffff14;padding:1px 6px;border-radius:8px;font-size:10px;font-weight:500}.editor-subtitle-lines{padding:4px 0}.editor-subtitle-line{display:flex;gap:8px;padding:3px 12px;align-items:flex-start}.editor-subtitle-time{font-size:10px;font-family:SF Mono,Fira Code,monospace;color:var(--editor-text-dim);min-width:42px;padding-top:3px;flex-shrink:0;opacity:.6}.editor-subtitle-words{display:flex;flex-wrap:wrap;gap:3px}.editor-subtitle-word{padding:2px 4px;border-radius:3px;font-size:12px;color:var(--editor-text);cursor:pointer;border:1px solid transparent;transition:background .1s,border-color .1s}.editor-subtitle-word:hover{background:#ffffff0f;border-color:#ffffff1a}.editor-subtitle-word--active{background:#6366f133;border-color:var(--editor-accent);color:#c7d2fe;font-weight:600}.editor-subtitle-word-input{font-size:12px;padding:2px 4px;border:2px solid var(--editor-accent);border-radius:3px;background:#6366f11a;color:var(--editor-text);outline:none;width:4.5rem;font-family:inherit}.editor-chat{flex:1;display:flex;flex-direction:column;overflow:hidden}.editor-chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.editor-chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 16px;flex:1}.editor-chat-empty-title{font-size:14px;font-weight:600;color:var(--editor-text);margin-bottom:6px}.editor-chat-empty-desc{font-size:12px;color:var(--editor-text-dim);line-height:1.5;margin-bottom:16px}.editor-chat-suggestions{display:flex;flex-direction:column;gap:6px;width:100%}.editor-chat-suggestion{padding:8px 12px;background:#ffffff0a;border:1px solid var(--editor-border);border-radius:8px;color:var(--editor-text-dim);font-size:11px;text-align:left;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.editor-chat-suggestion:hover{background:#ffffff14;border-color:var(--editor-accent);color:var(--editor-text)}.editor-chat-msg{max-width:100%}.editor-chat-msg--user .editor-chat-msg-content{background:var(--editor-accent);color:#fff;padding:8px 12px;border-radius:12px 12px 4px;font-size:12px;line-height:1.5;margin-left:20px}.editor-chat-msg--assistant .editor-chat-msg-content{background:#ffffff0f;color:var(--editor-text);padding:8px 12px;border-radius:12px 12px 12px 4px;font-size:12px;line-height:1.5;margin-right:20px;white-space:pre-wrap}.editor-chat-segments{margin-top:8px;margin-right:20px;border:1px solid var(--editor-border);border-radius:8px;overflow:hidden}.editor-chat-segments-header{padding:6px 10px;font-size:11px;font-weight:600;color:var(--editor-text-dim);text-transform:uppercase;letter-spacing:.3px;background:#ffffff08;border-bottom:1px solid var(--editor-border)}.editor-chat-segment{display:flex;align-items:center;gap:8px;padding:6px 10px;width:100%;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.04);color:var(--editor-text);font-size:11px;cursor:pointer;text-align:left;transition:background .1s}.editor-chat-segment:hover{background:#ffffff0f}.editor-chat-segment:last-of-type{border-bottom:none}.editor-chat-segment-time{font-family:var(--editor-font-mono);font-size:10px;color:var(--editor-accent-hover);white-space:nowrap;flex-shrink:0}.editor-chat-segment-label{color:var(--editor-text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-chat-apply{flex:1;padding:8px;background:var(--editor-accent);border:none;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s}.editor-chat-apply:hover:not(:disabled){background:var(--editor-accent-hover)}.editor-chat-apply--done{background:#22c55e;cursor:default}.editor-chat-apply--done:hover{background:#22c55e}.editor-chat-actions{display:flex;border-top:1px solid var(--editor-border)}.editor-chat-highlight{flex:1;padding:8px;background:#ffffff0f;border:none;border-right:1px solid var(--editor-border);color:var(--editor-text);font-size:12px;font-weight:500;cursor:pointer;transition:background .15s}.editor-chat-highlight:hover{background:#ffffff1f}.editor-chat-typing{display:flex;gap:4px;padding:4px 0}.editor-chat-typing span{width:6px;height:6px;border-radius:50%;background:var(--editor-text-dim);animation:chatTyping 1.2s ease-in-out infinite}.editor-chat-typing span:nth-child(2){animation-delay:.2s}.editor-chat-typing span:nth-child(3){animation-delay:.4s}@keyframes chatTyping{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.editor-chat-input-area{display:flex;gap:6px;padding:8px 12px;border-top:1px solid var(--editor-border);background:var(--editor-panel);align-items:flex-end}.editor-chat-input{flex:1;background:var(--editor-input-bg);border:1px solid var(--editor-input-border);border-radius:8px;padding:8px 10px;color:var(--editor-text);font-size:12px;font-family:inherit;resize:none;outline:none;line-height:1.4;max-height:120px}.editor-chat-input:focus{border-color:var(--editor-accent)}.editor-chat-input:disabled{opacity:.5;cursor:not-allowed}.editor-chat-send{width:32px;height:32px;border-radius:8px;background:var(--editor-accent);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.editor-chat-send:hover:not(:disabled){background:var(--editor-accent-hover)}.editor-chat-send:disabled{opacity:.4;cursor:not-allowed}.editor-timeline-footer{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-top:1px solid var(--editor-border);background:var(--editor-bg)}.editor-add-track-btn{height:32px;padding:0 10px;background:transparent;border:none;color:var(--editor-text);border-radius:6px;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:4px}.editor-add-track-btn:hover{background:#262626}.editor-add-track-menu{position:absolute;bottom:100%;left:0;margin-bottom:4px;background:#1e1e1e;border:1px solid #333;border-radius:6px;padding:4px 0;min-width:120px;z-index:100;box-shadow:0 4px 12px #00000080}.editor-add-track-menu-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 12px;background:none;border:none;color:var(--editor-text);font-size:12px;cursor:pointer;text-align:left}.editor-add-track-menu-item:hover:not(:disabled){background:#2a2a2a}.editor-add-track-menu-item:disabled{opacity:.4;cursor:not-allowed}.editor-add-track-menu-limit{font-size:10px;color:#666;margin-left:8px}.editor-inspector-reset-btn{background:none;border:1px solid #444;color:#999;font-size:10px;padding:1px 6px;border-radius:3px;cursor:pointer}.editor-inspector-reset-btn:hover{color:#ccc;border-color:#666}.editor-inspector-unit{font-size:10px;color:#888;margin-left:4px;white-space:nowrap}.editor-inspector-input--slider{flex:1;margin-left:4px}.editor-inspector-fit-toggle{display:flex;gap:0;border:1px solid var(--editor-input-border);border-radius:6px;overflow:hidden}.editor-inspector-fit-btn{flex:1;padding:5px 0;font-size:11px;font-weight:500;background:var(--editor-input-bg);color:var(--editor-text-dim);border:none;cursor:pointer;transition:background .15s,color .15s}.editor-inspector-fit-btn:not(:last-child){border-right:1px solid var(--editor-input-border)}.editor-inspector-fit-btn:hover{color:var(--editor-text);background:#222}.editor-inspector-fit-btn--active{background:var(--editor-accent);color:#fff}.editor-inspector-fit-btn--active:hover{background:var(--editor-accent-hover)}.editor-zoom-control{display:flex;align-items:center;gap:8px}.editor-zoom-slider{width:120px;accent-color:var(--editor-accent)}.editor-zoom-label{font-size:11px;color:var(--editor-text-dim);font-family:var(--editor-font-mono);min-width:35px}.editor-modal-overlay{position:fixed;inset:0;background:#000000b3;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.editor-modal{background:var(--editor-panel);border:1px solid var(--editor-border);border-radius:12px;padding:24px;width:400px;max-width:90vw}.editor-modal h2{font-size:16px;color:var(--editor-text);margin-bottom:16px}.editor-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.editor-modal-btn{height:36px;padding:0 16px;border-radius:6px;font-size:13px;cursor:pointer;font-weight:500}.editor-modal-btn--primary{background:var(--editor-accent);color:#fff;border:none}.editor-modal-btn--primary:hover{background:var(--editor-accent-hover)}.editor-modal-btn--secondary{background:transparent;color:var(--editor-text);border:1px solid var(--editor-border)}.editor-modal-btn--secondary:hover{background:#262626}.editor-progress-bar{height:4px;background:var(--editor-input-bg);border-radius:2px;overflow:hidden;margin:12px 0}.editor-progress-fill{height:100%;background:var(--editor-accent);border-radius:2px;transition:width .3s}.editor-track-lanes::-webkit-scrollbar,.editor-inspector::-webkit-scrollbar,.editor-media-bin-list::-webkit-scrollbar{width:8px;height:8px}.editor-track-lanes::-webkit-scrollbar-track,.editor-inspector::-webkit-scrollbar-track,.editor-media-bin-list::-webkit-scrollbar-track{background:transparent}.editor-track-lanes::-webkit-scrollbar-thumb,.editor-inspector::-webkit-scrollbar-thumb,.editor-media-bin-list::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.editor-track-lanes::-webkit-scrollbar-thumb:hover,.editor-inspector::-webkit-scrollbar-thumb:hover,.editor-media-bin-list::-webkit-scrollbar-thumb:hover{background:#444}.editor-clip-filmstrip{position:absolute;inset:0;display:flex;overflow:hidden;opacity:.4;pointer-events:none;border-radius:4px}.editor-clip-thumb{height:100%;flex-shrink:0}.editor-snap-line{position:absolute;top:0;bottom:0;width:0;border-left:1px dashed var(--editor-accent);z-index:5;pointer-events:none}.editor-track-lane--drop-target{background:#6366f11a}.editor-canvas--move{cursor:move}.editor-canvas--resize-nw,.editor-canvas--resize-se{cursor:nwse-resize}.editor-canvas--resize-ne,.editor-canvas--resize-sw{cursor:nesw-resize}.editor-canvas--resize-n,.editor-canvas--resize-s{cursor:ns-resize}.editor-canvas--resize-e,.editor-canvas--resize-w{cursor:ew-resize}.editor-text-edit-overlay{position:absolute;outline:none;background:transparent;border:1px dashed var(--editor-accent);overflow:hidden;white-space:pre-wrap;word-wrap:break-word;z-index:20}.editor-crop-overlay{position:absolute;inset:0;pointer-events:none;z-index:15}.tracking-status{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;color:var(--editor-text-dim)}.tracking-status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.tracking-status-dot--idle{background:#555}.tracking-status-dot--scanning{background:#f59e0b}.tracking-status-dot--ready{background:#22c55e}.tracking-status-dot--error{background:#ef4444}.tracking-status-text{color:var(--editor-text-dim)}.tracking-progress-wrap{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.tracking-cancel-btn{height:24px;padding:0 10px;background:transparent;border:1px solid var(--editor-border);border-radius:4px;color:var(--editor-text-dim);font-size:11px;cursor:pointer;align-self:flex-start}.tracking-cancel-btn:hover{border-color:var(--editor-danger);color:var(--editor-danger)}.tracking-analyze-btn{width:100%;height:30px;background:var(--editor-input-bg);border:1px solid var(--editor-input-border);border-radius:4px;color:var(--editor-text);font-size:12px;cursor:pointer;margin-bottom:8px;transition:border-color .15s}.tracking-analyze-btn:hover{border-color:var(--editor-accent)}.tracking-toggle-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tracking-toggle-label{font-size:11px;color:var(--editor-text-dim)}.tracking-toggle{width:36px;height:20px;border-radius:10px;background:#333;border:none;cursor:pointer;position:relative;transition:background .2s;padding:0}.tracking-toggle--on{background:var(--editor-accent)}.tracking-toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}.tracking-toggle--on .tracking-toggle-knob{transform:translate(16px)}.inspector-divider{height:1px;background:var(--editor-border);margin:4px 0 12px}.inspector-tools-header{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--editor-text-dim);margin-bottom:12px;font-weight:600;opacity:.7}.inspector-tool-disabled{opacity:.45;cursor:default}.inspector-tool-disabled-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.inspector-tool-disabled-icon{color:var(--editor-text-dim);display:flex;align-items:center;flex-shrink:0}.inspector-tool-disabled-title{font-size:12px;font-weight:500;color:var(--editor-text-dim)}.inspector-tool-disabled-hint{font-size:10px;color:var(--editor-text-dim);line-height:1.4;padding-left:22px}.scene-description{font-size:11px;color:var(--editor-text-dim);line-height:1.5;margin-bottom:8px}.scene-list{display:flex;flex-direction:column;gap:2px;max-height:240px;overflow-y:auto;margin-bottom:8px}.scene-card{width:100%;padding:6px 8px;background:var(--editor-input-bg);border:1px solid var(--editor-input-border);border-radius:4px;cursor:pointer;text-align:left;transition:border-color .15s;display:flex;flex-direction:column;gap:2px;color:var(--editor-text)}.scene-card:hover{border-color:var(--editor-accent)}.scene-card-time{font-size:10px;font-family:var(--editor-font-mono);color:var(--editor-accent-hover);white-space:nowrap}.scene-card-caption{font-size:11px;color:var(--editor-text);line-height:1.4}.scene-card-objects{font-size:10px;color:var(--editor-text-dim);line-height:1.3}.scene-split-btn{width:100%;height:30px;background:var(--editor-input-bg);border:1px solid var(--editor-input-border);border-radius:4px;color:var(--editor-text);font-size:12px;cursor:pointer;transition:border-color .15s}.scene-split-btn:hover{border-color:var(--editor-accent)}.scene-marker-line{position:absolute;top:0;bottom:0;left:0;width:1px;border-left:1px dashed rgba(255,255,255,.4)}.scene-marker-label{position:absolute;top:2px;left:3px;font-size:8px;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 6px);pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.8)}.editor-assistant{position:fixed;bottom:16px;right:16px;z-index:100;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.editor-assistant>*{pointer-events:auto}.editor-assistant-trigger{width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#1e1e1ed9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;box-shadow:0 2px 8px #0000004d;padding:0}.editor-assistant-trigger img{border-radius:50%;object-fit:contain}.editor-assistant-trigger:hover{background:#282828f2;border-color:#ffffff59;transform:scale(1.08);box-shadow:0 2px 12px #0006}.editor-assistant-input-bar{display:flex;align-items:center;gap:8px;background:#191919f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:6px 10px;width:320px;box-shadow:0 4px 16px #0006;animation:assistant-slide-up .15s ease}@keyframes assistant-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.editor-assistant-input-icon{color:var(--editor-accent, #6366f1);flex-shrink:0}.editor-assistant-input{flex:1;background:none;border:none;color:var(--editor-text, #e5e5e5);font-size:13px;outline:none;font-family:inherit}.editor-assistant-input::placeholder{color:#ffffff59}.editor-assistant-send{width:28px;height:28px;border-radius:6px;border:none;background:var(--editor-accent, #6366f1);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .1s}.editor-assistant-send:hover{opacity:.85}.editor-assistant-send:disabled{opacity:.3;cursor:default}.editor-assistant-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.15);border-top-color:var(--editor-accent, #6366f1);border-radius:50%;animation:assistant-spin .6s linear infinite;flex-shrink:0}@keyframes assistant-spin{to{transform:rotate(360deg)}}.editor-assistant-result{display:flex;align-items:center;gap:8px;background:#191919f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(99,102,241,.3);border-radius:8px;padding:6px 10px;font-size:12px;color:var(--editor-text, #e5e5e5);max-width:320px;box-shadow:0 2px 12px #0000004d;animation:assistant-slide-up .15s ease}.editor-assistant-result--error{border-color:#ef444466;color:#fca5a5}.editor-assistant-result-undo{background:none;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:var(--editor-text, #e5e5e5);font-size:11px;padding:2px 8px;cursor:pointer;flex-shrink:0;transition:border-color .1s}.editor-assistant-result-undo:hover{border-color:#ffffff80}.editor-assistant-result--error .editor-assistant-result-undo{display:none}.storybook-page{max-width:960px;margin:0 auto;padding-bottom:4rem}.storybook-hero{margin-bottom:1.5rem}.storybook-hero h1{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin-bottom:.35rem}.storybook-hero p{font-size:.9rem;color:var(--gray-400);line-height:1.5}.sb-theme-picker{position:sticky;top:0;z-index:50;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-xl);padding:1rem 1.25rem;margin-bottom:2rem;box-shadow:var(--shadow-md)}.sb-theme-picker-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-400);margin-bottom:.65rem}.sb-theme-options{display:flex;gap:.5rem;flex-wrap:wrap}.sb-theme-option{display:flex;align-items:center;gap:.5rem;padding:.45rem .85rem;border:1.5px solid var(--gray-200);border-radius:var(--r-md);background:var(--white);cursor:pointer;transition:all .15s;font-family:inherit;font-size:.8rem;font-weight:500;color:var(--gray-700)}.sb-theme-option:hover{border-color:var(--gray-300);box-shadow:var(--shadow-xs)}.sb-theme-option.active{border-color:var(--accent);background:var(--accent-muted);color:var(--gray-900);box-shadow:var(--shadow-xs)}.sb-theme-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 1px #0000001a}.sb-theme-dot.split{background:linear-gradient(135deg,var(--dot-left) 50%,var(--dot-right) 50%)}.sb-theme-active-name{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--gray-100);font-size:.8rem;color:var(--gray-500);line-height:1.4}.sb-theme-active-name strong{color:var(--gray-900);font-weight:600}.sb-theme-accent-strip{display:flex;gap:.25rem;align-items:center}.sb-theme-accent-chip{width:20px;height:14px;border-radius:3px;box-shadow:inset 0 0 0 1px #00000014}.sb-section{margin-bottom:2.5rem}.sb-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-400);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--gray-200)}.sb-subsection{margin-bottom:1.5rem}.sb-subsection-title{font-size:.85rem;font-weight:600;color:var(--gray-600);margin-bottom:.75rem}.sb-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.5rem}.sb-swatch{display:flex;flex-direction:column;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--gray-200)}.sb-swatch-color{height:48px}.sb-swatch-label{padding:.3rem .4rem;font-size:.65rem;font-weight:500;color:var(--gray-600);background:var(--white);text-align:center;line-height:1.2}.sb-swatch-label code{display:block;font-size:.6rem;color:var(--gray-400);margin-top:.1rem}.sb-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.sb-row-v{display:flex;flex-direction:column;gap:.75rem}.sb-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.sb-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.sb-demo{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-lg);padding:1.25rem;box-shadow:var(--shadow-xs)}.sb-demo-label{font-size:.7rem;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.sb-shadow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.sb-shadow-box{height:64px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:500;color:var(--gray-500)}.sb-radius-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.sb-radius-box{height:56px;background:var(--accent-muted);border:1px solid var(--accent-light);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:500;color:var(--accent)}.sb-type-row{display:flex;align-items:baseline;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--gray-100)}.sb-type-label{width:100px;font-size:.7rem;color:var(--gray-400);flex-shrink:0}.sb-type-sample{color:var(--gray-900)}.sb-input-demo{display:flex;flex-direction:column;gap:.75rem;max-width:400px}.sb-input{width:100%;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-md);padding:.75rem 1rem;color:var(--gray-900);font-size:.875rem;font-family:inherit;transition:border-color .2s,box-shadow .2s;box-shadow:var(--shadow-xs)}.sb-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-ring)}.sb-input::placeholder{color:var(--gray-400)}.sb-input.error{border-color:var(--error);box-shadow:0 0 0 2px var(--error-light)}.sb-select{width:100%;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-md);padding:.75rem 2rem .75rem 1rem;color:var(--gray-900);font-size:.875rem;font-family:inherit;box-shadow:var(--shadow-xs);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23A1A1AA' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.sb-select:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-ring)}.sb-textarea{width:100%;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-md);padding:.75rem 1rem;color:var(--gray-900);font-size:.875rem;font-family:inherit;resize:vertical;min-height:80px;box-shadow:var(--shadow-xs)}.sb-textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-ring)}.sb-textarea::placeholder{color:var(--gray-400)}.sb-toggle-row{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:var(--gray-900)}.sb-toggle{position:relative;width:40px;height:22px;background:var(--gray-200);border-radius:11px;cursor:pointer;transition:background .2s;flex-shrink:0}.sb-toggle.on{background:var(--accent)}.sb-toggle:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:var(--white);border-radius:50%;transition:transform .2s;box-shadow:0 1px 2px #0000001a}.sb-toggle.on:after{transform:translate(18px)}.sb-checkbox-row{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-900)}.sb-checkbox-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.sb-badge{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:var(--r-sm);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.sb-badge.success{background:var(--success-light);color:var(--success)}.sb-badge.error{background:var(--error-light);color:var(--error)}.sb-badge.warning{background:var(--warning-light);color:var(--warning)}.sb-badge.info{background:var(--info-light);color:var(--info)}.sb-badge.neutral{background:var(--gray-100);color:var(--gray-500)}.sb-alert{padding:.75rem 1rem;border-radius:var(--r-md);font-size:.85rem;display:flex;align-items:flex-start;gap:.5rem;line-height:1.4}.sb-alert.success{background:var(--success-light);color:var(--success);border:1px solid var(--gray-200)}.sb-alert.error{background:var(--error-light);color:var(--error);border:1px solid var(--gray-200)}.sb-alert.warning{background:var(--warning-light);color:var(--warning-dark);border:1px solid var(--gray-200)}.sb-alert.info{background:var(--accent-muted);color:var(--accent);border:1px solid var(--gray-200)}.sb-toast{display:flex;gap:.75rem;padding:.875rem 1rem;border-radius:var(--r-md);border:1px solid var(--gray-200);box-shadow:var(--shadow-md);background:var(--white);max-width:360px}.sb-toast.success{border-left:3px solid var(--success)}.sb-toast.error{border-left:3px solid var(--error)}.sb-toast.warning{border-left:3px solid var(--warning)}.sb-toast.info{border-left:3px solid var(--accent)}.sb-toast-icon{flex-shrink:0;font-size:1.1rem}.sb-toast-content{flex:1}.sb-toast-title{font-size:.85rem;font-weight:600;color:var(--gray-900)}.sb-toast-message{font-size:.8rem;color:var(--gray-500);margin-top:.15rem}.sb-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-xl);padding:1.25rem;box-shadow:var(--shadow-sm);transition:box-shadow .2s,border-color .2s,transform .2s;cursor:pointer}.sb-card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300);transform:translateY(-1px)}.sb-card-title{font-size:.95rem;font-weight:600;color:var(--gray-900);margin-bottom:.35rem}.sb-card-desc{font-size:.8rem;color:var(--gray-500);line-height:1.4}.sb-progress{height:6px;background:var(--gray-100);border-radius:3px;overflow:hidden}.sb-progress-fill{height:100%;border-radius:3px;transition:width .3s}.sb-progress-fill.accent{background:var(--accent)}.sb-progress-fill.success{background:var(--success)}.sb-progress-fill.warning{background:var(--warning)}.sb-progress-fill.error{background:var(--error)}.sb-tabs-underline{display:flex;gap:2rem;border-bottom:1px solid var(--gray-200)}.sb-tab-underline{padding:.625rem 0;background:none;border:none;border-bottom:2px solid transparent;font-size:.875rem;font-weight:500;color:var(--gray-500);cursor:pointer;transition:color .15s,border-color .15s;font-family:inherit;margin-bottom:-1px}.sb-tab-underline.active{color:var(--gray-900);font-weight:600;border-bottom-color:var(--accent)}.sb-tab-underline:hover:not(.active){color:var(--gray-700)}.sb-tabs-pill{display:flex;gap:.25rem;background:var(--gray-100);padding:.25rem;border-radius:var(--r-md);width:fit-content}.sb-tab-pill{padding:.5rem 1rem;border:none;background:transparent;font-size:.85rem;font-weight:500;color:var(--gray-500);cursor:pointer;border-radius:var(--r-sm);font-family:inherit;transition:all .15s}.sb-tab-pill.active{background:var(--white);color:var(--gray-900);box-shadow:var(--shadow-xs)}.sb-pills{display:flex;gap:.5rem;flex-wrap:wrap}.sb-pill{padding:.375rem .875rem;border-radius:var(--r-sm);background:none;border:none;font-size:.8rem;font-weight:500;color:var(--gray-500);cursor:pointer;font-family:inherit;transition:all .15s}.sb-pill.active{background:var(--white);border:1px solid var(--gray-200);color:var(--gray-900);box-shadow:var(--shadow-xs)}.sb-pill:hover:not(.active){color:var(--gray-700);background:var(--gray-50)}.sb-dropzone{border:2px dashed var(--gray-200);border-radius:var(--r-xl);padding:2rem;text-align:center;transition:border-color .2s,background .2s;cursor:pointer}.sb-dropzone:hover{border-color:var(--accent);background:var(--accent-muted)}.sb-dropzone-icon{color:var(--gray-400);margin-bottom:.5rem;font-size:1.5rem}.sb-dropzone-text{font-size:.9rem;font-weight:500;color:var(--gray-600)}.sb-dropzone-hint{font-size:.8rem;color:var(--gray-400);margin-top:.25rem}.sb-modal-demo{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-xl);padding:1.5rem;box-shadow:var(--shadow-lg);max-width:420px}.sb-modal-demo h3{font-size:1.1rem;font-weight:600;color:var(--gray-900);margin-bottom:.5rem}.sb-modal-demo p{font-size:.85rem;color:var(--gray-600);line-height:1.5;margin-bottom:1.25rem}.sb-modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.sb-empty{text-align:center;padding:3rem 1.5rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-xl);box-shadow:var(--shadow-sm)}.sb-empty-icon{font-size:2rem;color:var(--gray-300);margin-bottom:.75rem}.sb-empty h3{font-size:1.1rem;font-weight:600;color:var(--gray-900);margin-bottom:.5rem}.sb-empty p{font-size:.85rem;color:var(--gray-400);margin-bottom:1.25rem}.sb-spinner{width:20px;height:20px;border:2px solid var(--gray-200);border-top-color:var(--accent);border-radius:50%;animation:sb-spin .8s linear infinite}.sb-spinner.large{width:32px;height:32px;border-width:3px}@keyframes sb-spin{to{transform:rotate(360deg)}}.sb-list{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-xl);overflow:hidden}.sb-list-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem}.sb-list-item+.sb-list-item{border-top:1px solid var(--gray-200)}.sb-list-item:hover{background:var(--gray-50)}.sb-list-icon{width:36px;height:36px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem}.sb-list-content{flex:1;min-width:0}.sb-list-title{font-size:.875rem;font-weight:600;color:var(--gray-900)}.sb-list-subtitle{font-size:.75rem;color:var(--gray-400)}@media(max-width:640px){.sb-shadow-grid{grid-template-columns:repeat(2,1fr)}.sb-radius-grid{grid-template-columns:repeat(3,1fr)}.sb-grid-2,.sb-grid-3{grid-template-columns:1fr}}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column-reverse;gap:.5rem;max-width:380px;width:100%;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;border-radius:var(--r-md);border:1px solid var(--gray-200);background:var(--white);box-shadow:var(--shadow-md);pointer-events:auto;animation:toast-in .3s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--error)}.toast-warning{border-left:3px solid var(--warning)}.toast-info{border-left:3px solid var(--accent)}.toast-icon{flex-shrink:0;width:20px;height:20px;margin-top:1px}.toast-icon svg{width:20px;height:20px}.toast-success .toast-icon{color:var(--success)}.toast-error .toast-icon{color:var(--error)}.toast-warning .toast-icon{color:var(--warning)}.toast-info .toast-icon{color:var(--accent)}.toast-body{flex:1;min-width:0}.toast-title{font-size:.85rem;font-weight:600;color:var(--gray-900);margin:0;line-height:1.3}.toast-message{font-size:.8rem;color:var(--gray-600);margin:.2rem 0 0;line-height:1.4}.toast-link{display:inline-block;font-size:.75rem;font-weight:600;color:var(--accent);margin-top:.35rem;padding:0;background:none;border:none;cursor:pointer}.toast-link:hover{color:var(--accent-dark);text-decoration:underline}.toast-dismiss{flex-shrink:0;width:20px;height:20px;padding:0;color:var(--gray-400);cursor:pointer;transition:color .15s}.toast-dismiss:hover{color:var(--gray-900)}.toast-dismiss svg{width:16px;height:16px}@media(max-width:480px){.toast-container{bottom:1rem;right:1rem;left:1rem;max-width:none}}.notification-center{position:relative}.notification-bell{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--white);border:1px solid var(--gray-200);box-shadow:var(--shadow-xs);color:var(--gray-600);cursor:pointer;transition:color .2s,box-shadow .15s,border-color .15s}.notification-bell:hover{color:var(--gray-900)}.notification-bell:active{background:var(--gray-100)}.notification-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--error);color:#fff;font-size:.65rem;font-weight:700;line-height:18px;text-align:center;pointer-events:none}.notification-panel{position:absolute;top:calc(100% + 10px);right:0;width:360px;max-height:460px;border-radius:var(--r-md);background:var(--white);border:1px solid var(--gray-200);box-shadow:var(--shadow-md);z-index:1000;display:flex;flex-direction:column;animation:notif-panel-in .15s ease-out}@keyframes notif-panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notification-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;border-bottom:1px solid var(--gray-200)}.notification-panel-header h3{font-size:.9rem;font-weight:700;color:var(--gray-900);margin:0}.notification-mark-all{font-size:.75rem;font-weight:600;color:var(--accent);background:none;border:none;cursor:pointer;padding:0}.notification-mark-all:hover{color:var(--accent-dark);text-decoration:underline}.notification-panel-body{overflow-y:auto;flex:1}.notification-empty{padding:2.5rem 1rem;text-align:center;color:var(--gray-400);font-size:.85rem}.notification-item{display:flex;align-items:flex-start;gap:.65rem;width:100%;padding:.75rem 1rem;border:none;border-bottom:1px solid var(--gray-200);background:transparent;cursor:pointer;text-align:left;transition:background .15s;font-family:inherit}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--gray-100)}.notification-item.unread{background:#2563eb0a}.notification-item.unread:hover{background:#2563eb14}.notification-item-icon{flex-shrink:0;width:18px;height:18px;margin-top:2px}.notification-item-icon svg{width:18px;height:18px}.notification-success .notification-item-icon{color:var(--success)}.notification-error .notification-item-icon{color:var(--error)}.notification-warning .notification-item-icon{color:var(--warning)}.notification-info .notification-item-icon{color:var(--accent)}.notification-item-body{flex:1;min-width:0}.notification-item-title{font-size:.8rem;font-weight:600;color:var(--gray-900);line-height:1.3}.notification-item-message{font-size:.75rem;color:var(--gray-600);line-height:1.4;margin-top:.15rem}.notification-item-meta{display:flex;align-items:center;gap:.5rem;margin-top:.3rem}.notification-item-time{font-size:.7rem;color:var(--gray-400)}.notification-item-link{font-size:.7rem;font-weight:600;color:var(--accent)}.notification-unread-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:6px}.connection-banner{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.45rem 1rem;font-size:.78rem;font-weight:500;text-align:center;animation:banner-in .3s ease-out}@keyframes banner-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.connection-banner svg{flex-shrink:0}.connection-offline{background:var(--error);color:#fff}.connection-reconnecting{background:var(--warning);color:var(--gray-950)}.connection-reconnecting svg{animation:spin 1.2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:480px){.notification-panel{position:fixed;top:var(--header-height);right:0;left:0;width:100%;max-height:calc(100vh - var(--header-height));border-radius:0}}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-topbar{position:sticky;top:0;z-index:1001;display:flex;align-items:center;height:var(--topbar-height);padding:0 16px;background:var(--white);border-bottom:1px solid var(--gray-200);flex-shrink:0}.topbar-hamburger{display:none}.topbar-logo{font-size:18px;font-weight:700;color:var(--gray-900);letter-spacing:-.03em;text-decoration:none}.topbar-logo:hover{color:var(--gray-900)}.topbar-right{display:flex;align-items:center;gap:8px;margin-left:auto}.topbar-theme-toggle{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--r-sm);background:none;border:none;color:var(--gray-500);cursor:pointer;transition:color .15s,background .15s}.topbar-theme-toggle:hover{color:var(--gray-700);background:var(--gray-100)}.topbar-avatar{width:30px;height:30px;border-radius:var(--r-full);background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;text-decoration:none;letter-spacing:.02em;flex-shrink:0;transition:background .15s}.topbar-avatar:hover{background:var(--accent-hover)}.app-body{display:flex;flex:1;position:relative}.sidebar{position:sticky;top:var(--topbar-height);height:calc(100vh - var(--topbar-height));width:var(--sidebar-width);background:var(--white);border-right:1px solid var(--gray-200);display:flex;flex-direction:column;flex-shrink:0;transition:width var(--sidebar-transition);overflow:hidden;z-index:100}.sidebar.collapsed{width:var(--sidebar-width-collapsed)}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:8px;overflow-y:auto;overflow-x:hidden}.sidebar-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-sm);color:var(--gray-500);text-decoration:none;font-size:13px;font-weight:500;white-space:nowrap;transition:color .15s,background .15s}.sidebar-link:hover{color:var(--gray-700);background:var(--gray-100)}.sidebar-link.active{color:var(--gray-900);font-weight:600;background:var(--gray-100)}.sidebar-link-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.sidebar-link-icon svg{width:20px;height:20px}.sidebar-link-label{overflow:hidden;transition:opacity var(--sidebar-transition)}.sidebar.collapsed .sidebar-link-label{opacity:0;width:0}.sidebar.collapsed .sidebar-link{justify-content:center;padding:8px}.sidebar-bottom{display:flex;flex-direction:column;gap:2px;padding:8px;border-top:1px solid var(--gray-100);flex-shrink:0}.sidebar-signout{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-sm);background:none;border:none;color:var(--gray-400);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:color .15s,background .15s;font-family:inherit;width:100%}.sidebar-signout:hover{color:var(--error);background:var(--gray-100)}.sidebar-signout svg{flex-shrink:0}.sidebar.collapsed .sidebar-signout{justify-content:center;padding:8px}.sidebar.collapsed .sidebar-signout span{display:none}.sidebar-collapse-btn{display:flex;align-items:center;gap:10px;padding:8px 10px;margin:8px 8px 0;background:none;border:none;border-radius:var(--r-sm);color:var(--gray-400);font-size:13px;font-weight:500;cursor:pointer;transition:color .15s,background .15s;flex-shrink:0;font-family:inherit;white-space:nowrap}.sidebar-collapse-btn:hover{color:var(--gray-600);background:var(--gray-100)}.sidebar-collapse-btn svg{width:16px;height:16px;flex-shrink:0;transition:transform .2s}.sidebar.collapsed .sidebar-collapse-btn svg{transform:rotate(180deg)}.sidebar-collapse-label{overflow:hidden;transition:opacity var(--sidebar-transition)}.sidebar.collapsed .sidebar-collapse-label{opacity:0;width:0}.sidebar.collapsed .sidebar-collapse-btn{justify-content:center;margin:8px 8px 0}.app-content{flex:1;min-width:0}.sidebar-overlay{display:none}@media(max-width:768px){.sidebar{position:fixed;top:var(--topbar-height);left:0;bottom:0;height:auto;transform:translate(-100%);width:var(--sidebar-width);box-shadow:none;z-index:1000}.sidebar.collapsed{width:var(--sidebar-width)}.sidebar.mobile-open{transform:translate(0);box-shadow:var(--shadow-lg)}.sidebar .sidebar-collapse-btn{display:none}.sidebar.collapsed .sidebar-link-label,.sidebar.collapsed .sidebar-signout span{opacity:1;width:auto;display:inline}.sidebar.collapsed .sidebar-link,.sidebar.collapsed .sidebar-signout{justify-content:flex-start;padding:8px 10px}.topbar-hamburger{display:flex;flex-direction:column;gap:5px;padding:8px;background:none;border:none;cursor:pointer;margin-right:8px}.topbar-hamburger span{display:block;width:20px;height:2px;background:var(--gray-900);border-radius:1px}.sidebar-overlay{display:block;position:fixed;top:var(--topbar-height);left:0;right:0;bottom:0;background:#0000004d;z-index:999;opacity:0;pointer-events:none;transition:opacity .2s}.sidebar-overlay.visible{opacity:1;pointer-events:auto}}@media(min-width:769px)and (max-width:1024px){.sidebar:not(.collapsed){width:var(--sidebar-width-collapsed)}.sidebar:not(.collapsed) .sidebar-link-label,.sidebar:not(.collapsed) .sidebar-signout span,.sidebar:not(.collapsed) .sidebar-collapse-label{display:none}.sidebar:not(.collapsed) .sidebar-link,.sidebar:not(.collapsed) .sidebar-signout{justify-content:center;padding:8px}.sidebar:not(.collapsed) .sidebar-collapse-btn{justify-content:center}.sidebar:not(.collapsed) .sidebar-collapse-btn svg{transform:rotate(180deg)}}