:root{--color-primary:#d55428;--color-primary-dark:#b5441f;--color-primary-light:#e36f42;--gradient-primary:linear-gradient(135deg, #d55428, #b5441f);--gradient-blue:linear-gradient(135deg, #2196f3, #1976d2);--gradient-green:linear-gradient(135deg, #4caf50, #66bb6a);--color-blue:#2196f3;--color-blue-dark:#1976d2;--color-blue-darker:#1565c0;--color-blue-light:#00bcd4;--color-green:#4caf50;--color-green-dark:#2e7d32;--color-green-light:#66bb6a;--color-green-success:#28a745;--color-red:#f44;--color-red-dark:#c00;--color-red-danger:#dc3545;--color-yellow:#ffc107;--color-yellow-dark:#f57c00;--color-yellow-light:#ffe082;--success:var(--color-green);--success-light:#d4edda;--success-dark:var(--color-green-dark);--error:var(--color-red);--error-light:#f8d7da;--error-dark:var(--color-red-dark);--warning:var(--color-yellow);--warning-light:#fff3cd;--warning-dark:var(--color-yellow-dark);--info:var(--color-blue);--info-light:#d1ecf1;--info-dark:var(--color-blue-dark);--secondary-light:var(--color-gray-200);--secondary-dark:var(--color-gray-700);--color-gray-900:#333;--color-gray-700:#555;--color-gray-600:#666;--color-gray-500:#999;--color-gray-400:#ccc;--color-gray-300:#ddd;--color-gray-200:#e2e8f0;--color-gray-100:#f0f0f0;--color-gray-50:#f8f9fa;--bg-white:#fff;--bg-gray-light:#f8f9fa;--bg-gray-lighter:#edf2f7;--bg-gray-lightest:#f7fafc;--bg-orange-light:#fff3e0;--bg-orange-lighter:#ffe0b2;--bg-blue-light:#e3f2fd;--bg-blue-lighter:#bbdefb;--bg-green-light:#e8f5e8;--bg-green-lighter:#c8e6c9;--bg-yellow-light:#fff3cd;--bg-yellow-lighter:#ffeaa7;--gradient-orange-subtle:linear-gradient(135deg, #fff3e0, #ffe0b2);--gradient-blue-subtle:linear-gradient(135deg, #e3f2fd, #bbdefb);--gradient-green-subtle:linear-gradient(135deg, #e8f5e8, #c8e6c9);--gradient-gray-subtle:linear-gradient(135deg, #f5f7fa, #e3eaf0);--font-family-base:"Arial", sans-serif;--font-size-xs:.85rem;--font-size-sm:.9rem;--font-size-base:1rem;--font-size-md:1.1rem;--font-size-lg:1.2rem;--font-size-xl:1.5rem;--font-size-2xl:1.8rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1;--line-height-snug:1.4;--line-height-normal:1.5;--line-height-relaxed:1.6;--line-height-loose:1.8;--letter-spacing-tight:-.025em;--letter-spacing-normal:0;--letter-spacing-wide:.025em;--letter-spacing-wider:.05em;--letter-spacing-widest:.1em;--spacing-0:0;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-xs:var(--spacing-1);--spacing-sm:var(--spacing-2);--spacing-md:var(--spacing-4);--spacing-lg:var(--spacing-6);--spacing-xl:var(--spacing-8);--spacing-2xl:var(--spacing-10);--spacing-3xl:var(--spacing-12);--spacing-4xl:var(--spacing-16);--radius-none:0;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:15px;--radius-2xl:20px;--radius-pill:50px;--radius-full:9999px;--radius-circle:50%;--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 4px 15px #0000001a;--shadow-lg:0 15px 40px #0000001a;--shadow-xl:0 20px 50px #00000026;--shadow-2xl:0 25px 60px #0003;--shadow-orange-sm:0 2px 8px #ff6b3533;--shadow-orange-md:0 4px 15px #ff6b354d;--shadow-orange-lg:0 6px 20px #ff6b354d;--shadow-orange-xl:0 10px 30px #ff6b3566;--shadow-green-sm:0 4px 12px #4caf5033;--shadow-green-md:0 6px 20px #4caf504d;--shadow-green-lg:0 10px 30px #4caf5066;--text-shadow-sm:0 2px 4px #0000001a;--text-shadow-md:1px 1px 2px #0000004d;--text-shadow-lg:2px 2px 4px #0000004d;--shadow-focus:0 0 0 3px #ff6b351a;--shadow-focus-blue:0 0 0 3px #2196f333;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-smooth:.3s ease;--transition-slow:.5s ease;--transition-all:all .3s ease;--transition-transform:transform .3s ease;--transition-colors:background-color .2s ease, border-color .2s ease, color .2s ease;--z-index-base:1;--z-index-dropdown:10;--z-index-sticky:100;--z-index-fixed:500;--z-index-modal:1000;--z-index-tooltip:1500;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1200px;--breakpoint-2xl:1400px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1200px;--container-2xl:1400px;--opacity-0:0;--opacity-10:.1;--opacity-20:.2;--opacity-30:.3;--opacity-40:.4;--opacity-50:.5;--opacity-60:.6;--opacity-70:.7;--opacity-80:.8;--opacity-90:.9;--opacity-100:1;--border-width-thin:1px;--border-width-base:2px;--border-width-thick:3px;--border-width-heavy:6px;--border-color-light:var(--color-gray-300);--border-color-base:var(--color-gray-200);--border-color-dark:var(--color-gray-400);--glass-bg:#fff3;--glass-border:#ffffff4d;--glass-blur:blur(10px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-base);line-height:var(--line-height-relaxed);color:var(--color-gray-900);background:var(--bg-white)}html{scroll-behavior:smooth}.container{max-width:var(--container-xl);padding:0 var(--spacing-4);margin:0 auto}.btn-primary{background:var(--gradient-primary);color:#fff;padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-all);border:none}.btn-primary:hover:not(:disabled){transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:var(--opacity-60);cursor:not-allowed;transform:none}.card{background:var(--bg-white);padding:var(--spacing-8);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);transition:var(--transition-all)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.form-control{padding:var(--spacing-3);border:var(--border-width-base) solid var(--border-color-light);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family-base);transition:var(--transition-base);outline:none;width:100%}.form-control:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.grid-3-1{gap:var(--spacing-8);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=1200px){.grid-3-1{grid-template-columns:1fr}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.text-highlight{color:var(--color-primary);font-weight:var(--font-weight-bold)}:root{font-family:var(--font-family-base);line-height:var(--line-height-relaxed);font-weight:var(--font-weight-normal);color:var(--color-gray-900);background-color:var(--bg-white);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh;color:var(--color-gray-900);background:var(--bg-white);margin:0;overflow-x:hidden}a{color:var(--color-blue);transition:var(--transition-base);text-decoration:none}a:hover{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-base);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-wide);font-weight:var(--font-weight-bold)}h1{font-size:var(--font-size-5xl);color:var(--color-primary)}h2{font-size:var(--font-size-4xl);color:var(--color-primary)}h3{font-size:var(--font-size-3xl);color:var(--color-primary-dark)}h4{font-size:var(--font-size-xl);color:var(--color-blue)}p{font-weight:var(--font-weight-normal);line-height:var(--line-height-loose)}button{font-family:var(--font-family-base);cursor:pointer;transition:var(--transition-smooth)}button:focus,button:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px}input,textarea,select{font-family:var(--font-family-base)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-gray-light)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}@media (width<=768px){:root{font-size:14px}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.6rem}}@font-face{font-display:swap;font-family:Bebas Neue;font-style:normal;font-weight:100;src:url(/fonts-v2/bebas-neue/BebasNeue%20Thin.otf)format("opentype")}@font-face{font-display:swap;font-family:Bebas Neue;font-style:normal;font-weight:200;src:url(/fonts-v2/bebas-neue/BebasNeue%20Light.otf)format("opentype")}@font-face{font-display:swap;font-family:Bebas Neue;font-style:normal;font-weight:300;src:url(/fonts-v2/bebas-neue/BebasNeue%20Book.otf)format("opentype")}@font-face{font-display:swap;font-family:Bebas Neue;font-style:normal;font-weight:400;src:url(/fonts-v2/bebas-neue/BebasNeue%20Regular.otf)format("opentype")}@font-face{font-display:swap;font-family:Bebas Neue;font-style:normal;font-weight:700;src:url(/fonts-v2/bebas-neue/BebasNeue%20Bold.otf)format("opentype")}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:100;src:url(/fonts-v2/lato/Lato-Hairline.ttf)format("truetype")}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:100;src:url(/fonts-v2/lato/Lato-HairlineItalic.ttf)format("truetype")}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:300;src:url(/fonts-v2/lato/Lato-Light.ttf)format("truetype")}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:300;src:url(/fonts-v2/lato/Lato-LightItalic.ttf)format("truetype")}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:400;src:url(/fonts-v2/lato/Lato-Regular.ttf)format("truetype")}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:400;src:url(/fonts-v2/lato/Lato-Italic.ttf)format("truetype")}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:700;src:url(/fonts-v2/lato/Lato-Bold.ttf)format("truetype")}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:700;src:url(/fonts-v2/lato/Lato-BoldItalic.ttf)format("truetype")}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:900;src:url(/fonts-v2/lato/Lato-Black.ttf)format("truetype")}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:900;src:url(/fonts-v2/lato/Lato-BlackItalic.ttf)format("truetype")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:100;src:url(/fonts-v2/poppins/Poppins-Thin.ttf)format("truetype")}@font-face{font-display:swap;font-family:Poppins;font-style:italic;font-weight:100;src:url(/fonts-v2/poppins/Poppins-ThinItalic.ttf)format("truetype")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:200;src:url(/fonts-v2/poppins/Poppins-ExtraLight.ttf)format("truetype")}@font-face{font-display:swap;font-family:Poppins;font-style:italic;font-weight:200;src:url(/fonts-v2/poppins/Poppins-ExtraLightItalic.ttf)format("truetype")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:300;src:url(/fonts-v2/poppins/Poppins-Light.ttf)format("truetype")}@font-face{font-display:swap;font-family:Poppins;font-style:italic;font-weight:300;src:url(/fonts-v2/poppins/Poppins-LightItalic.ttf)format("truetype")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:400;src:url(/fonts-v2/poppins/Poppins-Regular.ttf)format("truetype")}@font-face{font-display:swap;font-family:Poppins;font-style:italic;font-weight:400;src:url(/fonts-v2/poppins/Poppins-Italic.ttf)format("truetype")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:500;src:url(/fonts-v2/poppins/Poppins-Medium.ttf)format("truetype")}@font-face{font-display:swap;font-family:Poppins;font-style:italic;font-weight:500;src:url(/fonts-v2/poppins/Poppins-MediumItalic.ttf)format("truetype")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:600;src:url(/fonts-v2/poppins/Poppins-SemiBold.ttf)format("truetype")}@font-face{font-display:swap;font-family:Poppins;font-style:italic;font-weight:600;src:url(/fonts-v2/poppins/Poppins-SemiBoldItalic.ttf)format("truetype")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:700;src:url(/fonts-v2/poppins/Poppins-Bold.ttf)format("truetype")}@font-face{font-display:swap;font-family:Poppins;font-style:italic;font-weight:700;src:url(/fonts-v2/poppins/Poppins-BoldItalic.ttf)format("truetype")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:800;src:url(/fonts-v2/poppins/Poppins-ExtraBold.ttf)format("truetype")}@font-face{font-display:swap;font-family:Poppins;font-style:italic;font-weight:800;src:url(/fonts-v2/poppins/Poppins-ExtraBoldItalic.ttf)format("truetype")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:900;src:url(/fonts-v2/poppins/Poppins-Black.ttf)format("truetype")}@font-face{font-display:swap;font-family:Poppins;font-style:italic;font-weight:900;src:url(/fonts-v2/poppins/Poppins-BlackItalic.ttf)format("truetype")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:100;src:url(/fonts-v2/roboto-3/Roboto-Thin.ttf)format("truetype")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:100;src:url(/fonts-v2/roboto-3/Roboto-ThinItalic.ttf)format("truetype")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:300;src:url(/fonts-v2/roboto-3/Roboto-Light.ttf)format("truetype")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:300;src:url(/fonts-v2/roboto-3/Roboto-LightItalic.ttf)format("truetype")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(/fonts-v2/roboto-3/Roboto-Regular.ttf)format("truetype")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:400;src:url(/fonts-v2/roboto-3/Roboto-Italic.ttf)format("truetype")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:500;src:url(/fonts-v2/roboto-3/Roboto-Medium.ttf)format("truetype")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:500;src:url(/fonts-v2/roboto-3/Roboto-MediumItalic.ttf)format("truetype")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:700;src:url(/fonts-v2/roboto-3/Roboto-Bold.ttf)format("truetype")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:700;src:url(/fonts-v2/roboto-3/Roboto-BoldItalic.ttf)format("truetype")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:900;src:url(/fonts-v2/roboto-3/Roboto-Black.ttf)format("truetype")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:900;src:url(/fonts-v2/roboto-3/Roboto-BlackItalic.ttf)format("truetype")}@font-face{font-display:swap;font-family:Playfair Display;font-style:normal;font-weight:400;src:url(/fonts-v2/playfair-display/PlayfairDisplay-Regular.ttf)format("truetype")}@font-face{font-display:swap;font-family:Playfair Display;font-style:italic;font-weight:400;src:url(/fonts-v2/playfair-display/PlayfairDisplay-Italic.ttf)format("truetype")}@font-face{font-display:swap;font-family:Playfair Display;font-style:normal;font-weight:700;src:url(/fonts-v2/playfair-display/PlayfairDisplay-Bold.ttf)format("truetype")}@font-face{font-display:swap;font-family:Playfair Display;font-style:italic;font-weight:700;src:url(/fonts-v2/playfair-display/PlayfairDisplay-BoldItalic.ttf)format("truetype")}@font-face{font-display:swap;font-family:Playfair Display;font-style:normal;font-weight:900;src:url(/fonts-v2/playfair-display/PlayfairDisplay-Black.ttf)format("truetype")}@font-face{font-display:swap;font-family:Playfair Display;font-style:italic;font-weight:900;src:url(/fonts-v2/playfair-display/PlayfairDisplay-BlackItalic.ttf)format("truetype")}@font-face{font-display:swap;font-family:Oswald;font-style:normal;font-weight:200;src:url(/fonts-v2/oswald-4/Oswald-ExtraLight.ttf)format("truetype")}@font-face{font-display:swap;font-family:Oswald;font-style:italic;font-weight:200;src:url(/fonts-v2/oswald-4/Oswald-Extra-LightItalic.ttf)format("truetype")}@font-face{font-display:swap;font-family:Oswald;font-style:normal;font-weight:300;src:url(/fonts-v2/oswald-4/Oswald-Light.ttf)format("truetype")}@font-face{font-display:swap;font-family:Oswald;font-style:italic;font-weight:300;src:url(/fonts-v2/oswald-4/Oswald-LightItalic.ttf)format("truetype")}@font-face{font-display:swap;font-family:Oswald;font-style:normal;font-weight:400;src:url(/fonts-v2/oswald-4/Oswald-Regular.ttf)format("truetype")}@font-face{font-display:swap;font-family:Oswald;font-style:italic;font-weight:400;src:url(/fonts-v2/oswald-4/Oswald-RegularItalic.ttf)format("truetype")}@font-face{font-display:swap;font-family:Oswald;font-style:normal;font-weight:500;src:url(/fonts-v2/oswald-4/Oswald-Medium.ttf)format("truetype")}@font-face{font-display:swap;font-family:Oswald;font-style:italic;font-weight:500;src:url(/fonts-v2/oswald-4/Oswald-MediumItalic.ttf)format("truetype")}@font-face{font-display:swap;font-family:Oswald;font-style:normal;font-weight:600;src:url(/fonts-v2/oswald-4/Oswald-DemiBold.ttf)format("truetype")}@font-face{font-display:swap;font-family:Oswald;font-style:italic;font-weight:600;src:url(/fonts-v2/oswald-4/Oswald-Demi-BoldItalic.ttf)format("truetype")}@font-face{font-display:swap;font-family:Oswald;font-style:normal;font-weight:700;src:url(/fonts-v2/oswald-4/Oswald-Bold.ttf)format("truetype")}@font-face{font-display:swap;font-family:Oswald;font-style:italic;font-weight:700;src:url(/fonts-v2/oswald-4/Oswald-BoldItalic.ttf)format("truetype")}@font-face{font-display:swap;font-family:Oswald;font-style:normal;font-weight:800;src:url(/fonts-v2/oswald-4/Oswald-Heavy.ttf)format("truetype")}@font-face{font-display:swap;font-family:Oswald;font-style:italic;font-weight:800;src:url(/fonts-v2/oswald-4/Oswald-HeavyItalic.ttf)format("truetype")}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:400;src:url(/fonts-v2/open-sans/OpenSans-Regular.ttf)format("truetype")}@font-face{font-display:swap;font-family:Raleway;font-style:normal;font-weight:400;src:url(/fonts-v2/raleway-5/Raleway-Regular.ttf)format("truetype")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:100 900;src:url(/fonts-v2/montserrat/Montserrat-VariableFont_wght.ttf)format("truetype")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:100 900;src:url(/fonts-v2/montserrat/Montserrat-Italic-VariableFont_wght.ttf)format("truetype")}@font-face{font-display:swap;font-family:Merriweather;font-style:normal;font-weight:300 900;src:url(/fonts-v2/merriweather/Merriweather-VariableFont_opsz,wdth,wght.ttf)format("truetype")}@font-face{font-display:swap;font-family:Merriweather;font-style:italic;font-weight:300 900;src:url(/fonts-v2/merriweather/Merriweather-Italic-VariableFont_opsz,wdth,wght.ttf)format("truetype")}.auth-form button[type=submit]{padding:var(--spacing-4);font-weight:var(--font-weight-bold)}.alert{padding:var(--spacing-4) var(--spacing-5);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);border:var(--border-width-base) solid;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);justify-content:space-between;align-items:center;display:flex;position:relative}.alert-message{padding-right:var(--spacing-4);flex:1}.alert-close{color:inherit;font-size:var(--font-size-3xl);cursor:pointer;opacity:.7;transition:opacity var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;line-height:1;display:flex}.alert-close:hover{opacity:1}.alert-close:focus{outline-offset:2px;border-radius:var(--radius-sm);outline:2px solid}.alert-error{background:var(--bg-orange-light);color:var(--color-primary);border-color:var(--color-primary)}.alert-success{background:var(--bg-green-light);color:var(--color-green);border-color:var(--color-green)}.alert-info{background:var(--bg-blue-light);color:var(--color-blue);border-color:var(--color-blue)}.alert-warning{color:#856404;background:#fff3cd;border-color:#ffc107}.toast-container{top:var(--spacing-6);right:var(--spacing-6);z-index:9999;gap:var(--spacing-3);pointer-events:none;flex-direction:column;max-width:400px;display:flex;position:fixed}.toast{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);border-radius:var(--radius-lg);background:var(--bg-secondary);border:var(--border-width-base) solid;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);pointer-events:auto;min-width:280px;max-width:100%;display:flex;box-shadow:0 4px 12px #00000026}.toast-enter{animation:.3s ease-out forwards toastSlideIn}.toast-exit{animation:.2s ease-in forwards toastSlideOut}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.toast-icon svg{width:100%;height:100%}.toast-message{word-break:break-word;flex:1;line-height:1.4}.toast-close{color:inherit;padding:var(--spacing-1);cursor:pointer;opacity:.6;transition:opacity var(--transition-base);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.toast-close:hover{opacity:1;background:#0000001a}.toast-close svg{width:16px;height:16px}.toast-success{background:var(--bg-green-light,#ecfdf5);color:var(--color-green,#059669);border-color:var(--color-green,#059669)}.toast-error{background:var(--bg-orange-light,#fef2f2);color:var(--color-primary,#dc2626);border-color:var(--color-primary,#dc2626)}.toast-warning{color:#b45309;background:#fffbeb;border-color:#f59e0b}.toast-info{background:var(--bg-blue-light,#eff6ff);color:var(--color-blue,#2563eb);border-color:var(--color-blue,#2563eb)}@media (width<=480px){.toast-container{top:auto;bottom:var(--spacing-6);left:var(--spacing-4);right:var(--spacing-4);max-width:none}.toast{min-width:auto}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}}.sidebar{background:var(--bg-white);border-right:1px solid var(--border-color-light);z-index:100;flex-direction:column;width:260px;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-header{padding:var(--spacing-6) var(--spacing-5);border-bottom:1px solid var(--border-color-light);align-items:center;gap:var(--spacing-3);display:flex}.sidebar-logo{object-fit:contain;width:40px;height:40px}.sidebar-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin:0}.sidebar-brands{padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--border-color-light)}.sidebar-brands-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-2);display:block}.sidebar-brands-loading,.sidebar-brands-empty{font-size:var(--font-size-sm);color:var(--color-gray-500);padding:var(--spacing-2) 0}.sidebar-brands-error{font-size:var(--font-size-sm);color:var(--color-red);padding:var(--spacing-2) 0}.sidebar-brands-select-wrapper{position:relative}.sidebar-brands-select{width:100%;padding:var(--spacing-2) var(--spacing-3);padding-right:var(--spacing-8);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-900);background:var(--bg-gray-lightest);border:1px solid var(--border-color-light);border-radius:var(--radius-md);cursor:pointer;appearance:none;transition:var(--transition-base)}.sidebar-brands-select:disabled{opacity:.5;cursor:not-allowed}.sidebar-brands-select:hover{border-color:var(--color-primary)}.sidebar-brands-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--bg-orange-light);outline:none}.sidebar-brands-icon{right:var(--spacing-2);color:var(--color-gray-500);pointer-events:none;font-size:20px;position:absolute;top:50%;transform:translateY(-50%)}.sidebar-nav{padding:var(--spacing-4) 0;flex:1;overflow-y:auto}.sidebar-link{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-5);color:var(--color-gray-700);transition:var(--transition-base);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);text-decoration:none;display:flex}.sidebar-link:hover{background:var(--bg-gray-lightest);color:var(--color-primary);text-decoration:none}.sidebar-link.active{background:var(--bg-orange-light);color:var(--color-primary);border-left:3px solid var(--color-primary);padding-left:calc(var(--spacing-5) - 3px)}.sidebar-icon{min-width:20px;font-size:20px}.sidebar-text{flex:1}.sidebar-divider{background:var(--border-color-light);height:1px;margin:var(--spacing-4) var(--spacing-5)}.sidebar-footer{border-top:1px solid var(--border-color-light);padding:var(--spacing-4) var(--spacing-5)}.sidebar-user{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3);display:flex}.sidebar-user-avatar{background:var(--color-primary);color:#fff;width:36px;height:36px;font-weight:var(--font-weight-bold);font-size:var(--font-size-base);text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-900);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.sidebar-logout{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-color-light);border-radius:var(--radius-md);color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-base);justify-content:center;align-items:center;gap:var(--spacing-2);background:0 0;display:flex}.sidebar-logout:hover{background:var(--bg-gray-lightest);border-color:var(--color-primary);color:var(--color-primary)}.sidebar-logout-icon{font-size:16px}@media (width<=768px){.sidebar{width:220px}.sidebar-title{font-size:var(--font-size-base)}.sidebar-link{font-size:var(--font-size-sm)}}.brand-resync-badge{border-radius:4px;align-items:center;gap:4px;margin-top:4px;padding:2px 6px;font-size:12px;font-weight:500;display:inline-flex}.brand-resync-badge-icon{flex-shrink:0;width:14px;height:14px}.brand-resync-badge.resyncing{color:var(--color-blue,#2563eb);background-color:#2563eb1a}.brand-resync-badge.stuck{color:var(--color-amber,#d97706);background-color:#d977061a}.brand-resync-badge.failed{color:var(--color-red,#dc2626);background-color:#dc26261a}.brand-resync-badge-icon.spinning{animation:1.5s linear infinite spin}.app-layout{min-height:100vh;display:flex}.app-content{background:var(--bg-gray-light);flex:1;min-height:100vh;margin-left:260px}@media (width<=768px){.app-content{margin-left:220px}}@media (width<=640px){.app-content{margin-left:0}.sidebar{transition:transform var(--transition-smooth);transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.confirm-modal{border-radius:var(--radius-2xl);width:90%;max-width:500px;box-shadow:var(--shadow-lg);background:0 0;border:none;margin:0;padding:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.confirm-modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}.confirm-modal-content{background:var(--bg-white);padding:var(--spacing-10);border-radius:var(--radius-2xl);text-align:center}.confirm-modal-icon{width:80px;height:80px;margin:0 auto var(--spacing-6);background:var(--bg-orange-light);border-radius:var(--radius-full);color:var(--color-primary);justify-content:center;align-items:center;font-size:48px;display:flex}.confirm-modal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--spacing-4)}.confirm-modal-message{font-size:var(--font-size-base);color:var(--color-gray-600);margin-bottom:var(--spacing-8);line-height:var(--line-height-relaxed)}.confirm-modal-actions{gap:var(--spacing-4);justify-content:center;display:flex}.confirm-modal--large{max-width:680px}.confirm-modal--large .confirm-modal-icon{display:none}.confirm-modal--large .confirm-modal-content{text-align:left}.confirm-modal--large .confirm-modal-message{margin-bottom:var(--spacing-6)}.pagination-arrow:disabled{color:var(--text-secondary,#6b7280);opacity:.4;cursor:not-allowed}.pagination-page:hover:not(:disabled){background:var(--background-hover,#f3f4f6);border-color:var(--border-color,#d1d5db)}@media (width<=640px){.pagination{flex-wrap:wrap;gap:.25rem}.pagination-page{min-width:32px;height:32px;padding:0 .5rem;font-size:.8125rem}.pagination-arrow{width:32px;height:32px}}.linear-pagination{justify-content:center;align-items:center;gap:1rem;margin-top:2rem;display:flex}.linear-pagination .btn-pagination{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;padding:.6rem 1.2rem;font-size:.9rem;transition:all .2s}.linear-pagination .btn-pagination:hover:not(:disabled){background:#f5f5f5;border-color:#007bff}.linear-pagination .btn-pagination:disabled{opacity:.5;cursor:not-allowed}.linear-pagination .page-info{color:#666;font-size:.9rem}.creative-spinner{align-items:center;gap:var(--spacing-3);flex-direction:column;display:flex}.creative-spinner-circle{border-radius:50%;animation:1s linear infinite creative-spin}.creative-spinner--sm .creative-spinner-circle{border:4px solid var(--color-border);border-top:4px solid var(--color-primary);width:40px;height:40px}.creative-spinner--md .creative-spinner-circle{border:5px solid var(--color-border);border-top:5px solid var(--color-primary);width:60px;height:60px}.creative-spinner--lg .creative-spinner-circle{border:6px solid var(--color-border);border-top:6px solid var(--color-primary);width:80px;height:80px;margin-bottom:var(--spacing-2)}.creative-spinner-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;min-height:1.4em;margin:0;transition:opacity .3s}.creative-spinner--lg .creative-spinner-text{font-size:var(--font-size-base)}.creative-spinner-text--visible{opacity:1}.creative-spinner-text--hidden{opacity:0}@keyframes creative-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-selector-modal{border-radius:var(--radius-2xl);width:90%;max-width:800px;max-height:90vh;box-shadow:var(--shadow-lg);background:0 0;border:none;margin:0;padding:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.image-selector-modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}.image-selector-modal-content{background:var(--bg-white);padding:var(--spacing-8);border-radius:var(--radius-2xl);flex-direction:column;max-height:90vh;display:flex;overflow:hidden}.image-selector-modal-header{text-align:center;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-6);border-bottom:1px solid var(--color-gray-200);flex-shrink:0}.image-selector-modal-header .header-icon{color:var(--color-primary);margin-bottom:var(--spacing-4);font-size:48px}.image-selector-modal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--spacing-2)}.image-selector-modal-subtitle{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0}.image-selector-grid{gap:var(--spacing-4);padding:var(--spacing-2);margin-bottom:var(--spacing-6);flex:1;grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;min-height:0;display:grid;overflow-y:auto}.image-selector-grid .empty-state{text-align:center;padding:var(--spacing-8);color:var(--color-gray-500);font-size:var(--font-size-base);grid-column:1/-1}.image-selector-item{background:var(--bg-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--spacing-3);cursor:pointer;transition:all var(--transition-base);gap:var(--spacing-3);flex-direction:column;display:flex;position:relative;overflow:hidden}.image-selector-item:hover{border-color:var(--color-primary);background:var(--bg-orange-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.image-selector-item:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.image-selector-thumbnail{border-radius:var(--radius-lg);background:var(--color-gray-100);justify-content:center;align-items:center;width:100%;height:150px;display:flex;overflow:hidden}.image-selector-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.image-selector-label{justify-content:center;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);display:flex}.image-selector-item:hover .image-selector-label{color:var(--color-primary)}.image-selector-label .select-icon{color:var(--color-primary);opacity:0;transition:opacity var(--transition-base);font-size:18px}.image-selector-item:hover .select-icon{opacity:1}.image-selector-tabs{gap:var(--spacing-2);margin-bottom:var(--spacing-4);border-bottom:2px solid var(--color-gray-200);flex-shrink:0;padding-bottom:0;display:flex}.image-selector-tab{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-500);transition:all var(--transition-base);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;display:flex}.image-selector-tab:hover{color:var(--color-gray-700)}.image-selector-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.gallery-loading-sentinel{padding:var(--spacing-4);grid-column:1/-1;justify-content:center;min-height:40px;display:flex}.gallery-spinner{border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite gallery-spin}@keyframes gallery-spin{to{transform:rotate(360deg)}}.image-selector-modal-actions{gap:var(--spacing-4);padding-top:var(--spacing-6);border-top:1px solid var(--color-gray-200);flex-shrink:0;justify-content:center;display:flex}@media (width<=768px){.image-selector-modal{max-width:95%;max-height:95vh}.image-selector-grid{gap:var(--spacing-3);grid-template-columns:repeat(3,1fr)}.image-selector-modal-content{padding:var(--spacing-6)}}@media (width<=480px){.image-selector-grid{gap:var(--spacing-2);grid-template-columns:repeat(2,1fr)}.image-selector-thumbnail{height:120px}.image-selector-modal-header .header-icon{font-size:36px}.image-selector-modal-title{font-size:var(--font-size-xl)}}@media (height<=800px){.image-selector-modal-content{padding:var(--spacing-5)}.image-selector-modal-header{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4)}.image-selector-modal-header .header-icon{margin-bottom:var(--spacing-2);font-size:32px}.image-selector-modal-title{font-size:var(--font-size-xl)}.image-selector-thumbnail{height:110px}.image-selector-modal-actions{padding-top:var(--spacing-4)}}.project-select-modal{border-radius:var(--radius-2xl);width:90%;max-width:600px;box-shadow:var(--shadow-lg);background:0 0;border:none;margin:0;padding:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.project-select-modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}.project-select-modal-content{background:var(--bg-white);padding:var(--spacing-8);border-radius:var(--radius-2xl);overflow:hidden}.project-select-modal-header{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.project-select-modal-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin:0}.project-select-modal-close{cursor:pointer;padding:var(--spacing-2);color:var(--color-text-secondary);border-radius:var(--radius-full);transition:var(--transition-smooth);background:0 0;border:none;justify-content:center;align-items:center;font-size:24px;display:flex}.project-select-modal-close:hover{color:var(--color-text-primary)}.project-select-modal-description{color:var(--color-gray-600);font-size:var(--font-size-base);margin:0 0 var(--spacing-6) 0;line-height:var(--line-height-relaxed)}.project-select-modal-loading{text-align:center;padding:var(--spacing-8);color:var(--color-text-secondary)}.project-select-grid{gap:var(--spacing-3);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=480px){.project-select-grid{grid-template-columns:repeat(2,1fr)}}.project-select-item{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4);background:var(--bg-gray-lightest);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-smooth);border:2px solid #0000;flex-direction:column;min-height:120px;display:flex;overflow:hidden}.project-select-item:hover{background:var(--bg-gray-light);border-color:var(--color-primary)}.project-select-item--selected{border-color:var(--color-primary);background:var(--bg-light);box-shadow:0 0 0 2px var(--color-primary-light,#6366f126)}.project-select-item--new{border:2px dashed var(--color-primary);background:0 0}.project-select-item--new:hover{background:var(--color-primary);border:2px solid var(--color-primary)}.project-select-item--new:hover .project-select-item-icon--new,.project-select-item--new:hover .project-select-item-name{color:#fff}.project-select-new-form{gap:var(--spacing-3);padding:var(--spacing-4);background:var(--bg-gray-lightest);border:2px solid var(--color-primary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);align-items:center;display:flex}.project-select-item-icon{color:var(--color-primary);justify-content:center;align-items:center;display:flex}.project-select-item-icon--new{color:var(--color-text-secondary)}.project-select-item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.project-select-new-input{padding:var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);flex:1}.project-select-new-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.project-select-new-actions{gap:var(--spacing-2);flex-shrink:0;display:flex}.project-select-new-actions .btn-icon-action{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;justify-content:center;align-items:center;font-size:24px;display:flex}.project-select-new-actions .btn-icon-action:hover:not(:disabled){background:var(--color-primary);color:#fff}.project-select-new-actions .btn-icon-action.primary{color:var(--color-primary);background:0 0}.project-select-new-actions .btn-icon-action.primary:hover:not(:disabled){background:var(--color-primary);color:#fff}.project-select-new-actions .btn-icon-action:disabled{opacity:.5;cursor:not-allowed}.project-select-empty{text-align:center;padding:var(--spacing-4);color:var(--color-text-secondary);font-size:var(--font-size-sm);grid-column:1/-1}.project-select-modal-body{width:100%}.project-select-modal-actions{justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-6);display:flex}@media (width<=480px){.project-select-modal-actions{flex-direction:column-reverse}.project-select-modal-actions .btn{width:100%}}.html-canvas-wrapper{background-color:#0000;flex:1;padding:40px;overflow:auto}.html-canvas{transform-origin:50%;background-color:#fff;margin:auto;position:relative;overflow:hidden;box-shadow:0 5px 20px #0003}.html-element{cursor:default;-webkit-user-select:none;user-select:none;box-sizing:border-box;position:absolute}.html-element:hover{outline:1px dashed var(--color-primary)}.html-element.selected{outline:2px solid var(--color-primary);cursor:move;overflow:visible!important}.html-element.editing{cursor:text;-webkit-user-select:text;user-select:text}.html-element.selected.editing{outline:2px solid var(--color-primary)}.html-element.variable{border:2px dashed #000}.html-element.variable.selected{border:none}.resize-handles{pointer-events:none;position:absolute;inset:0}.html-element.selected .resize-handles{pointer-events:auto}.resize-handle{border:2px solid var(--color-primary);pointer-events:auto;background-color:#fff;border-radius:50%;width:16px;height:16px;position:absolute}.resize-handle.nw{cursor:nw-resize;top:-8px;left:-8px}.resize-handle.n{cursor:n-resize;top:-8px;left:50%;transform:translate(-50%)}.resize-handle.ne{cursor:ne-resize;top:-8px;right:-8px}.resize-handle.e{cursor:e-resize;top:50%;right:-8px;transform:translateY(-50%)}.resize-handle.se{cursor:se-resize;bottom:-8px;right:-8px}.resize-handle.s{cursor:s-resize;bottom:-8px;left:50%;transform:translate(-50%)}.resize-handle.sw{cursor:sw-resize;bottom:-8px;left:-8px}.resize-handle.w{cursor:w-resize;top:50%;left:-8px;transform:translateY(-50%)}.rotate-handle-wrapper{pointer-events:none;width:16px;height:32px;position:absolute;top:-32px;left:50%;transform:translate(-50%)}.rotate-handle-line{background-color:var(--color-primary);pointer-events:none;width:2px;height:16px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.rotate-handle{border:2px solid var(--color-primary);cursor:grab;pointer-events:auto;box-sizing:border-box;background-color:#fff;border-radius:50%;width:16px;height:16px;position:absolute;top:0;left:0}.rotate-handle:active{cursor:grabbing}.html-text-element{align-items:flex-start;display:flex;overflow:hidden}.html-text-element.valign-center{align-items:center}.html-text-element.valign-bottom{align-items:flex-end}.html-paragraph-element{word-wrap:break-word;flex-direction:column;display:flex;overflow:hidden}.html-paragraph-element.valign-center{justify-content:center}.html-paragraph-element.valign-bottom{justify-content:flex-end}.html-paragraph-element p{margin:0;padding:0}.html-image-element{overflow:hidden}.html-image-element img{object-fit:contain;width:100%;height:100%;display:block}.html-image-element.circle{position:relative}.html-image-circle-mask{clip-path:circle(50%);width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.html-image-circle-mask img{border-radius:0;width:auto;height:auto}.html-variable-placeholder{color:#fff;text-align:center;background-color:#000000b3;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-weight:700;line-height:1.2;display:flex}.html-variable-placeholder-image{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.html-image-element.circle .html-variable-placeholder-image{object-fit:cover}.html-image-element.circle .html-variable-placeholder-image,.html-image-element.circle .html-variable-placeholder{border-radius:50%}.html-inline-editor{resize:none;width:100%;font-size:inherit;font-family:inherit;font-weight:inherit;font-style:inherit;line-height:inherit;color:inherit;text-align:inherit;box-sizing:border-box;-webkit-user-select:text;user-select:text;cursor:text;background:0 0;border:none;outline:none;margin:0;padding:0;position:relative;overflow:hidden}.html-snap-guide{pointer-events:none;z-index:9999;border-style:dashed;border-color:var(--color-primary);background-color:#0000;position:absolute}.html-snap-guide.vertical{border-left-width:2px;width:0;top:0;bottom:0}.html-snap-guide.horizontal{border-top-width:2px;height:0;left:0;right:0}.html-zoom-indicator{color:#fff;pointer-events:none;background:#000000b3;border-radius:4px;padding:4px 8px;font-size:12px;position:absolute;bottom:10px;right:10px}.form-row{gap:var(--spacing-4);margin-bottom:var(--spacing-3);grid-template-columns:1fr 1fr;display:grid}.form-row.form-row--3cols{grid-template-columns:1fr 1fr 1fr}@media (width<=768px){.form-row{grid-template-columns:1fr}}.form-group input[type=color]{cursor:pointer;height:40px;padding:4px}.form-group input[type=checkbox]{width:auto;margin-right:var(--spacing-2)}.form-group label[for*=fontStyle]{cursor:pointer;margin-top:var(--spacing-2);align-items:center;display:flex}.brand-editor-content{gap:var(--spacing-4);min-height:500px;margin-top:var(--spacing-4);display:flex}.brand-editor-sidebar{width:280px;min-width:280px;max-height:700px;padding:var(--spacing-3);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);box-sizing:border-box;overflow:hidden auto}.brand-editor-sidebar h3{color:var(--color-text);margin:0 0 var(--spacing-2) 0;font-size:14px;font-weight:600}.brand-editor-sidebar h4{color:var(--color-text-secondary);margin:var(--spacing-3) 0 var(--spacing-2) 0;font-size:13px;font-weight:600}.brand-editor-sidebar label{font-size:12px}.brand-editor-sidebar select,.brand-editor-sidebar input[type=number],.brand-editor-sidebar input[type=text]{box-sizing:border-box;width:100%;min-width:0;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-900);background:var(--bg-gray-lightest);border:1px solid var(--border-color-light);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base)}.brand-editor-sidebar select:hover,.brand-editor-sidebar input[type=number]:hover,.brand-editor-sidebar input[type=text]:hover{border-color:var(--color-primary)}.brand-editor-sidebar select:focus,.brand-editor-sidebar input[type=number]:focus,.brand-editor-sidebar input[type=text]:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--bg-orange-light);outline:none}.brand-editor-sidebar .form-group{min-width:0}.brand-editor-sidebar input[type=color]{height:28px!important}.brand-editor-sidebar .form-row{gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.brand-editor-sidebar .form-group{margin-bottom:var(--spacing-1)}.brand-editor-sidebar .italic-btn{border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-background);color:var(--color-text);cursor:pointer;align-items:center;gap:4px;padding:4px 10px;font-size:18px;display:flex}.brand-editor-sidebar .italic-btn.active{background-color:var(--color-primary);color:#fff}.sidebar-divider{background-color:var(--color-border);height:1px;margin:var(--spacing-3) 0}.brand-canvas-container{border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:#f0f0f0;background-image:linear-gradient(45deg,#e0e0e0 25%,#0000 25%),linear-gradient(-45deg,#e0e0e0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e0e0e0 75%),linear-gradient(-45deg,#0000 75%,#e0e0e0 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;flex-direction:column;flex:1;display:flex;overflow:hidden}.canvas-info{padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);z-index:1;justify-content:space-between;align-items:center;display:flex}.canvas-toggle-btn{border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-background);width:32px;height:32px;color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;font-size:18px;display:flex}.canvas-toggle-btn:hover{background-color:var(--color-bg-secondary)}.canvas-zoom-controls{align-items:center;gap:var(--spacing-1);display:flex}.canvas-zoom-controls button{border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-background);min-width:28px;height:28px;color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;padding:0 6px;font-size:13px;display:flex}.canvas-zoom-controls button:hover{background-color:var(--color-bg-secondary)}.canvas-zoom-controls span{color:var(--color-text-secondary);text-align:center;min-width:40px;font-size:12px}.brand-canvas-dark .html-canvas{background-color:#1a1a2e}.gallery-page-count{font-size:var(--font-size-sm);color:var(--color-gray-500);font-weight:var(--font-weight-medium);background:var(--color-gray-100);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full)}.gallery-page-grid{gap:var(--spacing-5);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.gallery-page-card{background:var(--bg-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);transition:all var(--transition-base);box-shadow:var(--shadow-sm);overflow:hidden}.gallery-page-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.gallery-page-card-image{aspect-ratio:1;background:var(--color-gray-100);justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.gallery-page-card-image img{object-fit:cover;width:100%;height:100%;display:block}.gallery-page-card-info{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--color-gray-100);display:flex}.gallery-page-card-prompt{font-size:var(--font-size-sm);color:var(--color-gray-600);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.gallery-page-card-delete{width:32px;height:32px;color:var(--color-gray-400);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.gallery-page-card-delete:hover{background:var(--color-red);color:#fff}.gallery-page-empty{text-align:center;padding:var(--spacing-16) var(--spacing-8);color:var(--color-gray-500)}.gallery-page-empty-icon{color:var(--color-gray-300);margin-bottom:var(--spacing-4);font-size:64px}.gallery-page-empty-hint{font-size:var(--font-size-sm);color:var(--color-gray-400);margin-top:var(--spacing-2)}.gallery-page-loading{text-align:center;padding:var(--spacing-8);color:var(--color-gray-500)}.gallery-page-sentinel{padding:var(--spacing-4);grid-column:1/-1;justify-content:center;min-height:40px;display:flex}.gallery-page-spinner{border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite gallery-page-spin}@keyframes gallery-page-spin{to{transform:rotate(360deg)}}@media (width<=768px){.gallery-page-grid{gap:var(--spacing-3);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (width<=480px){.gallery-page-grid{gap:var(--spacing-2);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.chip-input{gap:var(--spacing-2);flex-direction:column;display:flex}.chip-input__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);justify-content:space-between;align-items:baseline;display:flex}.chip-input__counter{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-gray-500)}.chip-input__row{gap:var(--spacing-2);align-items:stretch;display:flex}.chip-input__field{flex:1}.chip-input__add{min-width:40px;padding:0 var(--spacing-3);background:var(--color-primary);color:var(--bg-white);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base);font-size:var(--font-size-lg);border:none;justify-content:center;align-items:center;display:inline-flex}.chip-input__add:hover:not(:disabled){background:var(--color-primary-dark)}.chip-input__add:disabled{opacity:var(--opacity-50);cursor:not-allowed}.chip-input__list{gap:var(--spacing-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.chip-input__chip{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);background:var(--bg-orange-light);color:var(--color-primary);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);display:inline-flex}.chip-input__chip-text{white-space:nowrap}.chip-input__remove{color:var(--color-primary);cursor:pointer;font-size:var(--font-size-md);border-radius:var(--radius-circle);transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.chip-input__remove:hover:not(:disabled){background:var(--bg-orange-lighter)}.chip-input__remove:disabled{opacity:var(--opacity-50);cursor:not-allowed}.chip-input__error{font-size:var(--font-size-xs);color:var(--error);margin:0}.chip-input__helper{font-size:var(--font-size-xs);color:var(--color-gray-500);margin:0}.chip-input--error .chip-input__field{border-color:var(--error)}.chip-input--error .chip-input__field:focus{box-shadow:0 0 0 3px #dc354526}.wizard-field{gap:var(--spacing-2);flex-direction:column;display:flex}.wizard-field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);justify-content:space-between;align-items:baseline;display:flex}.wizard-field__required{color:var(--error)}.wizard-field__counter{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-gray-500)}.wizard-field__error{font-size:var(--font-size-xs);color:var(--error);margin:0}.wizard-field__helper{font-size:var(--font-size-xs);color:var(--color-gray-500);margin:0}.wizard-field--error .form-control{border-color:var(--error)}.wizard-field--error .form-control:focus{border-color:var(--error);box-shadow:0 0 0 3px #dc354526}.wizard-dropzone{border:2px dashed var(--color-gray-300);border-radius:var(--radius-md);background:var(--bg-white);transition:border-color var(--transition-fast), background var(--transition-fast);position:relative;overflow:hidden}.wizard-dropzone--empty{cursor:pointer;justify-content:center;align-items:center;min-height:160px;display:flex}.wizard-dropzone--empty:hover{border-color:var(--color-primary);background:var(--color-gray-50,#fafafa)}.wizard-dropzone--dragging{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 6%, var(--bg-white))}.wizard-dropzone--filled{cursor:default;min-height:160px}.wizard-dropzone__input{display:none}.wizard-dropzone__empty-content{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-5);text-align:center;pointer-events:none;flex-direction:column;display:flex}.wizard-dropzone__icon{color:var(--color-gray-400);font-size:32px}.wizard-dropzone__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700)}.wizard-dropzone__hint{font-size:var(--font-size-xs);color:var(--color-gray-500)}.wizard-dropzone__preview-wrapper{background:var(--color-gray-50,#fafafa);justify-content:center;align-items:center;width:100%;height:240px;display:flex;position:relative}.wizard-dropzone__preview{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:240px;display:block}.wizard-dropzone__overlay{padding:var(--spacing-3) var(--spacing-3) var(--spacing-2);gap:var(--spacing-1);background:linear-gradient(#0000,#00000080);flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.wizard-dropzone__filename{font-size:var(--font-size-xs);color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.wizard-dropzone__actions{gap:var(--spacing-2);display:flex}.wizard-dropzone__btn{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);border:none;display:inline-flex}.wizard-dropzone__btn--replace{color:var(--bg-white);background:#fff3}.wizard-dropzone__btn--replace:hover{background:#ffffff59}.wizard-dropzone__btn--remove{color:var(--bg-white);background:#dc2626b3}.wizard-dropzone__btn--remove:hover{background:#dc2626e6}@media (width<=640px){.wizard-dropzone--empty{min-height:120px}.wizard-dropzone__preview-wrapper{height:160px}.wizard-dropzone__preview{max-height:160px}}.wizard-nav{justify-content:space-between;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-6);padding-top:var(--spacing-4);border-top:1px solid var(--border-color-base);display:flex}.wizard-nav .btn{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base);border:none;display:inline-flex}.wizard-nav .btn:disabled{opacity:var(--opacity-50);cursor:not-allowed;transform:none}.wizard-nav__back{background:var(--color-gray-100);color:var(--color-gray-700)}.wizard-nav__back:hover:not(:disabled){background:var(--color-gray-200)}.wizard-nav__next,.wizard-nav__submit{background:var(--gradient-primary);color:var(--bg-white);margin-left:auto}.wizard-nav__next:hover:not(:disabled),.wizard-nav__submit:hover:not(:disabled){box-shadow:var(--shadow-orange-sm);transform:translateY(-1px)}.wizard-nav__spinner{border:2px solid #ffffff4d;border-top-color:var(--bg-white);border-radius:var(--radius-circle);width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}.wizard-progress{gap:var(--spacing-2);flex-wrap:wrap;justify-content:center;align-items:center;margin:0;padding:0;list-style:none;display:flex}.wizard-progress__step{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:inline-flex}.wizard-progress__step:not(:last-child):after{content:"";width:var(--spacing-6);background:var(--color-gray-300);height:2px;display:inline-block}.wizard-progress__step--completed:not(:last-child):after,.wizard-progress__step--current:not(:last-child):after{background:var(--color-primary)}.wizard-progress__indicator{border-radius:var(--radius-circle);width:32px;height:32px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-gray-500);background:var(--color-gray-100);border:2px solid var(--color-gray-300);transition:var(--transition-base);justify-content:center;align-items:center;display:inline-flex}.wizard-progress__step--current .wizard-progress__indicator{color:var(--bg-white);background:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-orange-sm)}.wizard-progress__step--completed .wizard-progress__indicator{color:var(--bg-white);background:var(--success);border-color:var(--success)}.wizard-progress__label{color:var(--color-gray-700);font-size:var(--font-size-xs)}.wizard-progress__step--current .wizard-progress__label{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.wizard-progress__step--clickable{cursor:pointer}.wizard-progress__step--clickable .wizard-progress__indicator{cursor:pointer;transition:var(--transition-base), transform var(--transition-fast);padding:0;font-family:inherit}.wizard-progress__step--clickable:hover .wizard-progress__indicator{opacity:.85;transform:scale(1.05)}.wizard-progress__step--future{cursor:default}@media (width<=768px){.wizard-progress__label{display:none}.wizard-progress__step:not(:last-child):after{width:var(--spacing-3)}.wizard-progress__indicator{width:28px;height:28px;font-size:var(--font-size-xs)}}.update-wizard-sidebar{flex-shrink:0;width:220px}.update-wizard-sidebar__list{gap:var(--spacing-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.update-wizard-sidebar__item{display:block}.update-wizard-sidebar__btn{width:100%;padding:var(--spacing-3) var(--spacing-4);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);text-align:left;cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-left:3px solid #0000;justify-content:space-between;align-items:center;display:flex}.update-wizard-sidebar__btn:hover{background:var(--color-gray-50);color:var(--color-gray-900)}.update-wizard-sidebar__btn--active{background:var(--color-gray-100);border-left-color:var(--color-primary);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.update-wizard-sidebar__btn--error .update-wizard-sidebar__label{color:var(--error)}.update-wizard-sidebar__btn--active.update-wizard-sidebar__btn--error{border-left-color:var(--error)}.update-wizard-sidebar__label{flex:1}.update-wizard-sidebar__error-badge{border-radius:var(--radius-circle);background:var(--error);width:8px;height:8px;margin-left:var(--spacing-2);flex-shrink:0;display:inline-block}@media (width<=768px){.update-wizard-sidebar{width:100%}.update-wizard-sidebar__list{gap:var(--spacing-1);padding-bottom:var(--spacing-2);scrollbar-width:thin;flex-direction:row;overflow-x:auto}.update-wizard-sidebar__item{flex-shrink:0}.update-wizard-sidebar__btn{white-space:nowrap;border-radius:var(--radius-sm) var(--radius-sm) 0 0;padding:var(--spacing-2) var(--spacing-3);border-bottom:3px solid #0000;border-left:none}.update-wizard-sidebar__btn--active{border-left-color:#0000;border-bottom-color:var(--color-primary)}.update-wizard-sidebar__btn--active.update-wizard-sidebar__btn--error{border-bottom-color:var(--error)}}.wizard-step{gap:var(--spacing-5);flex-direction:column;display:flex}.wizard-step__style-group{border:1px solid var(--color-gray-300);border-radius:var(--radius-md);padding:var(--spacing-5);margin:0 0 var(--spacing-5) 0;background:var(--bg-white);gap:var(--spacing-4);flex-direction:column;display:flex}.wizard-step__style-group:last-child{margin-bottom:0}.wizard-step__style-legend{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);padding:0 var(--spacing-2)}.wizard-step__style-row{gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);display:grid}.wizard-step__style-row--3cols{grid-template-columns:repeat(3,1fr)}@media (width<=768px){.wizard-step__style-row,.wizard-step__style-row--3cols{grid-template-columns:1fr}}.wizard-step__header{gap:var(--spacing-2);flex-direction:column;display:flex}.wizard-step__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.wizard-step__intro{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-gray-700);margin:0}.wizard-step__helper{font-size:var(--font-size-xs);color:var(--color-gray-500);margin:0}.wizard-step__textarea{resize:vertical;min-height:120px;font-family:var(--font-family-base);line-height:var(--line-height-relaxed)}.wizard-step__colors{gap:var(--spacing-5);grid-template-columns:1fr 1fr;display:grid}@media (width<=640px){.wizard-step__colors{grid-template-columns:1fr}}.wizard-step__color-row{align-items:center;gap:var(--spacing-2);display:flex}.wizard-step__color-picker{border:1px solid var(--border-color-base);border-radius:var(--radius-md);cursor:pointer;background:var(--bg-white);width:48px;height:40px;padding:0}.wizard-step__color-picker::-webkit-color-swatch-wrapper{padding:0}.wizard-step__color-picker::-webkit-color-swatch{border-radius:var(--radius-sm);border:none}.wizard-step__color-text{text-transform:uppercase;flex:1;font-family:Courier New,monospace}.wizard-step__color-clear{border:1px solid var(--border-color-base);border-radius:var(--radius-md);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs);color:var(--color-gray-700);cursor:pointer;transition:var(--transition-base);background:0 0}.wizard-step__color-clear:hover{background:var(--color-gray-100)}.wizard-step__font-row{gap:var(--spacing-2);display:flex}.wizard-step__font-select{flex:0 0 200px}.wizard-step__font-text{flex:1}@media (width<=640px){.wizard-step__font-row{flex-direction:column}.wizard-step__font-select{flex:1}}.image-slot-grid{gap:var(--spacing-4);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=768px){.image-slot-grid{grid-template-columns:1fr}}.brand-dna-card-grid{gap:var(--spacing-4);flex-direction:column;display:flex}.brand-dna-card-grid__cards{gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}@media (width<=640px){.brand-dna-card-grid__cards{grid-template-columns:1fr}}.brand-dna-card-grid--empty{align-items:center;gap:var(--spacing-4);padding:var(--spacing-8);border:1px dashed var(--color-gray-300);border-radius:var(--radius-md);background:var(--bg-white);text-align:center;flex-direction:column;display:flex}.brand-dna-card-grid__empty-text{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}.brand-dna-card-grid__add-first{align-items:center;gap:var(--spacing-2);display:inline-flex}.brand-dna-card-grid__add-button{align-self:flex-start;align-items:center;gap:var(--spacing-2);display:inline-flex}.brand-dna-card{gap:var(--spacing-3);padding:var(--spacing-4);background:var(--bg-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);transition:var(--transition-base);flex-direction:column;display:flex;position:relative}.brand-dna-card:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.brand-dna-card__header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-2);display:flex}.brand-dna-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);line-height:var(--line-height-snug);flex:1;margin:0}.brand-dna-card__description{font-size:var(--font-size-xs);color:var(--color-gray-600);line-height:var(--line-height-relaxed);margin:0}.brand-dna-card__badges{gap:var(--spacing-2);margin-top:var(--spacing-1);flex-wrap:wrap;display:flex}.brand-dna-card__badge{padding:2px var(--spacing-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);align-items:center;line-height:1.4;display:inline-flex}.brand-dna-card__badge--intent{background:var(--color-primary-50,#eff6ff);color:var(--color-primary-700,#1d4ed8);border:1px solid var(--color-primary-200,#bfdbfe)}.brand-dna-card__badge--priority{background:var(--color-gray-100);color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.brand-dna-card__menu{flex-shrink:0;position:relative}.brand-dna-card__menu-button{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-gray-500);cursor:pointer;transition:var(--transition-base);opacity:0;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1.1rem;display:flex}.brand-dna-card:hover .brand-dna-card__menu-button{opacity:1}.brand-dna-card__menu-button:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.brand-dna-card__dropdown{z-index:10;background:var(--bg-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);min-width:130px;box-shadow:var(--shadow-md);position:absolute;top:100%;right:0;overflow:hidden}.brand-dna-item-form{gap:var(--spacing-4);flex-direction:column;display:flex}.brand-dna-item-form .form-group{gap:var(--spacing-1);flex-direction:column;display:flex}.brand-dna-item-form .form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.brand-dna-item-form .form-input,.brand-dna-item-form .form-textarea{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-color-base);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-gray-900);background:var(--bg-white);box-sizing:border-box;transition:border-color .15s}.brand-dna-item-form .form-input:focus,.brand-dna-item-form .form-textarea:focus{border-color:var(--color-primary-500,#3b82f6);outline:none}.brand-dna-item-form .form-textarea{resize:vertical;min-height:72px;font-family:var(--font-family-base);line-height:var(--line-height-relaxed)}.brand-dna-item-form .form-helper{font-size:var(--font-size-xs);color:var(--color-gray-500);margin:0}.brand-dna-item-form__error{padding:var(--spacing-2) var(--spacing-3);background:var(--color-red-50,#fef2f2);border:1px solid var(--color-red-200,#fecaca);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-red-700,#b91c1c);margin:0}.onboarding-wizard{max-width:var(--container-lg);padding:var(--spacing-8) var(--spacing-5);gap:var(--spacing-6);flex-direction:column;margin:0 auto;display:flex}.onboarding-wizard__header{gap:var(--spacing-3);flex-direction:column;display:flex}.onboarding-wizard__back-link{align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) 0;color:var(--color-gray-700);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;align-self:flex-start;display:inline-flex}.onboarding-wizard__back-link:hover{color:var(--color-primary)}.onboarding-wizard__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.onboarding-wizard__subtitle{margin:var(--spacing-2) 0 0 0;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-gray-700)}.onboarding-wizard__header-row{justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);flex-wrap:wrap;display:flex}.onboarding-wizard__import-actions{align-items:center;gap:var(--spacing-2);flex-shrink:0;display:flex}.onboarding-wizard__import-btn{align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3);white-space:nowrap;display:inline-flex}.onboarding-wizard__file-input{display:none}.onboarding-wizard__overwrite-guard{background:var(--bg-white);border:1px solid var(--color-warning,#f59e0b);border-radius:var(--radius-md);padding:var(--spacing-4)}.onboarding-wizard__overwrite-guard-content{gap:var(--spacing-3);flex-direction:column;display:flex}.onboarding-wizard__overwrite-guard-content p{font-size:var(--font-size-sm);color:var(--color-gray-800);margin:0}.onboarding-wizard__overwrite-guard-icon{color:var(--color-warning,#f59e0b);flex-shrink:0;font-size:24px}.onboarding-wizard__overwrite-guard-actions{gap:var(--spacing-2);display:flex}.onboarding-wizard__main{background:var(--bg-white);border:1px solid var(--border-color-base);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm)}.onboarding-wizard__alert{align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:var(--line-height-snug);display:flex}.onboarding-wizard__alert--error{background:var(--error-light);color:var(--error-dark)}.onboarding-wizard__alert--info{background:var(--info-light);color:var(--info-dark)}.onboarding-wizard--polling .onboarding-wizard__panel,.onboarding-wizard--failed .onboarding-wizard__panel,.onboarding-wizard--success .onboarding-wizard__panel{text-align:center;align-items:center;gap:var(--spacing-4);padding:var(--spacing-10) var(--spacing-6);background:var(--bg-white);border:1px solid var(--border-color-base);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.onboarding-wizard__spinner{border:4px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:var(--radius-circle);width:48px;height:48px;animation:.9s linear infinite spin}.onboarding-wizard__panel-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.onboarding-wizard__panel-text{max-width:480px;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-gray-700);margin:0}.onboarding-wizard__panel-fineprint{font-size:var(--font-size-xs);color:var(--color-gray-500);margin:0}.onboarding-wizard__panel-icon{font-size:64px}.onboarding-wizard__panel-icon--error{color:var(--error)}.onboarding-wizard__panel-icon--success{color:var(--success)}.onboarding-wizard__progress{gap:var(--spacing-2);flex-direction:column;width:100%;max-width:480px;display:flex}.onboarding-wizard__progress-bar{background:var(--color-gray-200);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.onboarding-wizard__progress-fill{background:var(--gradient-primary);height:100%;transition:width var(--transition-smooth)}.onboarding-wizard__progress-label{font-size:var(--font-size-sm);color:var(--color-gray-700)}.onboarding-wizard__actions{gap:var(--spacing-3);margin-top:var(--spacing-2);flex-wrap:wrap;justify-content:center;display:flex}.onboarding-wizard__actions .btn{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base);border:none;display:inline-flex}.onboarding-wizard__actions .btn-primary{background:var(--gradient-primary);color:var(--bg-white)}.onboarding-wizard__actions .btn-secondary{background:var(--color-gray-100);color:var(--color-gray-700)}.onboarding-wizard__actions .btn:disabled{opacity:var(--opacity-50);cursor:not-allowed}@media (width<=640px){.onboarding-wizard{padding:var(--spacing-4) var(--spacing-3)}.onboarding-wizard__main{padding:var(--spacing-4)}.onboarding-wizard__title{font-size:var(--font-size-2xl)}}.update-wizard{max-width:var(--container-lg);padding:var(--spacing-8) var(--spacing-5);gap:var(--spacing-6);flex-direction:column;margin:0 auto;display:flex}.update-wizard__header{gap:var(--spacing-3);flex-direction:column;display:flex}.update-wizard__back-link{align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) 0;color:var(--color-gray-700);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;align-self:flex-start;display:inline-flex}.update-wizard__back-link:hover{color:var(--color-primary)}.update-wizard__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.update-wizard__header-row{justify-content:space-between;align-items:center;gap:var(--spacing-4);flex-wrap:wrap;display:flex}.update-wizard__import-actions{align-items:center;gap:var(--spacing-2);flex-shrink:0;display:flex}.update-wizard__import-btn{align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3);white-space:nowrap;display:inline-flex}.update-wizard__file-input{display:none}.update-wizard__overwrite-guard{background:var(--bg-white);border:1px solid var(--color-warning,#f59e0b);border-radius:var(--radius-md);padding:var(--spacing-4)}.update-wizard__overwrite-guard-content{gap:var(--spacing-3);flex-direction:column;display:flex}.update-wizard__overwrite-guard-content p{font-size:var(--font-size-sm);color:var(--color-gray-800);margin:0}.update-wizard__overwrite-guard-icon{color:var(--color-warning,#f59e0b);flex-shrink:0;font-size:24px}.update-wizard__overwrite-guard-actions{gap:var(--spacing-2);display:flex}.update-wizard__body{gap:var(--spacing-6);align-items:flex-start;display:flex}.update-wizard__content{gap:var(--spacing-4);flex-direction:column;flex:1;min-width:0;display:flex}.update-wizard__step{background:var(--bg-white);border:1px solid var(--border-color-base);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm)}.update-wizard__footer{justify-content:flex-end;display:flex}.update-wizard__save-btn{padding:var(--spacing-3) var(--spacing-8);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.update-wizard__alert{align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:var(--line-height-snug);display:flex}.update-wizard__alert--error{background:var(--error-light);color:var(--error-dark)}.update-wizard__loading{padding:var(--spacing-10);text-align:center;color:var(--color-gray-500);font-size:var(--font-size-base)}.update-wizard__load-error{align-items:center;gap:var(--spacing-2);padding:var(--spacing-4);background:var(--error-light);color:var(--error-dark);border-radius:var(--radius-md);font-size:var(--font-size-sm);display:flex}@media (width<=768px){.update-wizard{padding:var(--spacing-4) var(--spacing-3)}.update-wizard__body{gap:var(--spacing-4);flex-direction:column}.update-wizard__step{padding:var(--spacing-4)}.update-wizard__title{font-size:var(--font-size-2xl)}}.project-filter-container{margin-bottom:var(--spacing-4);gap:var(--spacing-2);align-items:center;max-width:500px;display:flex}.project-filter-label{font-weight:var(--font-weight-medium);color:var(--color-gray-700);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);white-space:nowrap}.project-filter-select{padding:6px var(--spacing-2);border:var(--border-width-base) solid var(--border-color-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--bg-gray-lightest);color:var(--color-text-primary);font-weight:var(--font-weight-normal);cursor:pointer;min-width:200px;transition:var(--transition-smooth);flex:1}.project-filter-select:hover:not(:disabled){border-color:var(--color-primary)}.project-filter-select:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);background:var(--bg-white);outline:none}.project-filter-select:disabled{cursor:not-allowed;opacity:var(--opacity-60);background:var(--bg-gray-light)}.project-filter-count{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.generating-local-container{min-height:60vh;padding:var(--spacing-6);flex-direction:column;justify-content:center;align-items:center;display:flex}.generating-spinner{border:6px solid var(--color-border);border-top:6px solid var(--color-primary);width:80px;height:80px;margin-bottom:var(--spacing-4);border-radius:50%;animation:1s linear infinite spin}.generating-title{font-size:var(--font-size-2xl);color:var(--color-text);margin-bottom:var(--spacing-2);text-align:center;font-weight:600}.generating-description{font-size:var(--font-size-base);color:var(--color-text-secondary);text-align:center;max-width:500px}.generating-progress{margin-top:var(--spacing-4);width:100%;max-width:400px}.generating-progress-track{background-color:var(--color-border);border-radius:4px;width:100%;height:8px;overflow:hidden}.generating-progress-fill{background-color:var(--color-primary);border-radius:4px;height:100%;transition:width .3s}.generating-progress-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;margin-top:var(--spacing-2)}.generating-status-icon{width:80px;height:80px;margin-bottom:var(--spacing-4);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:36px;display:flex}.generating-status-icon--error{background-color:var(--color-error,#ef4444)}.generating-status-icon--success{background-color:var(--color-success,#22c55e)}.warning-banner{padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-warning-bg,#fef3cd);border:1px solid var(--color-warning-border,#ffc107);border-radius:8px;justify-content:space-between;align-items:center;display:flex}.warning-banner--column{gap:var(--spacing-3);flex-direction:column}.warning-banner--spaced{margin-bottom:var(--spacing-4)}.warning-banner__text{color:var(--color-warning-text,#856404)}.warning-banner__content{align-items:flex-start;gap:var(--spacing-2);display:flex}.warning-banner__icon{color:var(--color-warning-text,#856404);flex-shrink:0;margin-top:2px;font-size:20px}.warning-banner__message{font-size:var(--font-size-sm);color:var(--color-warning-text,#856404);margin:0;line-height:1.5}.warning-banner__action{align-self:center;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);display:flex}.generating-warning{margin-top:var(--spacing-5);width:100%;max-width:500px}.pending-render-btn{align-items:center;gap:6px;display:flex}._container_fs1wa_1{-webkit-user-select:none;user-select:none;background-color:#f3f4f6;border-radius:4px;outline:2px solid #374151;margin:0 auto;position:relative;overflow:hidden}._container_fs1wa_1._dragging_fs1wa_11{cursor:grabbing}._container_fs1wa_1:not(._dragging_fs1wa_11){cursor:grab}._image_fs1wa_19{object-fit:contain;pointer-events:none;position:absolute;top:0;left:0}._svgOverlay_fs1wa_27{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}._centerPoint_fs1wa_38{z-index:10;background-color:#fff;border:2px solid #1f2937;border-radius:50%;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 6px #0000001a}._centerPoint_fs1wa_38._dragging_fs1wa_11{cursor:grabbing}._centerPoint_fs1wa_38:not(._dragging_fs1wa_11){cursor:grab}._centerPoint_fs1wa_38:focus-visible{outline-offset:2px;outline:2px solid #2563eb}._crossVertical_fs1wa_63{background:#1f2937;width:2px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._crossHorizontal_fs1wa_73{background:#1f2937;width:8px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._dragArea_fs1wa_83{z-index:9;width:40px;height:40px;position:absolute;transform:translate(-50%,-50%)}._dragArea_fs1wa_83._dragging_fs1wa_11{cursor:grabbing}._dragArea_fs1wa_83:not(._dragging_fs1wa_11){cursor:grab}._wrapper_1h95j_1{width:100%}._header_1h95j_5{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}._label_1h95j_12{color:#374151;font-size:14px;font-weight:500;display:block}._resetButton_1h95j_19{cursor:pointer;background-color:#e5e7eb;border:none;border-radius:4px;padding:4px 8px;font-size:12px;transition:background-color .2s}._resetButton_1h95j_19:hover{background-color:#d1d5db}._helpText_1h95j_33{color:#6b7280;margin-top:8px;font-size:12px}._zoomControl_1h95j_39{border-radius:6px;align-items:center;gap:8px;margin-top:12px;padding:8px;display:flex}._zoomLabel_1h95j_48{color:#374151;min-width:40px;font-size:12px;font-weight:500}._zoomSlider_1h95j_55{cursor:pointer;accent-color:#3b82f6;flex:1;height:4px}._zoomValue_1h95j_62{color:#6b7280;text-align:right;min-width:45px;font-size:12px}.template-editor{background-color:var(--color-bg-primary);flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden}.editor-top-menu{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);grid-template-columns:1fr auto 1fr;display:grid}.editor-top-menu>div:last-child{justify-self:end}.editor-top-menu h2{font-size:var(--font-size-xl);color:var(--color-text-primary);margin:0}.canvas-mode-selector{gap:var(--spacing-2);display:flex}.mode-btn{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-md);cursor:pointer;transition:all .2s;display:flex}.mode-btn svg{font-size:1.5rem}.mode-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.mode-btn.active{border:3px solid var(--color-primary);color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);font-weight:600}.editor-content{flex:1;display:flex;overflow:hidden}.editor-sidebar{background-color:var(--color-bg-secondary);border-left:1px solid var(--color-border);width:350px;padding:var(--spacing-4);order:2;min-height:0;overflow-y:auto}.editor-sidebar h3{margin:0 0 var(--spacing-4) 0;font-size:var(--font-size-lg);color:var(--color-text-primary)}.elements-list{gap:var(--spacing-3);flex-direction:column;display:flex}.element-btn{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-md);cursor:pointer;text-align:left;transition:all .2s;display:flex}.element-btn svg{color:var(--color-primary);font-size:1.5rem}.element-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.element-btn:active{transform:translateY(0)}.element-btn:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-bg-secondary);border-color:var(--color-border)}.element-btn:disabled:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border);box-shadow:none;transform:translateY(0)}.element-btn:disabled svg{color:var(--color-text-secondary)}.editor-canvas-container{padding:var(--spacing-4);background-color:#e5e7eb;background-image:linear-gradient(45deg,#d1d5db 25%,#0000 25%),linear-gradient(-45deg,#d1d5db 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d1d5db 75%),linear-gradient(-45deg,#0000 75%,#d1d5db 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;flex-direction:column;flex:1;order:1;display:flex;overflow:hidden}.canvas-info{padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.canvas-info span{font-weight:500}.canvas-size-select{padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;min-width:200px;font-weight:600;transition:all .2s}.canvas-size-select:hover{border-color:var(--color-primary)}.canvas-size-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.zoom-controls{align-items:center;gap:var(--spacing-2);display:flex}.zoom-controls button{padding:var(--spacing-1) var(--spacing-3);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-md);cursor:pointer;min-width:32px;font-weight:600;transition:all .2s}.zoom-controls button:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.zoom-controls span{text-align:center;min-width:50px;color:var(--color-text-primary);font-weight:600}.canvas-wrapper{flex:1;justify-content:center;align-items:flex-start;display:flex}.konva-stage{border-radius:var(--radius-md);background-color:#fff;box-shadow:0 10px 25px #0000001a,0 4px 10px #00000014}.layers-panel{margin-top:var(--spacing-4);padding:var(--spacing-3);background-color:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-md)}.layers-panel h3{margin:0 0 var(--spacing-3) 0;font-size:var(--font-size-md);color:var(--color-text-primary);font-weight:600}.layers-list{gap:var(--spacing-2);flex-direction:column;max-height:300px;display:flex;overflow-y:auto}.layer-item{padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:center;transition:all .2s;display:flex}.layer-item:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary);transform:translate(4px)}.layer-item.selected{border:3px solid var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.layer-info{align-items:center;gap:var(--spacing-2);flex:1;min-width:0;display:flex}.layer-icon{color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.layer-name{font-size:var(--font-size-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.layer-item.selected .layer-name{color:var(--color-primary);font-weight:600}.layer-controls{gap:var(--spacing-1);flex-shrink:0;display:flex}.layer-btn{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.layer-btn:hover:not(:disabled){background-color:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:scale(1.1)}.layer-btn:disabled{opacity:.3;cursor:not-allowed}.layer-btn svg{font-size:1rem}.text-properties{margin-top:var(--spacing-4);padding:var(--spacing-4);background-color:var(--color-bg-primary);border:2px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.text-properties h3{margin:0 0 var(--spacing-3) 0;font-size:var(--font-size-md);color:var(--color-primary);font-weight:600}.property-group{gap:var(--spacing-2);margin-bottom:var(--spacing-3);flex-direction:column;display:flex}.property-group label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;font-weight:500}.property-group-controls{gap:var(--spacing-2);align-items:center;display:flex}.property-group-controls .color-picker{flex:1}.property-group-controls .color-input{flex:3;width:50%}.color-picker{border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;height:38px;transition:all .2s}.color-picker:hover{border-color:var(--color-primary);transform:scale(1.05)}.color-input{padding:var(--spacing-2);border:2px solid var(--color-border);border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:var(--font-size-sm);text-transform:uppercase;transition:all .2s}.color-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.size-slider{border-radius:var(--radius-sm);background:var(--color-border);cursor:pointer;outline:none;flex:1;min-width:0;height:6px}.size-slider::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:all .2s}.size-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 4px var(--color-primary-light);transform:scale(1.2)}.size-slider::-moz-range-thumb{background:var(--color-primary);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;transition:all .2s}.size-slider::-moz-range-thumb:hover{box-shadow:0 0 0 4px var(--color-primary-light);transform:scale(1.2)}.size-input{width:60px;padding:var(--spacing-2);border:2px solid var(--color-border);border-radius:var(--radius-sm);text-align:center;font-size:var(--font-size-sm);font-weight:500;transition:all .2s}.size-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.btn-delete{width:100%;padding:var(--spacing-2) var(--spacing-3);background-color:var(--color-error-light);color:var(--color-error);border:2px solid var(--color-error);border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;font-weight:600;transition:all .2s}.btn-delete:hover{background-color:var(--color-error);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-delete:active{transform:translateY(0)}.align-btn{padding:var(--spacing-2);background-color:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;flex:1;justify-content:center;align-items:center;font-size:1.5rem;transition:all .2s;display:flex}.align-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.05)}.align-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}.align-btn:disabled{background-color:var(--color-bg-secondary,#f5f5f5);border-color:var(--color-border,#e0e0e0);color:var(--color-text-disabled,#a0a0a0);cursor:not-allowed;opacity:.6;transform:none}.align-btn:disabled:hover{background-color:var(--color-bg-secondary,#f5f5f5);border-color:var(--color-border,#e0e0e0);color:var(--color-text-disabled,#a0a0a0);transform:none}.editor-help{margin-top:var(--spacing-3);padding:var(--spacing-3);background-color:var(--color-info-light);border-left:4px solid var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.editor-help p{color:var(--color-text-secondary);margin:0;line-height:1.5}.editor-help strong{color:var(--color-text-primary)}.editor-help kbd{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:3px;padding:2px 6px;font-family:monospace;font-size:11px;font-weight:600;display:inline-block;box-shadow:0 1px 2px #0000001a}.template-info-header{padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.template-info-row{align-items:center;gap:var(--spacing-3);display:flex}.template-info-column{gap:var(--spacing-1);flex-direction:column;display:flex}.template-info-separator{color:var(--color-text-tertiary,#9ca3af);font-size:var(--font-size-lg)}.template-info-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.template-info-title .editable-text-input{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--color-primary);border-radius:var(--radius-sm);min-width:200px}.template-info-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);flex:1}.template-info-description .editable-text-input{font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--color-primary);border-radius:var(--radius-sm);min-width:300px}@media (width<=768px){.editor-content{flex-direction:column}.editor-sidebar{border-right:none;border-bottom:1px solid var(--color-border);width:100%}.elements-list{flex-direction:row;overflow-x:auto}.element-btn{min-width:120px}.mode-btn span{display:none}}.editor-image-modal{border-radius:var(--radius-2xl);width:90%;max-width:800px;max-height:90vh;box-shadow:var(--shadow-lg);background:0 0;border:none;margin:0;padding:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.editor-image-modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}.editor-image-modal-content{background:var(--bg-white);padding:var(--spacing-8);border-radius:var(--radius-2xl);flex-direction:column;max-height:90vh;display:flex;overflow:hidden}.editor-image-modal-header{text-align:center;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-6);border-bottom:1px solid var(--color-gray-200)}.editor-image-modal-header .header-icon{color:var(--color-primary);margin-bottom:var(--spacing-4);font-size:48px}.editor-image-modal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--spacing-2)}.editor-image-modal-subtitle{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0}.editor-image-dropzone{padding:var(--spacing-12,48px) var(--spacing-8);border:2px dashed var(--color-gray-300);border-radius:var(--radius-xl);background:var(--color-gray-50,#f9fafb);cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--spacing-6);flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}.editor-image-dropzone:hover{border-color:var(--color-primary);background:var(--bg-orange-light,#fff7ed)}.editor-image-dropzone--active{border-color:var(--color-primary);background:var(--bg-orange-light,#fff7ed);border-style:solid}.dropzone-icon{color:var(--color-gray-400);margin-bottom:var(--spacing-4);transition:color var(--transition-base);font-size:56px}.editor-image-dropzone:hover .dropzone-icon,.editor-image-dropzone--active .dropzone-icon{color:var(--color-primary)}.dropzone-text{font-size:var(--font-size-lg,18px);font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin:0 0 var(--spacing-2) 0}.dropzone-subtext{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}.editor-image-modal-actions{gap:var(--spacing-4);padding-top:var(--spacing-6);border-top:1px solid var(--color-gray-200);justify-content:center;display:flex}@media (width<=768px){.editor-image-modal{max-width:95%;max-height:95vh}.editor-image-modal-content{padding:var(--spacing-6)}.editor-image-dropzone{min-height:160px;padding:var(--spacing-8) var(--spacing-6)}}.design-script-page{padding:var(--spacing-4);max-width:1200px;margin:0 auto}.design-script-page__back{margin-bottom:var(--spacing-3)}.design-script-page__header{gap:var(--spacing-4);padding:var(--spacing-4);margin-bottom:var(--spacing-5);background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);grid-template-columns:3fr 1fr;align-items:center;display:grid}.design-script-page__info{gap:var(--spacing-1);flex-direction:column;min-width:0;display:flex}.design-script-page__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.design-script-page__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.design-script-page__hint{margin:var(--spacing-1) 0 0;font-size:var(--font-size-xs);color:var(--color-text-secondary);font-style:italic}.design-script-page__action{justify-content:center;display:flex}.design-script-page__generate-btn{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:var(--color-primary,#f97316);color:#fff;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);white-space:nowrap;border:none;transition:opacity .2s,transform .1s;display:inline-flex}.design-script-page__generate-btn:hover:not(:disabled){opacity:.9}.design-script-page__generate-btn:active:not(:disabled){transform:scale(.98)}.design-script-page__generate-btn:disabled{opacity:.5;cursor:not-allowed}.design-script-page__loading{text-align:center;padding:var(--spacing-8);color:var(--color-text-secondary)}.design-script-page__filters{margin-bottom:var(--spacing-4);justify-content:flex-end;display:flex}.design-script-page__filter-select{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-color,#d1d5db);border-radius:var(--radius-md);background:var(--bg-white);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;min-width:180px}.design-script-page__filter-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #f9731633}@media (width<=720px){.design-script-page__header{grid-template-columns:1fr}.design-script-page__action{justify-content:flex-end}}.generating-script-page{padding:var(--spacing-6);max-width:720px;min-height:calc(100vh - var(--header-height,64px) - var(--spacing-6) * 2);flex-direction:column;margin:0 auto;display:flex}.generating-script-page__stage{justify-content:center;align-items:center;gap:var(--spacing-4);text-align:center;padding:var(--spacing-8) var(--spacing-4);flex-direction:column;flex:1;display:flex}.generating-script-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);max-width:28ch;margin:0}.generating-script-page__hint{max-width:42ch;color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0;line-height:1.5}.generating-script-page__warning{max-width:480px}.generating-script-page__btn{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-top:var(--spacing-2);border:none;display:inline-flex}.generating-script-page__btn:hover{opacity:.9}.generating-script-page__btn--secondary{background:var(--bg-light);color:var(--color-text)}.new-template-modal{border-radius:var(--radius-2xl);width:90%;max-width:500px;box-shadow:var(--shadow-lg);background:0 0;border:none;margin:0;padding:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.new-template-modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}.new-template-modal-content{background:var(--bg-white);padding:var(--spacing-6);border-radius:var(--radius-2xl)}.new-template-modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-2) 0}.new-template-modal-description{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0 0 var(--spacing-4) 0}.new-template-modal-options{gap:var(--spacing-3);margin-bottom:var(--spacing-6);flex-direction:column;display:flex}.variant-option{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--border-color-light,#e5e7eb);border-radius:var(--radius-lg);cursor:pointer;background:var(--bg-white);transition:all .2s;display:flex}.variant-option:hover{border-color:var(--color-primary-light,#93c5fd)}.variant-option--selected{border-color:var(--color-primary);background:var(--color-primary)}.variant-option--selected .variant-option-label{color:#fff}.variant-option--selected .variant-option-desc{color:#ffffffd9}.variant-option-input{display:none}.variant-option-icon{border-radius:var(--radius-md);background:var(--color-gray-200);width:40px;height:40px;color:var(--color-gray-600);flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.variant-option-icon--selected{background:var(--color-primary);color:#fff}.variant-option-content{flex:1}.variant-option-label{font-weight:var(--font-weight-semibold);color:var(--color-gray-900);font-size:var(--font-size-sm)}.variant-option-desc{font-size:var(--font-size-xs);color:var(--color-gray-500)}.variant-option-check{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex}.new-template-modal-actions{gap:var(--spacing-3);justify-content:flex-end;display:flex}.import-styles-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.import-styles-modal{background:var(--color-bg,#fff);border-radius:var(--border-radius-lg,8px);width:90%;max-width:600px;max-height:80vh;padding:var(--spacing-6,24px);border:1px solid var(--color-border,#e5e7eb);overflow-y:auto;box-shadow:0 8px 32px #0000004d}.import-styles-header{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border);display:flex}.import-styles-header .header-icon{color:var(--color-primary);font-size:1.75rem}.import-styles-header h3{font-size:var(--font-size-xl);color:var(--color-text);margin:0}.import-styles-loading,.import-styles-error{padding:var(--spacing-4);text-align:center;border-radius:var(--border-radius)}.import-styles-loading{color:var(--color-text-secondary)}.import-styles-error{background:var(--color-error-bg,#fef2f2);color:var(--color-error,#dc2626)}.import-styles-section{margin-bottom:var(--spacing-5)}.import-styles-section>label{margin-bottom:var(--spacing-3);color:var(--color-text);font-weight:600;display:block}.variants-list{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.variant-btn{padding:var(--spacing-2) var(--spacing-4);border:2px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-bg);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);transition:all .2s}.variant-btn:hover{border-color:var(--color-primary);background:var(--color-bg-secondary)}.variant-btn.selected{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.styles-comparison{gap:var(--spacing-4);flex-direction:column;display:flex}.style-item{padding:var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-bg-secondary)}.style-checkbox{align-items:center;gap:var(--spacing-2);cursor:pointer;margin-bottom:var(--spacing-3);display:flex}.style-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px}.element-name{color:var(--color-text);font-weight:600}.style-preview-container{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--color-bg);border-radius:var(--border-radius);display:flex}.style-preview{gap:var(--spacing-1);flex-direction:column;flex:1;display:flex}.preview-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.preview-value{font-size:var(--font-size-sm);color:var(--color-text);font-family:var(--font-mono,monospace);word-break:break-all}.style-preview.current .preview-value{color:var(--color-text-secondary)}.style-preview.source .preview-value{color:var(--color-primary);font-weight:500}.compare-icon{color:var(--color-text-secondary);flex-shrink:0;font-size:1.25rem}.import-styles-actions{gap:var(--spacing-3);margin-top:var(--spacing-5);padding-top:var(--spacing-4);border-top:1px solid var(--color-border);justify-content:flex-end;display:flex}.import-styles-actions .btn{padding:var(--spacing-2) var(--spacing-5)}.import-styles-actions .btn:disabled{opacity:.5;cursor:not-allowed}.import-summary{gap:var(--spacing-2);padding:var(--spacing-4);background:var(--color-bg-secondary);border-radius:var(--border-radius);border:1px solid var(--color-border);flex-direction:column;display:flex}.summary-item{justify-content:space-between;align-items:center;display:flex}.summary-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.summary-value{color:var(--color-text);font-weight:600;font-size:var(--font-size-base)}.import-warning{margin-top:var(--spacing-3);padding:var(--spacing-3);background:var(--color-warning-bg,#fffbeb);border:1px solid var(--color-warning,#f59e0b);border-radius:var(--border-radius);color:var(--color-warning-text,#92400e);font-size:var(--font-size-sm);text-align:center}.providers-table{border-collapse:collapse;width:100%;margin-top:var(--spacing-4);background:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.providers-table thead{background:var(--color-bg-secondary)}.providers-table th{padding:var(--spacing-3);text-align:left;color:var(--color-text-primary);border-bottom:2px solid var(--color-border);font-weight:600}.providers-table td{padding:var(--spacing-3);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}.providers-table tbody tr:hover{background:var(--color-bg-hover)}.provider-badge{padding:var(--spacing-1) var(--spacing-2);background:var(--color-primary-light);color:#ededed;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;display:inline-block}.code-text{font-family:Courier New,monospace;font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.status-badge{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;display:inline-block}.status-badge.active{background:var(--color-success-light);color:var(--color-success)}.status-badge.inactive{background:var(--color-error-light);color:var(--color-error)}.action-buttons{gap:var(--spacing-2);display:flex}.btn-icon-action{padding:var(--spacing-2);cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-icon-action:hover{background:var(--color-bg-hover);color:var(--color-primary)}.btn-icon-action.danger:hover{background:var(--color-error-light);color:var(--color-error)}.btn-icon-action svg{font-size:1.2rem}.template-filter-select{padding:6px var(--spacing-2);border:var(--border-width-base) solid var(--border-color-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--bg-gray-lightest);color:var(--color-text-primary);font-weight:var(--font-weight-normal);cursor:pointer;min-width:200px;transition:var(--transition-smooth)}.template-filter-select:hover{border-color:var(--color-primary)}.template-filter-select:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);background:var(--bg-white);outline:none}.plan-card{background:var(--bg-gray-light);border-radius:var(--radius-lg);padding:var(--spacing-5);border:1px solid var(--border-color-light);position:relative}.plan-card.plan-card--current{border:2px solid var(--color-primary);background:#d5542814}.plan-card__badge{top:-10px;right:var(--spacing-4);background:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px 12px;position:absolute}.plan-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-2)}.plan-card.plan-card--current .plan-card__title{color:var(--color-primary)}.plan-card__price{margin-bottom:var(--spacing-3)}.plan-card__price-amount{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.plan-card__price-period{font-size:var(--font-size-sm);color:var(--color-gray-600)}.plan-card__description{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--spacing-4);min-height:40px}.plan-card__features{margin:0;margin-bottom:var(--spacing-4);padding:0;list-style:none}.plan-card__feature{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-gray-700);display:flex}.plan-card__feature:last-child{margin-bottom:0}.plan-card__feature-icon{color:var(--color-blue);flex-shrink:0}.plan-card__button{justify-content:center;width:100%}.plan-card__status{text-align:center;padding:var(--spacing-2);font-size:var(--font-size-sm)}.plan-card__status--current{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.plan-card__status--welcome{color:var(--color-gray-500)}.plans-empty{text-align:center;padding:var(--spacing-6);color:var(--color-gray-500)}.back-link-container{margin-bottom:var(--spacing-4)}.status-badge{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:inline-flex}.status-badge--active{background:var(--color-blue);color:#fff}.status-badge--inactive{background:var(--color-red-light);color:var(--color-red-dark)}.subscription-content{gap:var(--spacing-6);margin-top:var(--spacing-6);flex-direction:column;display:flex}.subscription-card{background:var(--bg-white);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-md)}.subscription-header{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.subscription-header__greeting{color:var(--color-gray-600);font-size:var(--font-size-sm);margin-bottom:var(--spacing-1)}.subscription-header__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.current-plan{background:var(--color-gray-900);color:#fff;padding:var(--spacing-6);border-radius:var(--radius-lg);margin-bottom:var(--spacing-5);gap:var(--spacing-4);grid-template-columns:1fr auto;align-items:center;display:grid}.current-plan__name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2);color:#fff}.current-plan__description{font-size:var(--font-size-sm);opacity:.8;color:#fff}.current-plan__price{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-top:var(--spacing-3);color:#fff}.current-plan__price-period{font-size:var(--font-size-base);font-weight:400}.current-plan__credits-container{gap:var(--spacing-4);display:flex}.current-plan__credits{text-align:center;padding:var(--spacing-4) var(--spacing-6);border-radius:var(--radius-lg);background:#ffffff1a;flex:1;min-width:100px}.current-plan__credits-label{font-size:var(--font-size-sm);margin-bottom:var(--spacing-1);opacity:.8;color:#fff}.current-plan__credits-amount{font-size:3rem;font-weight:var(--font-weight-bold);color:#fff;display:block}.current-plan__credits-total{font-size:var(--font-size-xs);opacity:.7;margin-top:var(--spacing-1);color:#fff}.welcome-credits{background:linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-primary) 100%);padding:var(--spacing-4);border-radius:var(--radius-lg);margin-bottom:var(--spacing-5);justify-content:space-between;align-items:center;gap:var(--spacing-4);display:flex}.welcome-credits__content{align-items:center;gap:var(--spacing-3);display:flex}.welcome-credits__icon{color:#fff;font-size:2rem}.welcome-credits__title{color:#fff;font-weight:var(--font-weight-semibold)}.welcome-credits__subtitle{color:#fffc;font-size:var(--font-size-sm)}.welcome-credits__button{background:var(--color-blue);color:#fff;white-space:nowrap}.welcome-credits__button:hover{background:var(--color-blue-dark)}.subscription-grid{gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.subscription-box{background:var(--bg-gray-light);padding:var(--spacing-4);border-radius:var(--radius-lg)}.subscription-box__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3);color:var(--color-gray-900)}.features-list{margin:0;padding:0;list-style:none}.features-list__item{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);color:var(--color-gray-700);display:flex}.features-list__item:last-child{margin-bottom:0}.features-list__icon{color:var(--color-blue);flex-shrink:0}.billing-field{margin-bottom:var(--spacing-3)}.billing-field__label{color:var(--color-gray-600);font-size:var(--font-size-sm);margin-bottom:var(--spacing-1)}.billing-field__value{color:var(--color-gray-900);font-weight:var(--font-weight-medium)}.days-badge{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);display:inline-block}.days-badge--ok{color:#fff;background:var(--color-green)}.days-badge--warning{color:var(--color-red);background:var(--color-red-light)}.days-badge--expired{color:#92400e;background:#fef3c7}.btn-cancel-subscription{margin-top:var(--spacing-4);width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-red);color:var(--color-red);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;background:0 0;transition:all .2s}.btn-cancel-subscription:hover{background:var(--color-red-light)}.cancellation-warning{margin-top:var(--spacing-4);padding:var(--spacing-3);background:var(--color-orange-light);border-radius:var(--radius-md);align-items:center;gap:var(--spacing-2);display:flex}.cancellation-warning__icon{color:var(--color-orange);flex-shrink:0}.cancellation-warning__text{font-size:var(--font-size-sm);color:var(--color-orange-dark)}.ai-usage__header{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4);display:flex}.ai-usage__icon{color:var(--color-primary);font-size:1.5rem}.ai-usage__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.ai-usage__item{background:var(--bg-gray-light);border-radius:var(--radius-lg);padding:var(--spacing-4)}.ai-usage__item-header{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-3);display:flex}.ai-usage__provider-icon{color:var(--color-primary);font-size:1.25rem}.ai-usage__provider-name{font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.ai-usage__media-type{font-size:var(--font-size-xs);color:var(--color-gray-500);background:var(--bg-white);border-radius:var(--radius-full);text-transform:capitalize;padding:2px 8px}.ai-usage__progress{background:var(--color-gray-200);border-radius:var(--radius-full);height:8px;margin-bottom:var(--spacing-2);overflow:hidden}.ai-usage__progress-bar{border-radius:var(--radius-full);height:100%;transition:width .3s}.ai-usage__progress-bar--ok{background:var(--color-primary)}.ai-usage__progress-bar--warning{background:var(--color-orange)}.ai-usage__progress-bar--danger{background:var(--color-red)}.ai-usage__stats{justify-content:space-between;align-items:center;display:flex}.ai-usage__used{font-size:var(--font-size-sm);color:var(--color-gray-600)}.ai-usage__remaining{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.ai-usage__remaining--ok{color:var(--color-green-dark)}.ai-usage__remaining--danger{color:var(--color-red)}.ai-usage__footer{margin-top:var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-gray-500)}.available-plans__header{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-2);display:flex}.available-plans__icon{color:var(--color-primary);font-size:1.5rem}.available-plans__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.available-plans__subtitle{color:var(--color-gray-600);margin-bottom:var(--spacing-5)}.payment-methods__header{justify-content:space-between;align-items:center;gap:var(--spacing-3);display:flex}.payment-methods__info{align-items:center;gap:var(--spacing-3);display:flex}.payment-methods__icon{color:var(--color-primary);font-size:1.5rem}.payment-methods__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.payment-methods__subtitle{color:var(--color-gray-600);font-size:var(--font-size-sm)}.payment-methods__button{align-items:center;gap:var(--spacing-2);display:flex}.cancel-modal__question{margin-bottom:var(--spacing-4)}.cancel-modal__options{flex-direction:column;align-items:center;display:flex}.cancel-modal__option{margin-bottom:var(--spacing-3);width:100%;max-width:340px}.cancel-modal__option:last-child{margin-bottom:0}.cancel-modal__label{align-items:flex-start;gap:var(--spacing-2);cursor:pointer;text-align:left;display:flex}.cancel-modal__label input[type=radio]{flex-shrink:0;margin-top:4px}.cancel-modal__hint{font-size:var(--font-size-sm);color:var(--color-gray-600)}.empty-state-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2);color:var(--color-gray-700)}.empty-state-description{color:var(--color-gray-600)}@media (width<=768px){.current-plan{grid-template-columns:1fr}.welcome-credits{text-align:center;flex-direction:column}.welcome-credits__content{flex-direction:column}.payment-methods__header{flex-direction:column;align-items:flex-start}.payment-methods__button{justify-content:center;width:100%}}.invoices-empty{text-align:center;padding:var(--spacing-8) var(--spacing-4);margin-top:var(--spacing-6)}.invoices-empty__icon{color:var(--color-gray-400);margin-bottom:var(--spacing-3);font-size:3rem}.invoices-empty__title{font-size:var(--font-size-lg);color:var(--color-gray-700);margin-bottom:var(--spacing-2)}.invoices-empty__description{color:var(--color-gray-500)}.invoices-list{gap:var(--spacing-4);margin-top:var(--spacing-6);flex-direction:column;display:flex}.invoice-card{background:var(--bg-white);border-radius:var(--radius-xl);padding:var(--spacing-5);box-shadow:var(--shadow-md)}.invoice-card__header{margin-bottom:var(--spacing-3);justify-content:space-between;align-items:center;display:flex}.invoice-card__info{align-items:center;gap:var(--spacing-3);display:flex}.invoice-card__number{font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.invoice-card__amount{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.invoice-status{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);align-items:center;padding:2px 10px;display:inline-flex}.invoice-status--paid{background:var(--color-green-light,#d1fae5);color:var(--color-green-dark,#065f46)}.invoice-status--open{background:var(--color-blue-light,#dbeafe);color:var(--color-blue-dark,#1e40af)}.invoice-status--draft{background:var(--color-gray-100,#f3f4f6);color:var(--color-gray-600,#4b5563)}.invoice-status--uncollectible{background:var(--color-orange-light,#ffedd5);color:var(--color-orange-dark,#9a3412)}.invoice-status--void{background:var(--color-red-light,#fee2e2);color:var(--color-red-dark,#991b1b)}.invoice-card__details{margin-bottom:var(--spacing-3)}.invoice-card__date{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--spacing-1)}.invoice-card__period{font-size:var(--font-size-sm);color:var(--color-gray-500)}.invoice-card__actions{gap:var(--spacing-2);padding-top:var(--spacing-3);border-top:1px solid var(--color-gray-200,#e5e7eb);display:flex}.invoice-card__btn{align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);text-decoration:none;display:inline-flex}.invoices-load-more{margin-top:var(--spacing-2);align-self:center}@media (width<=768px){.invoice-card__header{align-items:flex-start;gap:var(--spacing-2);flex-direction:column}.invoice-card__amount{font-size:var(--font-size-base)}}.account-cards-grid{gap:var(--spacing-4);margin-top:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.account-card{align-items:center;gap:var(--spacing-4);background:var(--bg-white);border-radius:var(--radius-xl);padding:var(--spacing-5) var(--spacing-6);box-shadow:var(--shadow-md);color:inherit;text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex}.account-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.account-card__icon{color:var(--color-blue);flex-shrink:0;font-size:2rem}.account-card__content{min-width:0}.account-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 var(--spacing-1) 0}.account-card__description{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0}.account-linked-section{background:var(--bg-white);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-md);margin-top:var(--spacing-6)}.account-linked-header{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-5);display:flex}.account-linked-header__icon{color:var(--color-blue);flex-shrink:0;font-size:1.5rem}.account-linked-header__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.account-linked-header__subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:var(--spacing-1) 0 0 0}.account-linked-item{justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--color-gray-200,#e5e7eb);border-radius:var(--radius-lg);display:flex}.account-linked-item__info{align-items:center;gap:var(--spacing-3);min-width:0;display:flex}.account-linked-item__icon{border-radius:var(--radius-lg);background:var(--color-gray-200,#e5e7eb);width:40px;height:40px;color:var(--color-gray-500,#6b7280);flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.account-linked-item__icon--connected{background:var(--color-blue,#2563eb);color:#dbeafe}.account-linked-item__details{flex-direction:column;gap:2px;min-width:0;display:flex}.account-linked-item__name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.account-linked-item__status{font-size:var(--font-size-sm);color:var(--color-gray-500);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-linked-item__status--connected{color:var(--color-blue,#2563eb)}.account-linked-item__btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium,500);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;transition:background-color .2s}.account-linked-item__btn--connect{background:var(--color-blue,#2563eb);color:#fff}.account-linked-item__btn--connect:hover{background:#1d4ed8}.account-linked-item__btn--disconnect{color:#dc2626;background:#fff;border:1px solid #dc2626}.account-linked-item__btn--disconnect:hover{color:#fff;background:#dc2626}.account-linked-item__btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=480px){.account-linked-item{flex-direction:column;align-items:stretch}.account-linked-item__btn{text-align:center}}.profile-form-card{background:var(--bg-white);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-md);max-width:560px;margin-top:var(--spacing-6)}.profile-form-field{margin-bottom:var(--spacing-5)}.profile-form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);margin-bottom:var(--spacing-2);display:block}.profile-form-input{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-gray-900);background:var(--bg-white);box-sizing:border-box;transition:border-color .2s}.profile-form-input:focus{border-color:var(--color-blue);outline:none;box-shadow:0 0 0 3px #3b82f61a}.profile-form-input--disabled{background:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed}.profile-form-hint{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-top:var(--spacing-1);display:block}.profile-form-submit{margin-top:var(--spacing-2);width:100%}.password-form-card{background:var(--bg-white);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-md);max-width:480px;margin-top:var(--spacing-6)}.password-form-error{background:var(--color-red-light,#fef2f2);color:var(--color-red-dark,#991b1b);border:1px solid var(--color-red,#fca5a5);border-radius:var(--radius-md);padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-5);font-size:var(--font-size-sm)}.password-form-field{margin-bottom:var(--spacing-5)}.password-form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);margin-bottom:var(--spacing-2);display:block}.password-form-input{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-gray-900);background:var(--bg-white);box-sizing:border-box;transition:border-color .2s}.password-form-input:focus{border-color:var(--color-blue);outline:none;box-shadow:0 0 0 3px #3b82f61a}.password-form-hint{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-top:var(--spacing-1);display:block}.password-form-submit{margin-top:var(--spacing-2);width:100%}.meeting-card{aspect-ratio:3/4;background:var(--bg-gray-light);cursor:pointer;max-height:380px;box-shadow:var(--shadow-md);border-radius:var(--border-radius-lg);transition:all .2s;position:relative;overflow:hidden}.meeting-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.meeting-card--selection-mode{cursor:pointer}.meeting-card--selected{outline:3px solid var(--color-primary-500);outline-offset:-3px}.meeting-card-checkbox{top:var(--spacing-2);left:var(--spacing-2);z-index:10;border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;transition:var(--transition-smooth);background:0 0;justify-content:center;align-items:center;display:flex;position:absolute}.meeting-card-checkbox:hover{transform:scale(1.1)}.checkbox-icon{color:var(--color-gray-500);font-size:22px;transition:color .2s}.checkbox-icon--checked{color:var(--color-primary-500)}.meeting-card-stacked{background:linear-gradient(135deg, var(--bg-gray-light) 0%, var(--bg-gray-lightest) 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.meeting-card-content{align-items:center;gap:var(--spacing-4);padding:var(--spacing-6);flex-direction:column;display:flex}.meeting-card-icon{border-radius:var(--border-radius-lg);color:#fff;background:linear-gradient(135deg,#0b5cff 0%,#0845c4 100%);justify-content:center;align-items:center;width:120px;height:120px;font-size:64px;transition:all .3s;display:flex;box-shadow:0 4px 12px #0b5cff4d}.meeting-card:hover .meeting-card-icon{transform:scale(1.05);box-shadow:0 6px 20px #0b5cff66}.meeting-card-icon--with-ideas{color:#fff;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);box-shadow:0 4px 16px #fbbf2466}.meeting-card:hover .meeting-card-icon--with-ideas{box-shadow:0 6px 20px #fbbf2480}.meeting-card-title{font-size:var(--font-size-lg);color:var(--color-text-primary);text-align:center;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;margin:0;font-weight:600;line-height:1.4;transition:all .3s;display:-webkit-box;overflow:hidden}.meeting-card:hover .meeting-card-title{-webkit-line-clamp:unset;white-space:normal;overflow:visible}.stacked-info--visible{padding:var(--spacing-3) var(--spacing-4);opacity:1!important}.stacked-info-content{flex:1;min-width:0}.stacked-info-meta{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);color:#ffffffe6;display:flex}.stacked-info-source{font-weight:500;font-size:var(--font-size-xs)}.stacked-info-separator{color:#ffffff80;font-weight:700}.stacked-info-ideas{align-items:center;gap:4px;display:flex}.stacked-info-ideas svg{font-size:14px}.meeting-card-generate-btn-compact{color:#fff;border-radius:var(--border-radius-md);cursor:pointer;background:#fbbf24;border:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:all .2s;display:flex;box-shadow:0 2px 8px #fbbf244d}.meeting-card-generate-btn-compact:hover{background:#f59e0b;transform:scale(1.1);box-shadow:0 4px 12px #fbbf2466}.meeting-card-header{top:var(--spacing-3);right:var(--spacing-3);z-index:15;position:absolute}.meeting-card-menu{position:relative}.meeting-card-menu-button{border-radius:var(--radius-full);cursor:pointer;width:36px;height:36px;color:var(--color-gray-700);transition:var(--transition-smooth);opacity:0;background:0 0;border:none;justify-content:center;align-items:center;font-size:24px;display:flex}.meeting-card:hover .meeting-card-menu-button{opacity:1}.meeting-card-dropdown{margin-top:var(--spacing-2);background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:var(--border-width-base) solid var(--border-color-light);z-index:100;min-width:180px;position:absolute;top:100%;right:0;overflow:hidden}.zoom-btn-group{align-items:center;gap:var(--spacing-2,8px);flex-shrink:0;display:flex}.zoom-btn-label{font-size:var(--font-size-sm,13px);color:var(--color-gray-500,#6b7280);white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.zoom-btn{border-radius:var(--radius-lg,8px);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:background-color .2s,opacity .2s;display:flex}.zoom-btn--connected{background:var(--color-blue,#2563eb);color:#dbeafe}.zoom-btn--connected:hover{background:#1d4ed8}.zoom-btn--disconnected{background:var(--color-gray-200,#e5e7eb);color:var(--color-gray-500,#6b7280)}.zoom-btn--disconnected:hover{background:var(--color-gray-300,#d1d5db)}.zoom-btn--loading{background:var(--color-gray-200,#e5e7eb);color:var(--color-gray-400,#9ca3af);cursor:not-allowed;opacity:.6}.meetings-header-row{justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);display:flex}.meetings-header-row .page-header{flex:1;min-width:0}.meetings-loading,.meetings-empty{padding:var(--spacing-12) var(--spacing-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.meetings-empty .empty-icon{color:var(--color-gray-300);margin-bottom:var(--spacing-4);font-size:64px}.meetings-empty h3{font-size:var(--font-size-xl);color:var(--color-text-primary);margin:0 0 var(--spacing-2);font-weight:600}.meetings-empty p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.meetings-grid{gap:var(--spacing-4);margin-top:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.meetings-pagination{justify-content:center;align-items:center;gap:var(--spacing-4);margin-top:var(--spacing-6);padding:var(--spacing-4);display:flex}.meetings-pagination span{font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media (width<=768px){.meetings-grid{gap:var(--spacing-3);grid-template-columns:1fr}}.idea-card{background:var(--color-surface);border:1px solid var(--color-primary-300);border-radius:var(--border-radius-lg);padding:var(--spacing-4);gap:var(--spacing-4);transition:all .2s;display:flex;position:relative;box-shadow:0 4px 12px #00000014}.idea-card-icon-wrapper{align-items:center;gap:var(--spacing-2);flex-direction:column;flex-shrink:0;display:flex}.idea-card-icon{background:var(--color-gray-200);border-radius:var(--border-radius-md);width:48px;height:48px;color:var(--color-gray-500);box-shadow:none;justify-content:center;align-items:center;font-size:28px;transition:all .2s;display:flex}.idea-card--selection-mode:not(.idea-card--selected) .idea-card-icon{background:var(--color-gray-300);color:var(--color-gray-500);box-shadow:0 2px 8px #0000001a}.idea-card--selection-mode.idea-card--selected .idea-card-icon{color:#fff;background:linear-gradient(135deg,#ffd93d 0%,#ffb93d 100%);transform:scale(1.1);box-shadow:0 4px 16px #ffb93d80}.idea-card--selection-mode .confidence-badge{display:none}.idea-card-content{gap:var(--spacing-3);flex-direction:column;flex:1;min-width:0;display:flex}.idea-card-title{font-size:var(--font-size-lg);color:var(--color-text-primary);margin:0;font-weight:600;line-height:1.4}.confidence-badge{border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);white-space:nowrap;padding:2px 8px;font-weight:600}.confidence-badge--high{background:var(--color-success-100);color:var(--color-success-700)}.confidence-badge--medium{background:var(--color-warning-100);color:var(--color-warning-700)}.confidence-badge--low{background:var(--color-gray-100);color:var(--color-gray-600)}.idea-card-section{gap:var(--spacing-1);flex-direction:column;display:flex}.idea-card-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:600}.idea-card-text{font-size:var(--font-size-base);color:var(--color-text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.idea-card-menu-container{top:var(--spacing-3);right:var(--spacing-3);z-index:15;position:absolute}.idea-card-menu{z-index:15;position:relative}.idea-card-menu-button{width:32px;height:32px;color:var(--color-gray-500);cursor:pointer;opacity:0;box-shadow:none;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;font-size:24px;transition:color .2s;display:flex}.idea-card:hover .idea-card-menu-button{opacity:1}.idea-card-menu-button:hover{color:var(--color-gray-900);background:0 0}.idea-card-menu-button:focus{opacity:1;outline:none}.idea-card-dropdown{border:1px solid var(--color-gray-200,#e2e8f0);border-radius:var(--border-radius-md,8px);z-index:1000;min-width:160px;padding:var(--spacing-1,4px) 0;background:#fff;position:absolute;top:calc(100% + 4px);right:0;overflow:visible;box-shadow:0 4px 16px #0000001f}.dropdown-item{align-items:center;gap:var(--spacing-2,8px);width:100%;padding:var(--spacing-2,8px) var(--spacing-3,12px);color:var(--color-text-primary,#333);font-size:var(--font-size-sm,14px);text-align:left;cursor:pointer;background:#fff;border:none;transition:background .2s;display:flex}.dropdown-item:hover{background:var(--color-gray-100,#f1f5f9)}.dropdown-item-danger{color:var(--color-danger-600,#dc2626)}.dropdown-item-danger:hover{background:var(--color-danger-50,#fef2f2)}.source-badge{border-radius:var(--border-radius-sm);white-space:nowrap;align-items:center;gap:2px;padding:2px 6px;font-size:11px;font-weight:600;line-height:1.4;display:flex}.source-badge--meeting{background:var(--color-primary-50,#eff6ff);color:var(--color-primary-700,#1d4ed8)}.source-badge--reel{background:var(--color-warning-100,#fef3c7);color:var(--color-warning-700,#b45309)}.source-badge-label{font-size:10px}.idea-card--highlighted{border:2px solid var(--color-primary);animation:1.2s ease-out 2 idea-highlight-pulse}@keyframes idea-highlight-pulse{0%{box-shadow:0 0 #d5542880}to{box-shadow:0 0 0 8px #d5542800}}.idea-card--selection-mode{cursor:pointer;-webkit-user-select:none;user-select:none}.idea-card--selection-mode:not(.idea-card--selected){opacity:.6}.idea-card--selected{border-color:var(--color-primary-500);background:var(--color-primary-50);opacity:1}.idea-bulk-action-bar{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:16px;align-items:center;gap:24px;min-width:400px;padding:16px 32px;animation:.3s ease-out slideUp;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #00000026,0 4px 12px #0000001a}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.idea-bulk-action-count{color:#1f2937;white-space:nowrap;font-size:14px;font-weight:600}.idea-bulk-actions{align-items:center;gap:12px;display:flex}.idea-bulk-action-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.idea-bulk-action-btn:disabled{opacity:.5;cursor:not-allowed}.idea-bulk-action-btn--primary{color:#fff;background:#3b82f6}.idea-bulk-action-btn--primary:hover:not(:disabled){background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 16px #3b82f666}.idea-bulk-action-btn--danger{color:#fff;background:#ef4444}.idea-bulk-action-btn--danger:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 16px #ef444466}.idea-bulk-action-btn svg{font-size:18px}@media (width<=640px){.idea-bulk-action-bar{flex-direction:column;align-items:stretch;gap:16px;min-width:auto;max-width:calc(100% - 48px);padding:12px 20px}.idea-bulk-actions{justify-content:stretch;width:100%}.idea-bulk-action-btn{flex:1;justify-content:center}}.idea-detail-modal{border-radius:var(--radius-2xl,16px);width:90%;max-width:640px;max-height:85vh;box-shadow:var(--shadow-lg);background:0 0;border:none;margin:0;padding:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.idea-detail-modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}.idea-detail-modal-content{background:var(--bg-white,#fff);border-radius:var(--radius-2xl,16px);padding:var(--spacing-8,32px);gap:var(--spacing-5,20px);flex-direction:column;max-height:85vh;display:flex;position:relative;overflow-y:auto}.idea-detail-modal-close{top:var(--spacing-4,16px);right:var(--spacing-4,16px);color:var(--color-text-secondary,#6b7280);cursor:pointer;border-radius:var(--border-radius-sm,4px);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:24px;transition:color .15s,background .15s;display:flex;position:absolute}.idea-detail-modal-close:hover{color:var(--color-text-primary,#374151);background:var(--color-gray-100,#f3f4f6)}.idea-detail-modal-header{align-items:flex-start;gap:var(--spacing-4,16px);padding-right:32px;display:flex}.idea-detail-modal-icon{border-radius:var(--border-radius-md,8px);color:#fff;background:linear-gradient(135deg,#ffd93d 0%,#ffb93d 100%);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;display:flex;box-shadow:0 2px 8px #ffb93d4d}.idea-detail-modal-title-row{align-items:flex-start;gap:var(--spacing-2,8px);flex:1;min-width:0;display:flex}.idea-detail-modal-title{font-size:var(--font-size-xl,20px);color:var(--color-text-primary,#111827);flex:1;margin:0;font-weight:600;line-height:1.4}.idea-detail-modal-body{gap:var(--spacing-4,16px);flex-direction:column;display:flex}.idea-detail-modal-section{gap:var(--spacing-1,4px);flex-direction:column;display:flex}.idea-detail-modal-label{font-size:var(--font-size-sm,14px);color:var(--color-text-secondary,#6b7280);font-weight:600}.idea-detail-modal-text{font-size:var(--font-size-base,16px);color:var(--color-text-primary,#374151);white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.6}.idea-detail-modal-actions{justify-content:flex-end;align-items:center;gap:var(--spacing-3,12px);padding-top:var(--spacing-3,12px);border-top:1px solid var(--color-border,#e5e7eb);display:flex}.btn-icon-only{border-radius:var(--border-radius-md,8px);cursor:pointer;border:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:background .15s,color .15s;display:flex}.btn-icon-edit{color:var(--color-primary-500,#3b82f6);background:0 0}.btn-icon-edit:hover{background:var(--color-primary-50,#3b82f61a)}.btn-icon-delete{color:var(--color-danger-600,#dc2626);background:0 0}.btn-icon-delete:hover{background:var(--color-danger-50,#dc26261a)}@media (width<=768px){.idea-detail-modal-content{padding:var(--spacing-5,20px)}}.form-textarea--autosize{field-sizing:content;resize:none;min-height:200px}.pipeline-generate-step{align-items:center;gap:var(--spacing-4);flex-direction:column;display:flex}.pipeline-generate-description{text-align:center;margin:0}.pipeline-generate-field{align-items:center;gap:var(--spacing-2);flex-direction:column;width:100%;display:flex}.pipeline-generate-field label{font-size:var(--font-size-sm);font-weight:500}.pipeline-generate-input{box-sizing:border-box;text-align:center;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;flex:none;align-self:center;width:120px;max-width:120px;height:42px;padding:8px 12px;font-size:16px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.pipeline-generate-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.pipeline-generate-cost,.pipeline-generate-error{font-size:var(--font-size-sm);text-align:center;margin:0}.pipeline-generate-cost{color:var(--color-text-secondary)}.pipeline-generate-error{color:#dc2626}.pipeline-generate-actions{justify-content:flex-end;gap:var(--spacing-3);width:100%;margin-top:var(--spacing-2);display:flex}.transcript-section{margin-bottom:var(--spacing-6,24px)}.transcript-content{max-height:4.5em;position:relative;overflow:hidden}.transcript-content--expanded{max-height:none}.transcript-text{font-size:var(--font-size-sm,14px);color:var(--color-text-secondary,#6b7280);white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.5;display:inline}.transcript-see-more{color:var(--color-text-secondary,#6b7280);font-size:var(--font-size-sm,14px);cursor:pointer;background:linear-gradient(to right, transparent, var(--color-bg,#fff) 20%);padding-left:24px;font-weight:600;position:absolute;bottom:0;right:0}.transcript-see-more:hover{color:var(--color-text-primary,#374151)}.transcript-see-less{color:var(--color-text-secondary,#6b7280);font-size:var(--font-size-sm,14px);cursor:pointer;margin-top:4px;font-weight:600;display:inline-block}.transcript-see-less:hover{color:var(--color-text-primary,#374151)}@media (width<=1024px){.ideas-list{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.meeting-ideas-page{padding:var(--spacing-4)}.ideas-list{gap:var(--spacing-3);grid-template-columns:1fr}.pipeline-generate-actions{flex-direction:column-reverse}.pipeline-generate-actions .btn{width:100%}}.ideas-navigation{gap:var(--spacing-3);margin-bottom:var(--spacing-4);flex-wrap:wrap;align-items:center;display:flex}.btn-outline{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);color:var(--color-primary-600);border:1px solid var(--color-primary-300);border-radius:var(--border-radius-md);font-size:var(--font-size-base);cursor:pointer;background:0 0;font-weight:500;transition:all .2s;display:inline-flex}.btn-outline:hover{background:var(--color-primary-50);border-color:var(--color-primary-500)}@media (width<=768px){.ideas-navigation{flex-direction:column;align-items:stretch}.ideas-navigation .btn{justify-content:center;width:100%}}.ideas-loading,.ideas-empty{padding:var(--spacing-12) var(--spacing-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.ideas-empty .empty-icon{color:var(--color-gray-300);margin-bottom:var(--spacing-4);font-size:64px}.ideas-empty h3{font-size:var(--font-size-xl);color:var(--color-text-primary);margin:0 0 var(--spacing-2);font-weight:600}.ideas-empty p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.all-ideas-page .idea-card-icon{background:var(--color-gray-300);color:var(--color-gray-500);box-shadow:0 2px 8px #0000001a}.all-ideas-page .idea-card--selected .idea-card-icon{color:#fff;background:linear-gradient(135deg,#ffd93d 0%,#ffb93d 100%);box-shadow:0 4px 16px #ffb93d80}.ideas-list{gap:var(--spacing-4);margin-top:var(--spacing-6);grid-template-columns:repeat(3,1fr);display:grid}.ideas-pagination{justify-content:center;align-items:center;gap:var(--spacing-4);margin-top:var(--spacing-6);padding:var(--spacing-4);display:flex}.ideas-pagination span{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.edit-idea-form{gap:var(--spacing-4);flex-direction:column;width:100%;display:flex}.form-group label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:600}.form-input,.form-textarea{width:100%;padding:var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-family:inherit;transition:border-color .2s}.form-input:focus,.form-textarea:focus{border-color:var(--color-primary-500);outline:none}.form-textarea{resize:vertical;min-height:80px}@media (width<=1024px){.ideas-list{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.all-ideas-page{padding:var(--spacing-4)}.ideas-list{gap:var(--spacing-3);grid-template-columns:1fr}}.project-folder-picker{gap:var(--spacing-3);flex-direction:column;display:flex}.project-folder-picker-loading{padding:var(--spacing-4);color:var(--color-text-secondary);text-align:center;font-size:var(--font-size-sm)}.project-folder-picker-new-form{gap:var(--spacing-2);padding:var(--spacing-3);background:var(--bg-light);border-radius:var(--radius-lg);border:1px dashed var(--color-border);align-items:center;display:flex}.project-folder-picker-input{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);outline:none;flex:1}.project-folder-picker-input:focus{border-color:var(--color-primary)}.project-folder-picker-new-actions{gap:var(--spacing-1);display:flex}.project-folder-picker-action{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-2);cursor:pointer;color:var(--color-text-secondary);background:0 0;justify-content:center;align-items:center;transition:all .15s;display:flex}.project-folder-picker-action:hover:not(:disabled){background:var(--bg-light)}.project-folder-picker-action.primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.project-folder-picker-action.primary:hover:not(:disabled){opacity:.9}.project-folder-picker-action:disabled{opacity:.5;cursor:not-allowed}.project-folder-picker-grid{gap:var(--spacing-3);grid-template-columns:repeat(auto-fill,minmax(110px,1fr));display:grid}.project-folder-picker-item{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background:var(--bg-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;transition:all .15s;display:flex}.project-folder-picker-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.project-folder-picker-item--selected{border-color:var(--color-primary);background:var(--bg-light);box-shadow:0 0 0 2px var(--color-primary-light,#6366f126)}.project-folder-picker-item--new{color:var(--color-text-secondary);border-style:dashed}.project-folder-picker-item--new:hover{color:var(--color-primary)}.project-folder-picker-icon{border-radius:var(--radius-full);background:var(--bg-light);width:48px;height:48px;color:var(--color-primary);justify-content:center;align-items:center;display:flex}.project-folder-picker-icon--new{color:var(--color-text-secondary);background:0 0}.project-folder-picker-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center;word-break:break-word;line-height:1.3}.project-folder-picker-empty{padding:var(--spacing-4);color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:center;grid-column:1/-1}.scraping-account-autocomplete{width:100%;position:relative}.scraping-account-input-wrapper{background:var(--bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;transition:border-color .15s;display:flex;position:relative}.scraping-account-input-wrapper:focus-within{border-color:var(--color-primary)}.scraping-account-input-icon{left:var(--spacing-3);color:var(--color-text-secondary);pointer-events:none;position:absolute}.scraping-account-input{padding:var(--spacing-2) var(--spacing-3);padding-left:calc(var(--spacing-3) + 24px);padding-right:calc(var(--spacing-3) + 24px);font-size:var(--font-size-base);background:0 0;border:none;outline:none;flex:1;width:100%}.scraping-account-input-check{right:var(--spacing-3);color:var(--color-success,#10b981);pointer-events:none;position:absolute}.scraping-account-suggestions{z-index:10;background:var(--bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-1);max-height:240px;margin:0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.scraping-account-suggestion{align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-sm);cursor:pointer;text-align:left;font-size:var(--font-size-sm);background:0 0;border:none;transition:background .1s;display:flex}.scraping-account-suggestion:hover{background:var(--bg-light)}.scraping-account-suggestion-username{font-weight:var(--font-weight-medium);color:var(--color-text);flex:1}.scraping-account-suggestion-niche{background:var(--bg-light);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-xs);padding:2px 8px}.scraping-account-suggestion-followers{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.new-pipeline-form{gap:var(--spacing-6);padding:var(--spacing-6);background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;max-width:800px;margin:0 auto;display:flex}.new-pipeline-form-empty{align-items:center;gap:var(--spacing-3);padding:var(--spacing-12);color:var(--color-text-secondary);text-align:center;flex-direction:column;display:flex}.new-pipeline-section{gap:var(--spacing-2);flex-direction:column;display:flex}.new-pipeline-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);text-transform:uppercase;letter-spacing:.04em}.new-pipeline-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.new-pipeline-brand-display{padding:var(--spacing-3) var(--spacing-4);background:var(--bg-light);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);color:var(--color-text)}.new-pipeline-brand-hint{margin:0 0 var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-text-secondary);font-style:italic}.new-pipeline-accounts-header{justify-content:space-between;align-items:flex-end;gap:var(--spacing-3);display:flex}.new-pipeline-add-account{align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);color:var(--color-primary);border:1px dashed var(--color-primary);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:0 0;transition:all .15s;display:flex}.new-pipeline-add-account:hover:not(:disabled){background:var(--bg-light)}.new-pipeline-add-account:disabled{opacity:.4;cursor:not-allowed}.new-pipeline-accounts-list{gap:var(--spacing-3);flex-direction:column;display:flex}.new-pipeline-account-row{gap:var(--spacing-2);align-items:stretch;display:flex}.new-pipeline-account-row>div:first-child{flex:1}.new-pipeline-remove-account{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-2);cursor:pointer;color:var(--color-text-secondary);background:0 0;justify-content:center;align-items:center;transition:all .15s;display:flex}.new-pipeline-remove-account:hover{background:var(--bg-light);color:var(--color-error,#ef4444);border-color:var(--color-error,#ef4444)}.new-pipeline-actions{justify-content:flex-end;gap:var(--spacing-3);padding-top:var(--spacing-4);border-top:1px solid var(--color-border);display:flex}.new-pipeline-btn-primary{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border:none;transition:opacity .15s;display:flex}.new-pipeline-btn-primary:hover:not(:disabled){opacity:.9}.new-pipeline-btn-primary:disabled{opacity:.5;cursor:not-allowed}.new-pipeline-btn-secondary{padding:var(--spacing-3) var(--spacing-6);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);background:0 0;transition:all .15s}.new-pipeline-btn-secondary:hover:not(:disabled){background:var(--bg-light)}.reel-transcription-modal{border-radius:var(--radius-2xl,16px);width:90%;max-width:640px;max-height:80vh;box-shadow:var(--shadow-lg);background:0 0;border:none;margin:0;padding:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.reel-transcription-modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}.reel-transcription-modal-content{background:var(--bg-white);border-radius:var(--radius-2xl,16px);flex-direction:column;max-height:80vh;display:flex;overflow:hidden}.reel-transcription-modal-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-5) var(--spacing-6) var(--spacing-3);border-bottom:1px solid var(--color-border);display:flex}.reel-transcription-modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.reel-transcription-modal-subtitle{margin:var(--spacing-1) 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.reel-transcription-modal-close{cursor:pointer;padding:var(--spacing-2);color:var(--color-text-secondary);border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s;display:flex}.reel-transcription-modal-close:hover{background:var(--bg-light)}.reel-transcription-modal-body{padding:var(--spacing-5) var(--spacing-6);flex:1;overflow-y:auto}.reel-transcription-modal-text{font-size:var(--font-size-base);color:var(--color-text);white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.6}.reel-transcription-modal-empty{text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.reel-transcription-modal-footer{justify-content:flex-end;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6) var(--spacing-5);border-top:1px solid var(--color-border);display:flex}.reel-transcription-modal-btn{align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid #0000;text-decoration:none;transition:all .15s;display:inline-flex}.reel-transcription-modal-btn:disabled{opacity:.5;cursor:not-allowed}.reel-transcription-modal-btn--primary{background:var(--color-primary);color:var(--color-white,#fff)}.reel-transcription-modal-btn--primary:hover:not(:disabled){opacity:.9}.reel-transcription-modal-btn--secondary{color:var(--color-text-secondary);border-color:var(--color-border);background:0 0}.reel-transcription-modal-btn--secondary:hover{background:var(--bg-light);color:var(--color-text)}.reel-card{background:var(--bg-white);border-radius:var(--radius-lg);border:2px solid var(--color-border);box-shadow:var(--shadow-sm);flex-direction:column;transition:all .15s;display:flex;position:relative;overflow:hidden}.reel-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.reel-card--selected{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light,#6366f133)}.reel-card-header{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border);display:flex}.reel-card-checkbox{top:var(--spacing-2);left:var(--spacing-2);z-index:10;border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;transition:var(--transition-smooth);background:0 0;justify-content:center;align-items:center;display:flex;position:absolute}.reel-card-checkbox:hover{transform:scale(1.1)}.reel-card-checkbox:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.reel-card .checkbox-icon{color:var(--color-gray-500);font-size:22px;transition:color .2s}.reel-card .checkbox-icon--checked{color:var(--color-primary-500,var(--color-primary))}.reel-card--selectable .reel-card-header{padding-left:44px}.reel-card-avatar{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;width:36px;height:36px;font-weight:var(--font-weight-bold);font-size:var(--font-size-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.reel-card-meta{flex:1;min-width:0}.reel-card-username{font-weight:var(--font-weight-semibold);color:var(--color-text);font-size:var(--font-size-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reel-card-submeta{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:2px;display:flex}.reel-card-niche{background:var(--bg-light);border-radius:var(--radius-full);padding:1px 6px}.reel-card-date:before{content:"·";margin-right:var(--spacing-2);color:var(--color-text-secondary)}.reel-card-niche+.reel-card-date:before{content:"·"}.reel-card-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);flex-shrink:0;padding:2px 8px}.reel-card-badge--viral{background:var(--color-error,#ef4444);color:#fff}.reel-card-media{aspect-ratio:9/16;background:var(--bg-light);max-height:360px;position:relative;overflow:hidden}.reel-card-thumbnail{object-fit:cover;width:100%;height:100%;display:block}.reel-card-media-placeholder{justify-content:center;align-items:center;gap:var(--spacing-2);width:100%;height:100%;color:var(--color-text-secondary);font-size:var(--font-size-sm);flex-direction:column;display:flex}.reel-card-play-overlay{color:#fff;background:0 0;justify-content:center;align-items:center;text-decoration:none;transition:background .15s;display:flex;position:absolute;inset:0}.reel-card-play-overlay:hover{background:#0000004d}.reel-card-play-overlay svg{filter:drop-shadow(0 2px 4px #0006);opacity:.85;transition:opacity .15s}.reel-card-play-overlay:hover svg{opacity:1}.reel-card-body{padding:var(--spacing-3) var(--spacing-4);flex:1}.reel-card-caption{font-size:var(--font-size-sm);color:var(--color-text);word-break:break-word;white-space:pre-wrap;margin:0;line-height:1.5}.reel-card-caption-toggle{color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:0 0;border:none;padding:0}.reel-card-caption-toggle:hover{text-decoration:underline}.reel-card-footer{justify-content:space-between;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--color-border);background:var(--bg-light);display:flex}.reel-card-stats{align-items:center;gap:var(--spacing-3);flex-wrap:wrap;display:flex}.reel-card-stat{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);align-items:center;gap:4px;display:inline-flex}.reel-card-stat svg{font-size:16px}.reel-card-actions{align-items:center;gap:var(--spacing-2);display:flex}.reel-card-tag{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.reel-card-tag--success{background:var(--info-light,#d1ecf1);color:var(--color-blue,#2196f3)}.reel-card-tag--pending{background:var(--bg-light);color:var(--color-text-secondary)}.reel-card-link{border-radius:var(--radius-md);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.reel-card-link:hover{background:var(--color-border);color:var(--color-primary)}.bulk-action-btn--primary{background:var(--color-primary);color:var(--color-white,#fff)}.bulk-action-btn--primary:hover:not(:disabled){background:var(--color-primary-dark,var(--color-primary));opacity:.9}.bulk-action-btn-meta{margin-left:var(--spacing-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);opacity:.85}.bulk-action-btn--generate{background:var(--color-secondary,var(--color-primary));color:var(--color-white,#fff)}.bulk-action-btn--generate:hover:not(:disabled){background:var(--color-secondary-dark,var(--color-secondary,var(--color-primary)));opacity:.9}.bulk-action-btn--generate:disabled{opacity:.45;cursor:not-allowed}.gsr-modal{border-radius:var(--border-radius-lg,12px);background:var(--color-surface,#fff);border:none;width:min(540px,92vw);max-height:80vh;margin:0;padding:0;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 20px 60px #00000040}.gsr-modal::backdrop{background:#00000080}.gsr-modal-content{flex-direction:column;max-height:80vh;display:flex}.gsr-modal-header{padding:var(--spacing-4,16px) var(--spacing-5,20px);border-bottom:1px solid var(--color-border,#e5e7eb);justify-content:space-between;align-items:center;display:flex}.gsr-modal-header-title{align-items:center;gap:var(--spacing-2,8px);display:flex}.gsr-modal-header-title h3{font-size:var(--font-size-lg,1.125rem);font-weight:var(--font-weight-semibold,600);color:var(--color-text-primary,#111827);margin:0}.gsr-modal-header-icon{color:var(--color-secondary,var(--color-primary));font-size:1.4rem}.gsr-modal-close{cursor:pointer;color:var(--color-text-secondary,#6b7280);padding:var(--spacing-1,4px);border-radius:var(--border-radius-sm,4px);background:0 0;border:none;align-items:center;font-size:1.3rem;display:flex}.gsr-modal-close:hover{background:var(--color-surface-hover,#f3f4f6);color:var(--color-text-primary,#111827)}.gsr-modal-body{padding:var(--spacing-5,20px);flex:1;overflow-y:auto}.gsr-step{gap:var(--spacing-4,16px);flex-direction:column;display:flex}.gsr-confirm-summary{font-size:var(--font-size-base,1rem);color:var(--color-text-primary,#111827);line-height:1.6}.gsr-confirm-hint{font-size:var(--font-size-sm,.875rem);color:var(--color-text-secondary,#6b7280);line-height:1.5}.gsr-field{gap:var(--spacing-2,8px);flex-direction:column;display:flex}.gsr-label{font-size:var(--font-size-sm,.875rem);font-weight:var(--font-weight-medium,500);color:var(--color-text-primary,#111827)}.gsr-select,.gsr-input{padding:var(--spacing-2,8px) var(--spacing-3,12px);border:1px solid var(--color-border,#d1d5db);border-radius:var(--border-radius-md,8px);font-size:var(--font-size-sm,.875rem);color:var(--color-text-primary,#111827);background:var(--color-surface,#fff);appearance:auto}.gsr-select{cursor:pointer}.gsr-input{box-sizing:border-box;width:100%}.gsr-select:focus,.gsr-input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.gsr-loading-hint,.gsr-hint{font-size:var(--font-size-xs,.75rem);color:var(--color-text-secondary,#6b7280)}.gsr-error-banner{background:var(--color-error-bg,#fef2f2);border:1px solid var(--color-error-border,#fecaca);border-radius:var(--border-radius-md,8px);padding:var(--spacing-3,12px) var(--spacing-4,16px);color:var(--color-error,#dc2626);font-size:var(--font-size-sm,.875rem)}.gsr-missing-list{margin:var(--spacing-2,8px) 0 0;padding-left:var(--spacing-4,16px)}.gsr-missing-list li{margin-bottom:var(--spacing-1,4px)}.gsr-step-loading{text-align:center;padding:var(--spacing-8,32px) 0;align-items:center}.gsr-spinner{border:4px solid var(--color-border,#e5e7eb);border-top-color:var(--color-primary);width:48px;height:48px;margin-bottom:var(--spacing-4,16px);border-radius:50%;animation:.8s linear infinite gsr-spin}@keyframes gsr-spin{to{transform:rotate(360deg)}}.gsr-step-result{text-align:center;padding:var(--spacing-6,24px) 0;align-items:center}.gsr-result-icon{color:var(--color-success,#16a34a);margin-bottom:var(--spacing-3,12px);font-size:3rem}.gsr-result-title{margin:0 0 var(--spacing-2,8px);font-size:var(--font-size-lg,1.125rem);font-weight:var(--font-weight-semibold,600);color:var(--color-text-primary,#111827)}.gsr-result-meta{font-size:var(--font-size-sm,.875rem);color:var(--color-text-secondary,#6b7280)}.gsr-modal-footer{justify-content:flex-end;gap:var(--spacing-3,12px);padding:var(--spacing-4,16px) var(--spacing-5,20px);border-top:1px solid var(--color-border,#e5e7eb);display:flex}.gsr-btn{align-items:center;gap:var(--spacing-2,8px);padding:var(--spacing-2,8px) var(--spacing-4,16px);border-radius:var(--border-radius-md,8px);font-size:var(--font-size-sm,.875rem);font-weight:var(--font-weight-medium,500);cursor:pointer;border:1px solid #0000;transition:opacity .15s;display:inline-flex}.gsr-btn:disabled{opacity:.45;cursor:not-allowed}.gsr-btn--primary{background:var(--color-secondary,var(--color-primary));color:var(--color-white,#fff)}.gsr-btn--primary:hover:not(:disabled){opacity:.88}.gsr-btn--secondary{background:var(--color-surface,#fff);border-color:var(--color-border,#d1d5db);color:var(--color-text-primary,#111827)}.gsr-btn--secondary:hover:not(:disabled){background:var(--color-surface-hover,#f3f4f6)}.reels-page{padding:var(--spacing-6);max-width:1280px;margin:0 auto}.reels-page-back-link{align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) 0;color:var(--color-gray-700);font-size:var(--font-size-sm);cursor:pointer;margin-bottom:var(--spacing-2);background:0 0;border:none;transition:color .15s;display:inline-flex}.reels-page-back-link:hover{color:var(--color-primary)}.reels-page-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-6);display:flex}.reels-page-title{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-2xl);color:var(--color-primary);margin:0;display:flex}.reels-page-subtitle{margin:var(--spacing-1) 0 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.reels-page-header-actions{gap:var(--spacing-2);display:flex}.reels-page-btn-primary{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border:none;transition:opacity .15s;display:flex}.reels-page-btn-primary:hover:not(:disabled){opacity:.9}.reels-page-btn-secondary{padding:var(--spacing-3) var(--spacing-5);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);background:0 0}.reels-page-btn-secondary:hover{background:var(--bg-light)}.reels-page-form-section{margin-top:var(--spacing-4)}.reels-page-stats{gap:var(--spacing-4);margin-bottom:var(--spacing-4);padding:var(--spacing-4);background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:center;display:flex}.reels-page-stat{flex-direction:column;flex:1;align-items:center;display:flex}.reels-page-stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.reels-page-stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.reels-page-refresh{border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--spacing-2);cursor:pointer;color:var(--color-text-secondary);background:0 0;justify-content:center;align-items:center;transition:all .15s;display:flex}.reels-page-refresh:hover:not(:disabled){background:var(--bg-light);color:var(--color-primary)}.reels-page-refresh:disabled{opacity:.5;cursor:not-allowed}.reels-page-loading,.reels-page-empty{text-align:center;padding:var(--spacing-12);color:var(--color-text-secondary)}.reels-page-empty{flex-direction:column;justify-content:center;align-items:center;display:flex}.reels-page-empty-btn{margin:0 auto}.reels-page-empty h3{margin:var(--spacing-4) 0 var(--spacing-2);color:var(--color-text)}.reels-page-empty p{margin:0 0 var(--spacing-6)}.reels-page-grid-toolbar{margin-bottom:var(--spacing-3);justify-content:flex-end;display:flex}.reels-page-select-all{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);background:0 0;transition:all .15s;display:inline-flex}.reels-page-select-all:hover{background:var(--bg-light);color:var(--color-primary)}.reels-page-grid{gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.reels-page-pagination{justify-content:center;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-6);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.job-status-page{padding:var(--spacing-6);max-width:720px;margin:0 auto}.job-status-page--centered{min-height:calc(100vh - var(--header-height,64px) - var(--spacing-6) * 2);flex-direction:column;display:flex}.job-status-back{align-items:center;gap:var(--spacing-1);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-4);align-self:flex-start;text-decoration:none;display:inline-flex}.job-status-back:hover{color:var(--color-primary)}.job-status-stage{justify-content:center;align-items:center;gap:var(--spacing-4);text-align:center;padding:var(--spacing-8) var(--spacing-4);flex-direction:column;flex:1;display:flex}.job-status-heading{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);max-width:28ch;margin:0}.job-status-hint{max-width:42ch;color:var(--color-text-secondary);font-size:var(--font-size-base);justify-content:center;align-items:center;gap:var(--spacing-1);flex-wrap:wrap;margin:0;line-height:1.5;display:inline-flex}.job-status-hint svg{color:var(--color-primary);flex-shrink:0}.job-status-success-badge,.job-status-fail-badge{border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;font-size:56px;display:flex}.job-status-success-badge{background:var(--color-success-bg,#d1fae5);color:var(--color-success,#047857);animation:.32s cubic-bezier(.34,1.56,.64,1) job-status-pop}.job-status-fail-badge{background:var(--color-error-bg,#fee2e2);color:var(--color-error,#b91c1c);animation:.32s cubic-bezier(.34,1.56,.64,1) job-status-pop}@keyframes job-status-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.job-status-btn-primary{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border:none;transition:opacity .2s,transform .1s;display:inline-flex}.job-status-btn-primary:hover{opacity:.9}.job-status-btn-primary:active{transform:scale(.98)}.job-status-error-detail{width:100%;max-width:520px;padding:var(--spacing-3);background:var(--bg-light);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.job-status-error-detail summary{cursor:pointer;color:var(--color-text-secondary);font-weight:var(--font-weight-medium);-webkit-user-select:none;user-select:none}.job-status-error-detail pre{margin:var(--spacing-2) 0 0;white-space:pre-wrap;word-break:break-word;font-size:var(--font-size-xs);color:var(--color-error,#b91c1c)}.job-status-fail{justify-content:center;align-items:center;gap:var(--spacing-3);text-align:center;padding:var(--spacing-8);flex-direction:column;flex:1;display:flex}.job-status-fail-icon{color:var(--color-error,#b91c1c);font-size:64px}.job-status-fail h2{font-size:var(--font-size-xl);color:var(--color-text);margin:0}.job-status-fail p{color:var(--color-text-secondary);max-width:42ch;margin:0}.generating-ideas-page{padding:var(--spacing-6);max-width:720px;min-height:calc(100vh - var(--header-height,64px) - var(--spacing-6) * 2);flex-direction:column;margin:0 auto;display:flex}.generating-ideas-page__stage{justify-content:center;align-items:center;gap:var(--spacing-4);text-align:center;padding:var(--spacing-8) var(--spacing-4);flex-direction:column;flex:1;display:flex}.generating-ideas-page__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);max-width:28ch;margin:0}.generating-ideas-page__phrase{max-width:42ch;color:var(--color-text-secondary);font-size:var(--font-size-base);min-height:2.5em;margin:0;line-height:1.5}.generating-ideas-page__warning{max-width:480px}.generating-ideas-page__btn{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-top:var(--spacing-2);border:none;text-decoration:none;display:inline-flex}.generating-ideas-page__btn:hover{opacity:.9}.generating-ideas-page__btn--secondary{background:var(--bg-light);color:var(--color-text)}.zoom-page{background-color:#f5f5f5;flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;display:flex}.zoom-header{color:#fff;text-align:center;background:linear-gradient(135deg,#2d8cff 0%,#0b5cff 100%);padding:1.5rem 2rem 2rem}.zoom-header-nav{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.zoom-header-nav a{color:#ffffffd9;border-radius:4px;padding:.4rem .8rem;font-size:.9rem;text-decoration:none;transition:background-color .2s,color .2s}.zoom-header-nav a:hover{color:#fff;background-color:#ffffff26}.zoom-header-nav a.active{color:#fff;background-color:#fff3;font-weight:500}.zoom-header h1,.zoom-header p{color:#fff}.zoom-header h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:600}.zoom-header p{opacity:.9;margin:0;font-size:1.1rem}.zoom-container{flex:1;width:100%;max-width:900px;margin:0 auto;padding:2rem}.zoom-content{background:#fff;border-radius:12px;padding:2.5rem;box-shadow:0 2px 8px #00000014}.zoom-content h2{color:#1a1a2e;border-bottom:2px solid #2d8cff;margin-top:2rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.5rem}.zoom-content h2:first-of-type{margin-top:0}.zoom-content h3{color:#333;margin-top:1.5rem;margin-bottom:.75rem;font-size:1.15rem}.zoom-content p{color:#444;margin-bottom:1rem;line-height:1.7}.zoom-content ul,.zoom-content ol{color:#444;margin-bottom:1rem;padding-left:1.5rem;line-height:1.8}.zoom-content li{margin-bottom:.5rem}.zoom-content a{color:#2d8cff;text-decoration:none}.zoom-content a:hover{text-decoration:underline}.zoom-content strong{color:#1a1a2e}.zoom-updated{color:#666;font-size:.95rem;font-style:italic}.zoom-faq h3{color:#2d8cff;font-weight:600}.zoom-faq p{margin-left:0}.zoom-footer{color:#888;text-align:center;background:#1a1a2e;padding:1.5rem;font-size:.9rem}.zoom-footer p{margin:0}@media (width<=768px){.zoom-header{padding:2rem 1rem}.zoom-header h1{font-size:1.8rem}.zoom-container{padding:1rem}.zoom-content{padding:1.5rem}}.btn-back{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;text-decoration:none;display:inline-flex}.btn-back svg{width:18px;height:18px}.admin-page{max-width:1400px;margin:0 auto;padding:2rem}.admin-header{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.admin-header-content{justify-content:space-between;align-items:center;display:flex}.admin-header-actions{align-items:center;gap:.75rem;display:flex}.admin-header-actions .btn-secondary{background:var(--bg-secondary,#f3f4f6);border:1px solid var(--border-color,#d1d5db);color:var(--text-primary,#374151)}.admin-header-actions .btn-secondary:hover{background:var(--bg-tertiary,#e5e7eb);border-color:var(--color-primary);color:var(--color-primary)}.admin-header h1{color:var(--text-primary);margin-bottom:.5rem;font-size:2rem}.admin-header p{color:var(--text-secondary)}.admin-filters-section{margin-bottom:2rem}.admin-filters{background:var(--surface);border-radius:8px;padding:1rem 1.5rem;box-shadow:0 1px 4px #0000000f}.admin-filters .form-group label{color:var(--text-secondary);font-size:.75rem}.admin-filters .form-group input,.admin-filters .form-group select{padding:.5rem .75rem;font-size:.8125rem}.filters-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:.75rem;display:grid}.filters-actions{justify-content:flex-end;gap:.5rem;display:flex}.admin-table-container{background:var(--surface);border-radius:8px;overflow-x:auto;box-shadow:0 1px 4px #0000000f}.admin-table{border-collapse:collapse;width:100%}.admin-table thead{background:var(--background-secondary)}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:.75rem 1rem}.admin-table th{color:var(--text-secondary);font-size:.75rem;font-weight:500}.admin-table tbody tr:hover{background:var(--background-hover)}.admin-table td{color:var(--text-primary);font-size:.8125rem}.table-actions{gap:.5rem;display:flex}.btn-sm{justify-content:center;align-items:center;padding:.375rem .75rem;font-size:.875rem;display:flex}.btn-sm svg{font-size:1.25rem}.table-actions .btn-secondary{background:var(--bg-secondary,#f3f4f6);border:1px solid var(--border-color,#d1d5db);color:var(--text-secondary,#6b7280)}.table-actions .btn-secondary:hover{background:var(--bg-tertiary,#e5e7eb);color:var(--text-primary,#1f2937)}.table-actions .btn-info{color:#fff;background:#3b82f6;border:1px solid #3b82f6}.table-actions .btn-info:hover{background:#2563eb;border-color:#2563eb}.filters-actions button{align-items:center;gap:.5rem;display:flex}.filters-actions button svg{font-size:1.25rem}.pagination{justify-content:center;align-items:center;gap:.25rem;margin-top:2rem;display:flex}.pagination-pages{align-items:center;gap:.25rem;display:flex}.pagination-arrow{border:1px solid var(--border-color);background:var(--surface);width:36px;height:36px;color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.pagination-arrow svg{font-size:1.25rem}.pagination-arrow:hover:not(:disabled){background:var(--background-hover);border-color:var(--color-primary);color:var(--color-primary)}.pagination-arrow:disabled{color:var(--text-secondary);opacity:.4;cursor:not-allowed;border-color:var(--border-color)}.pagination-page{min-width:36px;height:36px;color:var(--text-primary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:0 .75rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.pagination-page:hover{background:var(--background-hover);border-color:var(--border-color)}.pagination-page.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination-ellipsis{min-width:32px;height:32px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:.875rem;display:flex}.edit-modal{border:none;border-radius:12px;width:90%;max-width:600px;padding:0;box-shadow:0 4px 24px #0003}.edit-modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}.edit-modal-content{padding:2rem}.edit-modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.edit-modal-header h2{color:var(--text-primary);margin:0;font-size:1.5rem}.edit-modal-form .form-group{margin-bottom:1.25rem}.edit-modal-actions{justify-content:flex-end;gap:.75rem;margin-top:2rem;display:flex}.input-disabled{background:var(--background-secondary);cursor:not-allowed;opacity:.7}.loading,.empty-state{text-align:center;color:var(--text-secondary);padding:3rem}@media (width<=768px){.admin-page{padding:1rem}.filters-row{grid-template-columns:1fr}.admin-table{font-size:.875rem}.admin-table th,.admin-table td{padding:.75rem .5rem}.pagination{flex-wrap:wrap}.table-actions{flex-direction:column}}.user-form-page{padding:var(--spacing-4);max-width:800px;margin:0 auto}.user-form-header{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4);display:flex}.user-form-header h1{color:var(--text-primary);margin:0;font-size:1.75rem}.user-form-container{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-4);box-shadow:var(--shadow-sm)}.user-form{gap:var(--spacing-3);flex-direction:column;display:flex}.form-row-3{grid-template-columns:1fr 1fr 1fr}.form-row-4{grid-template-columns:1fr 1fr 1fr 1fr}.user-form .form-group input,.user-form .form-group select{border:1px solid var(--border-color,#d1d5db);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);padding:.5rem .75rem;font-size:.8125rem;transition:all .2s}.user-form .form-group select{height:auto;font-size:.8125rem;line-height:1.4}.user-form .form-group select option{font-size:.8125rem}.user-form .form-group input::placeholder{color:var(--border-color);opacity:.7;font-size:.8125rem}.user-form .form-group input:focus,.user-form .form-group select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #d554281a}.user-form .form-group input:disabled,.user-form .form-group select:disabled{background-color:var(--bg-secondary);cursor:not-allowed;opacity:.6}.form-group-checkbox{justify-content:flex-start}.form-group-checkbox>label:first-child{margin-bottom:.125rem}.form-group-info{justify-content:flex-start}.form-group-info .info-value{color:var(--text-secondary);background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color,#d1d5db);padding:.5rem .75rem;font-size:.8125rem}@media (width<=640px){.form-row,.form-row-3,.form-row-4{grid-template-columns:1fr}}.input-disabled{background-color:var(--bg-secondary)!important;cursor:not-allowed!important;opacity:.6!important}.checkbox-label{cursor:pointer;color:var(--text-primary);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.user-form .form-actions{margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--border-color);justify-content:flex-end;gap:.5rem;display:flex}.user-form .form-actions .btn{border-radius:var(--radius-md);cursor:pointer;border:none;flex:none;width:auto;padding:.5rem 1.25rem;font-size:.8125rem;font-weight:500;transition:all .2s}.user-form .form-actions .btn:disabled{opacity:.5;cursor:not-allowed}.user-form .form-actions .btn-primary{background-color:var(--color-primary);color:#fff}.user-form .form-actions .btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.user-form .form-actions .btn-secondary{color:var(--text-secondary);border:1px solid var(--border-color);background-color:#0000}.user-form .form-actions .btn-secondary:hover:not(:disabled){background-color:var(--bg-secondary);color:var(--text-primary)}.admin-credits-actions{gap:.75rem;display:flex}.btn-ai-credits{color:#fff;border-radius:var(--radius-md,8px);cursor:pointer;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-ai-credits:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#5b21b6);box-shadow:0 2px 8px #7c3aed4d}.btn-ai-credits:disabled{opacity:.6;cursor:not-allowed}.btn-warning{color:#fff;border-radius:var(--radius-md,8px);cursor:pointer;background:#f59e0b;border:none;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-warning:hover:not(:disabled){background:#d97706}.btn-warning:disabled{opacity:.6;cursor:not-allowed}.btn-success{color:#fff;border-radius:var(--radius-md,8px);cursor:pointer;background:#22c55e;border:none;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-success:hover:not(:disabled){background:#16a34a}.btn-success:disabled{opacity:.6;cursor:not-allowed}.admin-credits-section{margin-bottom:2rem}.section-title{color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem}.credits-cards-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.5rem;display:grid}.credits-card{background:var(--surface,#fff);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.credits-card--loading,.credits-card--empty{text-align:center;color:var(--text-secondary);grid-column:1/-1;padding:3rem}.credits-card__title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:600}.credits-card__balance{color:var(--text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:700;line-height:1.2}.credits-card__balance-cents{color:var(--text-secondary);margin-left:.5rem;font-size:.875rem;font-weight:400}.credits-card__details{border-top:1px solid var(--border-color,#e5e7eb);flex-direction:column;gap:.5rem;padding-top:1rem;display:flex}.credits-card__row{justify-content:space-between;align-items:center;display:flex}.credits-card__label{color:var(--text-secondary);font-size:.8125rem}.credits-card__value{color:var(--text-primary);font-size:.8125rem;font-weight:500}.credits-card__value--earned{color:var(--success,#22c55e)}.credits-card__value--spent{color:var(--error,#ef4444)}.credits-card__status{text-transform:uppercase;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.credits-card__status--active,.credits-card__status--trialing{color:#16a34a;background:#22c55e26}.credits-card__status--paused{color:#d97706;background:#f59e0b26}.credits-card__status--canceled,.credits-card__status--expired,.credits-card__status--past_due{color:#dc2626;background:#ef444426}.credits-card--plan{background:var(--surface,#fff)}.credits-card__plan-name{color:#0369a1;margin-bottom:1rem;font-size:1.75rem;font-weight:700}.tx-description{white-space:nowrap;text-overflow:ellipsis;max-width:300px;overflow:hidden}.text-danger{color:var(--error,#ef4444)}.badge-tx-type{background:var(--bg-secondary,#f3f4f6);color:var(--text-primary);font-size:.7rem}.credits-modal{border:none;border-radius:12px;width:90%;max-width:480px;margin:0;padding:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 24px #0003}.credits-modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}.credits-modal-content{padding:2rem}.credits-modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.credits-modal-header h2{color:var(--text-primary);margin:0;font-size:1.25rem}.credits-modal .close-button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;font-size:2rem;line-height:1;transition:all .2s;display:flex}.credits-modal .close-button:hover{background:var(--background-hover,#f3f4f6);color:var(--text-primary)}.credits-modal-form .form-group{margin-bottom:1.25rem}.credits-modal-form .form-group label{color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.credits-modal-form .form-group input{border:1px solid var(--border-color,#d1d5db);border-radius:var(--radius-md,8px);width:100%;color:var(--text-primary);background:var(--bg-white,#fff);box-sizing:border-box;padding:.625rem .75rem;font-size:.875rem;transition:border-color .2s}.credits-modal-form .form-group input:focus{border-color:var(--color-primary,#3b82f6);outline:none;box-shadow:0 0 0 3px #3b82f61a}.credits-modal-actions{justify-content:flex-end;gap:.75rem;margin-top:2rem;display:flex}.form-error{background:var(--error-light,#fef2f2);color:var(--error,#ef4444);border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.form-hint{color:var(--text-secondary);margin-top:-.5rem;margin-bottom:1rem;padding-left:.25rem;font-size:.8125rem}.credits-modal-info{background:var(--bg-secondary,#f3f4f6);border-left:3px solid var(--color-primary,#3b82f6);color:var(--text-secondary);border-radius:0 6px 6px 0;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.8125rem}.credits-modal-info p{margin:0}.credits-modal-info p+p{margin-top:.5rem}.credits-modal-info--examples{opacity:.9;font-style:italic}.admin-credits-tabs{border-bottom:1px solid var(--border-color);gap:.5rem;margin-bottom:1.5rem;padding-bottom:0;display:flex}.admin-credits-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;margin-bottom:-1px;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.admin-credits-tab:hover{color:var(--text-primary);background:var(--bg-secondary)}.admin-credits-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.admin-credits-tab svg{font-size:1.25rem}.tab-badge{background:var(--error,#ef4444);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;font-size:.6875rem;font-weight:600;display:inline-flex}.generation-errors-list{flex-direction:column;gap:1rem;display:flex}.error-job-card{background:var(--surface,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;overflow:hidden}.error-job-header{cursor:pointer;justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:background .2s;display:flex}.error-job-header:hover{background:var(--bg-secondary,#f9fafb)}.error-job-info{flex:1;min-width:0}.error-job-title{align-items:center;gap:.5rem;margin-bottom:.375rem;display:flex}.error-job-title .error-icon{color:var(--error,#ef4444);flex-shrink:0;font-size:1.25rem}.error-job-title .content-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.error-job-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.meta-separator{color:var(--border-color,#e5e7eb)}.error-job-stats{flex-shrink:0;align-items:center;gap:.5rem;margin-left:1rem;display:flex}.stat-badge{border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.stat-badge.stat-success{color:#16a34a;background:#22c55e26}.stat-badge.stat-error{color:#dc2626;background:#ef444426}.stat-badge.stat-total{background:var(--bg-secondary,#f3f4f6);color:var(--text-secondary)}.expand-icon{width:2rem;height:2rem;color:var(--text-secondary);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.error-job-details{border-top:1px solid var(--border-color,#e5e7eb);background:var(--bg-secondary,#f9fafb);padding:1rem 1.25rem}.loading-logs{text-align:center;color:var(--text-secondary);padding:1rem}.error-logs-table{border-collapse:collapse;width:100%;font-size:.8125rem}.error-logs-table th,.error-logs-table td{text-align:left;border-bottom:1px solid var(--border-color,#e5e7eb);padding:.625rem .75rem}.error-logs-table th{background:var(--surface,#fff);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.error-logs-table td{background:var(--surface,#fff);color:var(--text-primary)}.error-logs-table tr:last-child td{border-bottom:none}.error-logs-table .slide-id{color:var(--text-secondary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem}.error-logs-table .original-text{white-space:nowrap;text-overflow:ellipsis;max-width:300px;color:var(--text-secondary);overflow:hidden}.error-logs-table .error-message{color:var(--error,#ef4444);font-weight:500}.error-logs-table .duration{color:var(--text-secondary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem}.empty-state .empty-icon{color:var(--success,#22c55e);margin-bottom:.5rem;font-size:3rem}@media (width<=768px){.admin-credits-actions{flex-direction:column}.credits-cards-grid{grid-template-columns:1fr}.admin-credits-tabs{flex-wrap:wrap}.admin-credits-tab{flex:1;justify-content:center}.error-job-header{flex-direction:column;align-items:flex-start;gap:.75rem}.error-job-stats{justify-content:flex-start;width:100%;margin-left:0}.error-job-meta{flex-direction:column;align-items:flex-start;gap:.25rem}.meta-separator{display:none}}.ai-tabs{border-bottom:1px solid var(--border-color);gap:.5rem;margin-bottom:1.5rem;padding-bottom:0;display:flex}.ai-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;margin-bottom:-1px;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.ai-tab:hover{color:var(--text-primary);background:var(--bg-secondary)}.ai-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.ai-tab svg{font-size:1.25rem}.model-code{background:var(--bg-secondary);color:var(--text-secondary);border-radius:4px;padding:.25rem .5rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem}.model-code-small{color:var(--text-secondary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.6875rem}.fallback-info{flex-wrap:wrap;align-items:center;gap:.25rem;font-size:.8125rem;display:flex}.no-fallback{color:var(--text-secondary)}.model-select-group{align-items:center;gap:.5rem;display:flex}.model-select-group .form-select{flex:1}.model-input-group{align-items:center;gap:.5rem;display:flex}.model-input-group .form-input{flex:1}.form-section{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;padding:1rem}.form-section h3{color:var(--text-primary);margin:0 0 1rem;font-size:.9375rem;font-weight:600}.form-section .form-group+.form-group{margin-top:1rem}.form-hint{color:var(--text-secondary);margin:0 0 .75rem;font-size:.75rem}.inline-select,.inline-input{border:1px solid var(--border-color);background:var(--surface);color:var(--text-primary);border-radius:4px;min-width:100px;padding:.375rem .5rem;font-size:.8125rem}.inline-input-wide{min-width:180px}.inline-select:focus,.inline-input:focus{border-color:var(--color-primary);outline:none}.inline-checkbox{color:var(--text-primary);cursor:pointer;align-items:center;gap:.375rem;font-size:.8125rem;display:flex}.inline-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px}.provider-modal{border:none;border-radius:12px;width:95%;max-width:500px;margin:0;padding:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 24px #0003}.provider-modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}.provider-modal-content{flex-direction:column;display:flex}.provider-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.provider-modal-header h2{color:var(--text-primary);margin:0;font-size:1.25rem}.provider-modal-info{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-primary);align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:.875rem;font-weight:500;display:flex}.provider-modal-body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.provider-modal-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.75rem;padding:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-primary);font-size:.875rem;font-weight:500}.form-select,.form-input,.form-textarea{border:1px solid var(--border-color);background:var(--surface);color:var(--text-primary);border-radius:6px;padding:.625rem .75rem;font-size:.875rem}.form-textarea{resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}.form-select:focus,.form-input:focus,.form-textarea:focus{border-color:var(--color-primary);outline:none}.checkbox-label{cursor:pointer;align-items:center;gap:.5rem;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.stage-cell{white-space:nowrap;font-weight:500}.prompt-types{gap:.375rem;display:flex}.type-badge{border-radius:3px;padding:.0625rem .375rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.625rem;font-weight:500;display:inline-block}.type-badge.type-system{color:var(--color-primary);background:#3b82f61a}.type-badge.type-prompt{color:var(--color-success,#22c55e);background:#22c55e1a}.prompt-empty{color:var(--text-secondary)}.close-button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;font-size:1.75rem;line-height:1;transition:all .2s;display:flex}.close-button:hover{background:var(--background-hover);color:var(--text-primary)}@media (width<=768px){.ai-tabs{flex-wrap:wrap}.ai-tab{flex:1;justify-content:center}.inline-input-wide{min-width:120px}}.system-support{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:1rem;display:inline-flex}.system-support.supported{color:var(--color-success,#22c55e);background:#22c55e1a}.system-support.combined{color:var(--text-secondary);background:var(--bg-secondary)}.prompts-info{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:6px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.8125rem;display:flex}.prompts-info svg{color:var(--color-primary);flex-shrink:0;font-size:1.25rem}.prompts-info code{background:var(--surface);border-radius:3px;padding:.125rem .375rem;font-size:.75rem}.image-models{flex-wrap:wrap;align-items:center;gap:.375rem;font-size:.8125rem;display:flex}.model-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.6875rem;font-weight:600}.model-separator{color:var(--border-color);font-weight:300}.logs-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:2rem;overflow:hidden}.logs-table{border-collapse:collapse;width:100%}.logs-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.logs-table th{text-align:left;color:#333;padding:1rem;font-size:.9rem;font-weight:600}.logs-table tbody tr.log-row{cursor:pointer;border-bottom:1px solid #e0e0e0;transition:background .2s}.logs-table tbody tr.log-row:hover{background:#f8f9fa}.logs-table td{color:#333;padding:1rem;font-size:.9rem}.loading,.no-logs{text-align:center;color:#666;padding:3rem;font-size:1.1rem}@media (width<=768px){.logs-table-container{overflow-x:auto}}.filter-group{flex-direction:column;gap:.375rem;display:flex}.filter-group select,.filter-group input{border:1px solid var(--border-color);background:var(--surface);color:var(--text-primary);border-radius:6px;min-width:140px;padding:.5rem .75rem;font-size:.8125rem}.filter-group input[type=number]{min-width:100px;max-width:120px}.filter-group input[type=date]{min-width:140px}.filter-group select:focus,.filter-group input:focus{border-color:var(--color-primary);outline:none}.stat-icon{background:var(--bg-secondary);width:40px;height:40px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.stat-card.stat-success .stat-icon{color:var(--color-success,#22c55e);background:#22c55e1a}.stat-card.stat-error .stat-icon{color:var(--color-error,#ef4444);background:#ef44441a}.stat-card.stat-duration .stat-icon{color:var(--color-primary);background:#3b82f61a}.stat-info{flex-direction:column;display:flex}.stat-value{color:var(--text-primary);font-size:1.25rem;font-weight:600}.stat-label{color:var(--text-secondary);font-size:.75rem}.logs-table .log-row.expanded{background:#f8f9fa}.expand-cell{text-align:center;width:32px;color:var(--text-secondary);font-size:1.25rem}.log-status{border-radius:4px;padding:.125rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.log-status.status-success{color:var(--color-success,#22c55e);background:#22c55e1a}.log-status.status-error{color:var(--color-error,#ef4444);background:#ef44441a}.error-cell{max-width:200px}.log-error-text{color:var(--color-error,#ef4444);font-size:.75rem}.no-error{color:var(--text-secondary)}.log-detail-row td{border-top:none!important;padding:0!important}.log-detail{background:var(--bg-secondary);border-top:1px solid var(--border-color);grid-template-columns:1fr 1fr;gap:1rem;padding:1rem 1.5rem;display:grid}.log-detail-section h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .5rem;font-size:.75rem;font-weight:600}.log-detail-section pre{background:var(--surface);border:1px solid var(--border-color);color:var(--text-primary);white-space:pre-wrap;word-break:break-word;border-radius:6px;max-height:300px;margin:0;padding:.75rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;line-height:1.5;overflow:auto}@media (width<=768px){.logs-stats{grid-template-columns:repeat(2,1fr)}.logs-filters{flex-direction:column}.filter-group select,.filter-group input{min-width:100%}.log-detail{grid-template-columns:1fr}}.prompt-edit-page{flex-direction:column;min-height:100%;display:flex}.variant-badge{color:var(--text-secondary);font-size:.875rem;font-weight:400}.prompt-edit-info{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:6px;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;padding:.875rem 1rem;font-size:.8125rem;line-height:1.5;display:flex}.prompt-edit-info svg{color:var(--color-primary);flex-shrink:0;margin-top:.125rem;font-size:1.25rem}.prompt-edit-info code{background:var(--surface);border-radius:3px;padding:.125rem .375rem;font-size:.75rem}.prompt-edit-loading{text-align:center;color:var(--text-secondary);padding:3rem;font-size:.875rem}.prompt-edit-body{flex-direction:column;flex:1;gap:1.5rem;display:flex}.prompt-section{flex-direction:column;display:flex}.prompt-section-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.prompt-section-header h3{color:var(--text-primary);margin:0;font-size:.9375rem;font-weight:600}.prompt-meta{gap:.5rem;display:flex}.meta-badge{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:4px;padding:.125rem .5rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.6875rem;display:inline-block}.prompt-edit-textarea{border:1px solid var(--border-color);background:var(--surface);width:100%;color:var(--text-primary);resize:vertical;border-radius:8px;min-height:250px;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8125rem;line-height:1.6}.prompt-edit-textarea:focus{border-color:var(--color-primary);outline:none}.prompt-not-available{text-align:center;color:var(--text-secondary);background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:8px;padding:2rem;font-size:.875rem;font-style:italic}.prompt-edit-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.75rem;margin-top:1rem;padding:1.5rem 0;display:flex}@media (width<=768px){.prompt-edit-textarea{min-height:180px}}.admin-payment-logs-page{max-width:1400px;margin:0 auto;padding:2rem}.admin-payment-logs-page .page-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.admin-payment-logs-page .header-left{align-items:center;gap:1rem;display:flex}.admin-payment-logs-page .page-header h1{color:#1a1a1a;margin:0;font-size:1.8rem;font-weight:600}.admin-payment-logs-page .logs-stats{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.admin-payment-logs-page .stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:.625rem;padding:.75rem;display:flex}.admin-payment-logs-page .stat-card.success{border-left:3px solid #28a745}.admin-payment-logs-page .stat-card.error{border-left:3px solid #dc3545}.admin-payment-logs-page .stat-card.rejected{border-left:3px solid #ffc107}.admin-payment-logs-page .stat-icon{color:#666;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.admin-payment-logs-page .stat-card.success .stat-icon{color:#28a745;background:#28a7451a}.admin-payment-logs-page .stat-card.error .stat-icon{color:#dc3545;background:#dc35451a}.admin-payment-logs-page .stat-card.rejected .stat-icon{color:#ffc107;background:#ffc1071a}.admin-payment-logs-page .stat-content{flex:1}.admin-payment-logs-page .stat-label{color:#666;margin-bottom:.125rem;font-size:.6875rem}.admin-payment-logs-page .stat-value{color:#1a1a1a;font-size:1.125rem;font-weight:600;line-height:1.2}.admin-payment-logs-page .logs-filters{background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex}.admin-payment-logs-page .filter-group{flex-direction:column;flex:1;gap:.5rem;min-width:200px;display:flex}.admin-payment-logs-page .filter-group label{color:#333;font-size:.9rem;font-weight:500}.admin-payment-logs-page .filter-group input,.admin-payment-logs-page .filter-group select{border:1px solid #ccc;border-radius:4px;padding:.6rem;font-size:.95rem}.admin-payment-logs-page .filter-action{align-self:flex-end}.admin-payment-logs-page .event-type{background:#e3f2fd;border-radius:4px;padding:.25rem .5rem;font-family:Courier New,monospace;font-size:.85rem}.admin-payment-logs-page .customer-id,.admin-payment-logs-page .subscription-id{color:#666;font-family:Courier New,monospace;font-size:.85rem}.admin-payment-logs-page .log-status{text-transform:capitalize;border-radius:12px;padding:.25rem .75rem;font-size:.85rem;font-weight:500}.admin-payment-logs-page .log-status.success{color:#155724;background:#d4edda}.admin-payment-logs-page .log-status.error{color:#721c24;background:#f8d7da}.admin-payment-logs-page .log-status.rejected{color:#856404;background:#fff3cd}.admin-payment-logs-page .http-status{border-radius:4px;padding:.25rem .5rem;font-family:Courier New,monospace;font-size:.85rem;font-weight:600}.admin-payment-logs-page .http-status.status-2xx{color:#155724;background:#d4edda}.admin-payment-logs-page .http-status.status-4xx{color:#856404;background:#fff3cd}.admin-payment-logs-page .http-status.status-5xx{color:#721c24;background:#f8d7da}.admin-payment-logs-page .amount-cell{font-family:Courier New,monospace;font-weight:600}.admin-payment-logs-page .log-detail-row{background:#f8f9fa}.admin-payment-logs-page .log-detail{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.admin-payment-logs-page .detail-section{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:1rem}.admin-payment-logs-page .detail-section h4{color:#333;margin:0 0 .75rem;font-size:.95rem;font-weight:600}.admin-payment-logs-page .detail-section pre{white-space:pre-wrap;word-wrap:break-word;background:#f5f5f5;border-radius:4px;max-height:500px;margin:0;padding:1rem;font-size:.85rem;line-height:1.5;overflow:auto}.admin-payment-logs-page .detail-section pre.error-message{color:#c53030;background:#fff5f5}.admin-payment-logs-page .metadata p{color:#333;margin:.5rem 0;font-size:.9rem}.admin-payment-logs-page .metadata strong{color:#666;font-weight:600}@media (width<=1024px){.admin-payment-logs-page .logs-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.admin-payment-logs-page{padding:1rem}.admin-payment-logs-page .logs-stats{grid-template-columns:1fr}.admin-payment-logs-page .logs-filters{flex-direction:column}.admin-payment-logs-page .filter-group{width:100%}}.admin-zoom-logs-page{max-width:1400px;margin:0 auto;padding:2rem}.logs-stats{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.stat-card.success{border-left:3px solid #28a745}.stat-card.error{border-left:3px solid #dc3545}.stat-card.rejected{border-left:3px solid #ffc107}.stat-card.success .stat-icon{color:#28a745;background:#28a7451a}.stat-card.error .stat-icon{color:#dc3545;background:#dc35451a}.stat-card.rejected .stat-icon{color:#ffc107;background:#ffc1071a}.stat-content{flex:1}.stat-label{color:#666;margin-bottom:.125rem;font-size:.6875rem}.logs-filters{background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex}.filter-group{flex-direction:column;flex:1;gap:.5rem;min-width:200px;display:flex}.filter-group label{color:#333;font-size:.9rem;font-weight:500}.filter-group input,.filter-group select{border:1px solid #ccc;border-radius:4px;padding:.6rem;font-size:.95rem}.filter-action{align-self:flex-end}.event-type{background:#e3f2fd;border-radius:4px;padding:.25rem .5rem;font-family:Courier New,monospace;font-size:.85rem}.account-id,.meeting-uuid{color:#666;font-family:Courier New,monospace;font-size:.85rem}.log-status{text-transform:capitalize;border-radius:12px;padding:.25rem .75rem;font-size:.85rem;font-weight:500}.log-status.success{color:#155724;background:#d4edda}.log-status.error{color:#721c24;background:#f8d7da}.log-status.rejected{color:#856404;background:#fff3cd}.http-status{border-radius:4px;padding:.25rem .5rem;font-family:Courier New,monospace;font-size:.85rem;font-weight:600}.http-status.status-2xx{color:#155724;background:#d4edda}.http-status.status-4xx{color:#856404;background:#fff3cd}.http-status.status-5xx{color:#721c24;background:#f8d7da}.icon-success{color:#28a745;font-size:1.2rem}.icon-error{color:#dc3545;font-size:1.2rem}.log-detail-row{background:#f8f9fa}.log-detail{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.detail-section{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:1rem}.detail-section h4{color:#333;margin:0 0 .75rem;font-size:.95rem;font-weight:600}.detail-section pre{white-space:pre-wrap;word-wrap:break-word;background:#f5f5f5;border-radius:4px;max-height:500px;margin:0;padding:1rem;font-size:.85rem;line-height:1.5;overflow:auto}.detail-section pre.error-message{color:#c53030;background:#fff5f5}.metadata p{color:#333;margin:.5rem 0;font-size:.9rem}.metadata strong{color:#666;font-weight:600}@media (width<=1024px){.logs-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.admin-zoom-logs-page{padding:1rem}.logs-stats{grid-template-columns:1fr}.logs-filters{flex-direction:column}.filter-group{width:100%}}.admin-refund-queue-page{max-width:1400px;margin:0 auto;padding:2rem}.page-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.header-left{align-items:center;gap:1rem;display:flex}.page-header h1{color:#1a1a1a;margin:0;font-size:1.8rem;font-weight:600}.spinning{animation:1s linear infinite spin}.loading{text-align:center;color:#666;padding:2rem;font-size:.95rem}.error-banner{color:#c53030;background:#fff5f5;border:1px solid #feb2b2;border-radius:6px;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.95rem}.refund-stats{grid-template-columns:repeat(5,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:.625rem;padding:.75rem;display:flex}.stat-card.pending{border-left:3px solid #f6c90e}.stat-card.processing{border-left:3px solid #3b82f6}.stat-card.completed{border-left:3px solid #28a745}.stat-card.failed{border-left:3px solid #dc3545}.stat-card.amount{border-left:3px solid #8b5cf6}.stat-icon{color:#666;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.stat-card.pending .stat-icon{color:#b7791f;background:#f6c90e26}.stat-card.processing .stat-icon{color:#1d4ed8;background:#3b82f61a}.stat-card.completed .stat-icon{color:#28a745;background:#28a7451a}.stat-card.failed .stat-icon{color:#dc3545;background:#dc35451a}.stat-card.amount .stat-icon{color:#8b5cf6;background:#8b5cf61a}.stat-content{flex:1;min-width:0}.stat-label{color:#666;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.125rem;font-size:.6875rem;overflow:hidden}.stat-value{color:#1a1a1a;font-size:1.125rem;font-weight:600;line-height:1.2}@media (width<=1200px){.refund-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.admin-refund-queue-page{padding:1rem}.refund-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.refund-stats{grid-template-columns:1fr}}#root{min-height:100vh}.auth-page{background:var(--bg-gray-light);min-height:100vh;padding:var(--spacing-8);justify-content:center;align-items:center;display:flex}.auth-container{background:var(--bg-white);border-radius:var(--radius-2xl);padding:var(--spacing-12);width:100%;max-width:500px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color-light)}.auth-header{text-align:center;margin-bottom:var(--spacing-8)}.auth-header h1{color:var(--color-primary);margin-bottom:var(--spacing-2);font-size:var(--font-size-4xl);letter-spacing:var(--letter-spacing-wider)}.auth-header h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-2);color:var(--color-blue);font-weight:var(--font-weight-semibold)}.auth-header p{color:var(--color-gray-600);font-size:var(--font-size-base)}.auth-footer{text-align:center;margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--border-color-light)}.auth-footer a{color:var(--color-blue);font-weight:var(--font-weight-medium)}.auth-footer a:hover{color:var(--color-primary-dark)}.auth-form{gap:var(--spacing-5);flex-direction:column;display:flex}.form-group{gap:var(--spacing-2);flex-direction:column;display:flex}.form-group label{font-weight:var(--font-weight-medium);color:var(--color-gray-700);font-size:var(--font-size-sm)}.form-group input,.form-group textarea,.form-group select{padding:var(--spacing-2);border:var(--border-width-base) solid var(--border-color-light);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:var(--transition-smooth);background:var(--bg-gray-lightest);font-weight:var(--font-weight-normal)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);background:var(--bg-white);outline:none}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{background:var(--bg-gray-light);cursor:not-allowed;opacity:var(--opacity-60)}.form-group textarea{resize:vertical;min-height:100px}.image-upload{width:100%}.image-upload-button{width:100%;padding:var(--spacing-10);border:2px dashed var(--border-color-light);border-radius:var(--radius-md);background:var(--bg-gray-lightest);cursor:pointer;transition:var(--transition-smooth);justify-content:center;align-items:center;gap:var(--spacing-3);flex-direction:column;display:flex}.image-upload-button:hover{border-color:var(--color-primary);background:var(--bg-white)}.image-upload-options{width:100%;display:flex}.image-upload-options.with-ai{gap:var(--spacing-3)}.image-upload-options.with-ai .image-upload-button{padding:var(--spacing-6);flex:1}.image-upload-button--ai .upload-icon{color:var(--color-primary)}.image-upload-button--ai:hover{border-color:var(--color-primary)}.upload-icon{color:var(--color-primary);font-size:48px}.upload-text{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.upload-hint{font-size:var(--font-size-sm);color:var(--color-gray-500)}.image-preview-container{border:var(--border-width-base) solid var(--border-color-light);border-radius:var(--radius-md);padding:var(--spacing-4);background:var(--bg-white);position:relative}.image-preview-controls{gap:var(--spacing-2);margin-bottom:var(--spacing-3);justify-content:flex-end;display:flex}.btn-icon-control{background:var(--bg-gray-light);border:var(--border-width-base) solid var(--border-color-light);border-radius:var(--radius-md);padding:var(--spacing-2);cursor:pointer;transition:var(--transition-smooth);color:var(--color-gray-700);justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.btn-icon-control:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-icon-control:active{transform:scale(.95)}.image-preview{object-fit:contain;border-radius:var(--radius-md);background:var(--bg-gray-lightest);width:100%;max-height:400px}.image-preview-wrapper{position:relative}.image-preview.processing{filter:blur(4px);opacity:.6;transition:var(--transition-smooth)}.image-processing-overlay{justify-content:center;align-items:center;gap:var(--spacing-3);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;background:#ffffff1a;flex-direction:column;display:flex;position:absolute;inset:0}.processing-spinner{border:4px solid var(--border-color-light);border-top-color:var(--color-primary);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spinner-rotate}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.processing-text{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin:0}.btn-icon-control.processing{background:var(--color-primary);color:#fff;border-color:var(--color-primary);cursor:wait;animation:2s ease-in-out infinite pulse-button}@keyframes pulse-button{0%,to{opacity:1}50%{opacity:.7}}.btn,button.btn{padding:var(--spacing-2);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-smooth);align-items:center;gap:var(--spacing-2);border:none;display:inline-flex}.btn:disabled,button.btn:disabled{opacity:var(--opacity-60);cursor:not-allowed}.btn-primary,button.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled),button.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-no-hover:hover:not(:disabled){background:var(--bg-blue-light,#e3f2fd);color:var(--color-blue)}.btn-no-hover:focus{box-shadow:none;outline:none}.btn-secondary,button.btn-secondary{background:var(--bg-gray-light);color:var(--color-gray-900);border:1px solid var(--color-gray-400)}.btn-secondary:hover:not(:disabled),button.btn-secondary:hover:not(:disabled){background:var(--bg-gray-lightest);border-color:var(--color-gray-600)}.btn-outline,button.btn-outline{color:var(--color-gray-700);border:var(--border-width-base) solid var(--border-color-light);background:0 0}.btn-outline:hover:not(:disabled),button.btn-outline:hover:not(:disabled){background:var(--bg-gray-light);border-color:var(--color-gray-500)}.btn-icon{font-size:18px}.btn-generate{background:var(--color-blue);color:#fff;border:var(--border-width-base) solid var(--color-blue)}.btn-generate:hover:not(:disabled){background:var(--color-blue-dark);border-color:var(--color-blue-dark)}.image-upload-container{width:100%;position:relative}.image-upload-container .image-upload{width:100%}.btn-generate-image{top:calc(var(--spacing-2) + 10px);right:calc(var(--spacing-2) + 100px);padding:var(--spacing-2);border-radius:var(--radius-md);z-index:10;box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:flex;position:absolute}.btn-generate-image svg{font-size:20px}.image-upload-container:has(.image-upload-button) .btn-generate-image{right:var(--spacing-2)}.btn-back{color:var(--color-gray-700);padding:var(--spacing-2) var(--spacing-3);align-items:center;gap:var(--spacing-2);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:var(--transition-smooth);background:0 0;border:none;text-decoration:none;display:inline-flex}.btn-back:hover{background:var(--bg-gray-lightest);color:var(--color-primary);text-decoration:none}.btn-back:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-sm{width:36px;min-width:36px;height:36px;min-height:36px;padding:var(--spacing-2);justify-content:center;align-items:center;display:inline-flex}.btn-danger,button.btn-danger{color:#fff;background:#ef4444;border:none}.btn-danger:hover:not(:disabled),button.btn-danger:hover:not(:disabled){color:#fff;background:#ef4444}.error-message{background:var(--bg-orange-light);color:var(--color-primary);padding:var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);border:1px solid var(--color-primary);font-weight:var(--font-weight-medium)}.success-message{background:var(--bg-blue-light);color:var(--color-blue);padding:var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);border:1px solid var(--color-blue);font-weight:var(--font-weight-medium)}.loading-container{min-height:100vh;font-size:var(--font-size-2xl);color:var(--color-primary);font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;display:flex}.loading{text-align:center;padding:var(--spacing-8);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.dashboard-page{background:var(--bg-gray-light);min-height:100vh}.dashboard-header{background:var(--color-primary);padding:var(--spacing-8) var(--spacing-10);justify-content:space-between;align-items:center;display:flex}.dashboard-header h1{color:#fff;font-size:var(--font-size-4xl);letter-spacing:var(--letter-spacing-widest);margin:0}.user-info{align-items:center;gap:var(--spacing-6);display:flex}.user-info p{color:#fff;font-weight:var(--font-weight-normal);font-size:var(--font-size-md)}.dashboard-content{max-width:var(--container-xl);padding:var(--spacing-12) var(--spacing-8);margin:0 auto}.hero{text-align:center;padding:var(--spacing-12) 0;background:var(--bg-white);border-radius:var(--radius-2xl);margin-bottom:var(--spacing-12);border:1px solid var(--border-color-light)}.hero h2{font-size:var(--font-size-4xl);color:var(--color-primary);margin-bottom:var(--spacing-3);letter-spacing:var(--letter-spacing-wider)}.hero p{color:var(--color-gray-600);font-size:var(--font-size-lg)}.quick-actions{margin:var(--spacing-12) 0}.quick-actions h3{margin-bottom:var(--spacing-8);color:var(--color-primary);text-align:center;font-size:var(--font-size-3xl);letter-spacing:var(--letter-spacing-wider)}.actions-grid{gap:var(--spacing-8);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.action-card{background:var(--bg-white);padding:var(--spacing-10);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);color:inherit;transition:var(--transition-smooth);border:var(--border-width-base) solid var(--border-color-light);text-decoration:none}.action-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-blue);text-decoration:none}.action-card h4{color:var(--color-primary-dark);margin-bottom:var(--spacing-4);font-size:var(--font-size-xl)}.action-card p{color:var(--color-gray-600)}.getting-started{background:var(--bg-white);padding:var(--spacing-12);border-radius:var(--radius-2xl);margin-top:var(--spacing-12);border:var(--border-width-base) solid var(--border-color-light)}.getting-started h3{color:var(--color-primary);margin-bottom:var(--spacing-6);text-align:center;font-size:var(--font-size-3xl)}.getting-started ol{color:var(--color-gray-600);line-height:var(--line-height-loose);font-size:var(--font-size-md);max-width:800px;margin:0 auto}.getting-started ol li{margin-bottom:var(--spacing-2);font-weight:var(--font-weight-normal)}.slide-editor-page{background:var(--bg-gray-light);min-height:100vh;padding:var(--spacing-8)}.page-header{align-items:center;gap:var(--spacing-8);margin-bottom:var(--spacing-8);display:flex}.header-info{width:75%}.header-info h1{color:var(--color-primary);margin-bottom:var(--spacing-2);font-size:var(--font-size-4xl)}.header-info p,.header-description{color:var(--color-gray-600);font-size:var(--font-size-md)}.content-editor-header{flex-wrap:wrap}.header-info--editable{flex:1;min-width:300px}.editable-field{margin-bottom:var(--spacing-2)}.editable-title,.editable-description{align-items:center;gap:var(--spacing-2);cursor:pointer;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);transition:background-color .2s;display:inline-flex}.editable-title:hover,.editable-description:hover{background-color:var(--bg-gray-lightest)}.editable-title .edit-icon,.editable-description .edit-icon{opacity:0;color:var(--color-gray-500);font-size:.75em;transition:opacity .2s}.editable-title:hover .edit-icon,.editable-description:hover .edit-icon{opacity:1}.editable-input-group{align-items:center;gap:var(--spacing-2);display:flex}.editable-input{padding:var(--spacing-2) var(--spacing-3);border:2px solid var(--color-primary);border-radius:var(--radius-md);outline:none;font-family:inherit;transition:border-color .2s}.editable-input:focus{border-color:var(--color-blue-dark)}.editable-input--title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary);min-width:300px}.editable-input--description{font-size:var(--font-size-md);color:var(--color-gray-600);min-width:400px}.editable-btn{border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex}.editable-btn--confirm{background:var(--color-success);color:#fff}.editable-btn--confirm:hover{background:#16a34a}.editable-btn--cancel{background:var(--color-gray-300);color:var(--color-gray-700)}.editable-btn--cancel:hover{background:var(--color-gray-400)}.unsaved-indicator{padding:var(--spacing-1) var(--spacing-3);color:#92400e;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);margin-top:var(--spacing-2);background:#fef3c7;display:inline-block}.header-project-select{align-items:center;gap:var(--spacing-3);display:flex}.header-project-select label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600)}.header-project-select .project-select{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--border-color-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--bg-white);cursor:pointer;min-width:180px}.header-project-select .project-select:focus{border-color:var(--color-primary);outline:none}.slide-editor-container{max-width:var(--container-xl);margin:0 auto}.slide-items-section{background:var(--bg-white);padding:var(--spacing-10);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);border:var(--border-width-base) solid var(--border-color-light)}.section-header{margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-4);border-bottom:var(--border-width-base) solid var(--color-primary);justify-content:space-between;align-items:center;display:flex}.section-header h2{color:var(--color-primary);font-size:var(--font-size-3xl);margin:0}.header-actions{gap:var(--spacing-4);align-items:center;display:flex}.add-item-form{background:var(--bg-gray-lightest);padding:var(--spacing-8);border-radius:var(--radius-xl);margin-bottom:var(--spacing-8);border:1px solid var(--border-color-light);transition:var(--transition-smooth)}.add-item-form.has-unsaved-changes{border:2px solid #f59e0b;border-left-width:6px;box-shadow:0 0 0 3px #f59e0b1a}.ai-form-wrapper{margin-bottom:var(--spacing-6);padding:var(--spacing-6);background:var(--bg-white);border:2px solid var(--border-color-light);border-radius:var(--radius-lg)}.ai-form-layout{gap:var(--spacing-6);grid-template-columns:1fr 1fr;display:grid}.ai-form-current-slot{border:1px solid var(--border-color-light);border-radius:var(--radius-md);padding:var(--spacing-5);background:var(--bg-gray-lightest)}.ai-form-current-slot h5{margin:0 0 var(--spacing-4) 0;color:var(--color-gray-700);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.current-slot-preview{gap:var(--spacing-3);flex-direction:column;display:flex}.current-slot-image{border-radius:var(--radius-md);border:1px solid var(--border-color-light);width:100%;overflow:hidden}.current-slot-image img{width:100%;height:auto;display:block}.current-slot-content{gap:var(--spacing-2);flex-direction:column;display:flex}.current-slot-label{font-size:var(--font-size-xs);color:var(--color-gray-600);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin:0}.current-slot-idea{font-size:var(--font-size-sm);color:var(--color-gray-900);white-space:pre-wrap;word-wrap:break-word;margin:0;line-height:1.5}.ai-form-generator{gap:var(--spacing-4);flex-direction:column;display:flex}.ai-form-generator h5{color:var(--color-gray-700);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin:0}.ai-form-actions{gap:var(--spacing-3);margin-top:var(--spacing-2);flex-wrap:wrap;display:flex}.ai-form-actions .btn{flex:1;min-width:100px}.form-header{margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--border-color-light);justify-content:space-between;align-items:center;display:flex}.form-header h4{color:var(--color-gray-900);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.form-header-actions{justify-content:flex-end;gap:var(--spacing-2);display:flex}.form-row{gap:var(--spacing-4);grid-template-columns:1fr 1fr;display:grid}.items-list{gap:var(--spacing-6);flex-direction:column;display:flex}.items-list.compact-view{gap:var(--spacing-4);grid-template-columns:repeat(3,1fr);display:grid}.items-list.compact-view .add-item-form{grid-column:1/-1}.compact-item-card{border:var(--border-width-base) solid var(--border-color-light);border-radius:var(--radius-lg);padding:var(--spacing-4);background:var(--bg-white);transition:var(--transition-smooth);gap:var(--spacing-3);cursor:pointer;flex-direction:column;display:flex}.compact-item-card.has-unsaved-changes{border:2px solid #f59e0b;border-left-width:6px;box-shadow:0 0 0 3px #f59e0b1a}.compact-item-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.compact-item-card.has-unsaved-changes:hover{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.compact-item-image{border-radius:var(--radius-md);background:var(--bg-gray-lightest);text-align:center;height:120px;overflow:hidden}.compact-item-image img{height:100%}.compact-item-content{flex:1}.compact-item-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);margin:0 0 var(--spacing-2) 0}.compact-item-idea{font-size:var(--font-size-xs);color:var(--color-gray-600);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.4;display:-webkit-box;overflow:hidden}.compact-item-actions{gap:var(--spacing-2);padding-top:var(--spacing-2);border-top:var(--border-width-base) solid var(--border-color-light);justify-content:flex-end;display:flex}@media (width<=1200px){.items-list.compact-view{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.items-list.compact-view{grid-template-columns:1fr}}.slide-item-card{border:var(--border-width-base) solid var(--border-color-light);border-radius:var(--radius-xl);padding:var(--spacing-6);background:var(--bg-gray-lightest);transition:var(--transition-smooth)}.slide-item-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.item-header{gap:var(--spacing-4);margin-bottom:var(--spacing-4);align-items:center;display:flex}.item-number{font-weight:var(--font-weight-bold);color:var(--color-primary);font-size:var(--font-size-lg)}.item-type{background:var(--color-primary);color:#fff;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.item-duration{color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.item-content{color:var(--color-gray-600);font-size:var(--font-size-base);line-height:var(--line-height-loose)}.generated-content{margin-top:var(--spacing-6);background:var(--bg-white);padding:var(--spacing-6);border-radius:var(--radius-md);border-left:var(--border-width-heavy) solid var(--color-blue)}.generated-content pre{font-size:var(--font-size-sm);background:var(--bg-gray-lightest);padding:var(--spacing-4);border-radius:var(--radius-md);overflow-x:auto}.empty-state{text-align:center;color:var(--color-gray-500);padding:var(--spacing-16);font-style:italic;font-size:var(--font-size-md)}.generate-button-container{gap:var(--spacing-6);flex-direction:column;display:flex}.generation-progress{margin-top:var(--spacing-6)}.progress-bar{background:var(--bg-gray-light);border-radius:var(--radius-md);height:12px;margin-bottom:var(--spacing-4);border:1px solid var(--border-color-light);overflow:hidden}.progress-fill{background:var(--color-blue);border-radius:var(--radius-md);height:100%;transition:width .5s}.progress-text{text-align:center;color:var(--color-blue);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base)}.generation-results{background:var(--bg-blue-light);padding:var(--spacing-6);border-radius:var(--radius-xl);margin-top:var(--spacing-6);border:var(--border-width-base) solid var(--color-blue)}.generation-results .success{color:var(--color-blue);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3);font-size:var(--font-size-md)}.generation-results .error{color:var(--color-primary);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3);font-size:var(--font-size-md)}.generation-results .credits{color:var(--color-primary-dark);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-6);font-size:var(--font-size-md)}.errors-list{margin-top:var(--spacing-6);color:var(--color-primary)}.errors-list p{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.errors-list ul{margin-top:var(--spacing-4);padding-left:var(--spacing-6);font-size:var(--font-size-sm)}.errors-list li{margin-bottom:var(--spacing-2)}.slides-page{background:var(--bg-gray-light);min-height:100vh;padding:var(--spacing-8)}.slide-create-form{background:var(--bg-white);padding:var(--spacing-10);border-radius:var(--radius-2xl);margin:var(--spacing-8) 0;box-shadow:var(--shadow-md);border:var(--border-width-base) solid var(--border-color-light)}.slide-create-form h3{color:var(--color-primary);margin-bottom:var(--spacing-6);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.slide-create-form .form-group{margin-bottom:var(--spacing-6)}.slide-create-form .form-actions{margin-top:var(--spacing-8)}.slides-grid{gap:var(--spacing-8);margin-top:var(--spacing-8);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.slide-card{background:var(--bg-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);border:var(--border-width-base) solid var(--border-color-light);transition:var(--transition-smooth);position:relative;overflow:hidden}.slide-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.slide-card-header{top:var(--spacing-3);right:var(--spacing-3);z-index:10;position:absolute}.slide-card-menu{position:relative}.slide-card-menu-button{background:var(--bg-white);border-radius:var(--radius-full);cursor:pointer;width:36px;height:36px;color:var(--color-gray-700);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);border:none;justify-content:center;align-items:center;font-size:24px;display:flex}.slide-card-menu-button:hover{background:var(--color-primary);color:#fff}.slide-card-dropdown{margin-top:var(--spacing-2);background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:var(--border-width-base) solid var(--border-color-light);z-index:100;min-width:180px;position:absolute;top:100%;right:0;overflow:hidden}.dropdown-item{width:100%;padding:var(--spacing-3) var(--spacing-4);text-align:left;cursor:pointer;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-gray-700);transition:var(--transition-smooth);border:none;border-bottom:var(--border-width-base) solid var(--border-color-light);background:0 0;display:flex}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--bg-gray-lightest);color:var(--color-primary)}.dropdown-item-danger:hover{background:var(--bg-orange-light);color:var(--color-primary)}.dropdown-item svg{font-size:20px}.slide-card-body{cursor:pointer}.slide-card-thumbnail{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);justify-content:center;align-items:center;height:200px;display:flex;position:relative}.play-icon{color:#fff;opacity:.9;transition:var(--transition-smooth);font-size:64px}.slide-card:hover .play-icon{opacity:1;transform:scale(1.1)}.slide-card-content{padding:var(--spacing-6)}.slide-card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--spacing-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.slide-card-description{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--spacing-4);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px;display:-webkit-box;overflow:hidden}.slide-card-footer{padding-top:var(--spacing-4);border-top:var(--border-width-base) solid var(--border-color-light);justify-content:space-between;align-items:center;display:flex}.slide-card-items{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-blue)}.slide-card-date{font-size:var(--font-size-xs);color:var(--color-gray-500)}.contents-page,.meetings-page,.all-ideas-page,.meeting-ideas-page{background:var(--bg-gray-light);min-height:100vh;padding:var(--spacing-8)}.content-create-form{background:var(--bg-white);padding:var(--spacing-10);border-radius:var(--radius-2xl);margin:var(--spacing-8) 0;box-shadow:var(--shadow-md);border:var(--border-width-base) solid var(--border-color-light)}.content-create-form h3{color:var(--color-primary);margin-bottom:var(--spacing-6);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.contents-grid{gap:var(--spacing-2);margin-top:var(--spacing-4);grid-template-columns:repeat(4,1fr);display:grid}.content-card{aspect-ratio:3/4;background:var(--bg-gray-light);cursor:pointer;max-height:520px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.content-card:hover .content-card-overlay{opacity:1}.content-card:hover .content-card-preview{transform:scale(1.05)}.content-card-header{top:var(--spacing-3);right:var(--spacing-3);z-index:10;position:absolute}.content-card-menu{position:relative}.content-card-menu-button{background:var(--bg-white);border-radius:var(--radius-full);cursor:pointer;width:36px;height:36px;color:var(--color-gray-700);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);border:none;justify-content:center;align-items:center;font-size:24px;display:flex}.content-card-menu-button:hover{background:var(--color-blue);color:#fff}.content-card-dropdown{margin-top:var(--spacing-2);background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:var(--border-width-base) solid var(--border-color-light);z-index:100;min-width:180px;position:absolute;top:100%;right:0;overflow:hidden}.content-card-body{padding:var(--spacing-6)}.content-card-icon{background:linear-gradient(135deg, var(--color-blue) 0%, var(--color-blue-dark) 100%);border-radius:var(--radius-md);width:60px;height:60px;margin-bottom:var(--spacing-4);color:#fff;justify-content:center;align-items:center;font-size:32px;display:flex}.content-card-content{padding:0}.content-card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-blue);margin-bottom:var(--spacing-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.content-card-description{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--spacing-4);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px;display:-webkit-box;overflow:hidden}.content-card-footer{padding-top:var(--spacing-4);border-top:var(--border-width-base) solid var(--border-color-light);justify-content:space-between;align-items:center;display:flex}.content-card-type{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-blue)}.content-card-date{font-size:var(--font-size-xs);color:var(--color-gray-500)}.content-card-preview{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0}.content-card-overlay{opacity:0;width:100%;height:100%;padding:var(--spacing-4);background:#0009;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.content-card-overlay-content{text-align:center}.content-card-overlay-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--spacing-2);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.content-card-overlay-description{font-size:var(--font-size-xs);color:#ffffffd9;margin-bottom:var(--spacing-3);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.content-card-overlay-meta{justify-content:center;gap:var(--spacing-4);font-size:var(--font-size-sm);color:#fff;font-weight:var(--font-weight-semibold);display:flex}.content-card-overlay-meta span{align-items:center;gap:var(--spacing-1);display:flex}.content-card-badge{bottom:var(--spacing-2);right:var(--spacing-2);color:#fff;border-radius:var(--radius-full);z-index:5;background:#22c55e;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;transition:opacity .3s;display:flex;position:absolute;box-shadow:0 2px 8px #22c55e66}.content-card:hover .content-card-badge{opacity:0}.content-card-empty{width:100%;height:100%;color:var(--color-gray-400);flex-direction:column;justify-content:center;align-items:center;font-size:48px;display:flex;position:absolute;top:0;left:0}.content-card-empty-text{font-size:var(--font-size-sm);margin-top:var(--spacing-2)}.content-card .content-card-header{z-index:15}.content-card .content-card-menu-button{box-shadow:none;color:var(--color-gray-700);opacity:0;background:0 0;transition:opacity .2s}.content-card:hover .content-card-menu-button{opacity:1}.content-card-info{width:100%;height:100%;padding:var(--spacing-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.content-card-info-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-2);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.content-card-info-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-4);text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.content-card-info-meta{justify-content:center;gap:var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.content-card-info-meta span{align-items:center;gap:var(--spacing-1);display:flex}.content-card-preview-container{background:linear-gradient(135deg, var(--bg-gray-light) 0%, var(--bg-gray-lightest) 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.content-card-preview-image{object-fit:cover;border-radius:0;width:100%;height:100%;transition:all .3s}.content-card:hover .content-card-preview-image{width:85%;height:82%;margin-top:4%;box-shadow:0 4px 12px #00000026}.content-card-preview-info{padding:var(--spacing-3);opacity:0;background:#000000bf;justify-content:space-between;align-items:center;transition:opacity .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.content-card:hover .content-card-preview-info{opacity:1}.content-card-preview-title{color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;max-width:70%;margin:0;overflow:hidden}.content-card-preview-count{color:#fffc;font-size:var(--font-size-xs);align-items:center;gap:var(--spacing-1);display:flex}.content-card-stacked{background:linear-gradient(135deg, var(--bg-gray-light) 0%, var(--bg-gray-lightest) 100%);justify-content:center;align-items:flex-end;width:100%;height:100%;padding-bottom:28px;display:flex;position:relative;overflow:hidden}.stacked-cards{perspective:1000px;width:70%;height:80%;position:relative}.stacked-card{background:var(--bg-white);border-radius:var(--radius-md);transform-origin:bottom;--base-x:calc(50px / var(--total-cards));--base-y:calc(24px / var(--total-cards));--base-rot:calc(16deg / var(--total-cards));width:100%;height:100%;transform:translateX(calc(var(--card-index) * var(--base-x) - (var(--total-cards) - 1) * var(--base-x) / 2)) translateY(calc(var(--card-index) * var(--base-y) * -1)) rotate(calc((var(--card-index) - (var(--total-cards) - 1) / 2) * var(--base-rot)));z-index:calc(10 - var(--card-index));flex-direction:column;transition:transform .3s;display:flex;position:absolute;overflow:hidden;box-shadow:0 3px 10px #0000002e}.content-card .stacked-card{--base-x:calc(35px / var(--total-cards));--base-y:calc(18px / var(--total-cards));--base-rot:calc(12deg / var(--total-cards));transform:translateX(calc(var(--card-index) * var(--base-x) - (var(--total-cards) - 1) * var(--base-x) / 2)) translateY(calc(var(--card-index) * var(--base-y) * -1)) rotate(calc((var(--card-index) - (var(--total-cards) - 1) / 2) * var(--base-rot)))}.content-card:hover .stacked-card{--hover-x:calc(50px / var(--total-cards));--hover-y:calc(25px / var(--total-cards));--hover-rot:calc(16deg / var(--total-cards));transform:translateX(calc(var(--card-index) * var(--hover-x) - (var(--total-cards) - 1) * var(--hover-x) / 2)) translateY(calc(var(--card-index) * var(--hover-y) * -1)) rotate(calc((var(--card-index) - (var(--total-cards) - 1) / 2) * var(--hover-rot)))}.stacked-card-image{object-fit:contain;background:var(--bg-white);flex:1;width:100%;min-height:0}.stacked-card-image--full{object-fit:contain;background:var(--bg-white);flex:none;height:100%}.stacked-card-text{padding:var(--spacing-2);text-align:center;font-size:var(--font-size-xs);color:var(--color-text-primary);background:var(--bg-white);word-break:break-word;flex:1;justify-content:center;align-items:center;line-height:1.3;display:flex;position:relative;overflow:hidden}.stacked-card-text--with-image{background:var(--bg-white);flex:none;max-height:40%}.stacked-card-text span{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.stacked-card-text--with-image span{-webkit-line-clamp:2}.stacked-card-empty{color:var(--color-gray-400);font-style:italic}.stacked-card-text--empty{justify-content:center;gap:var(--spacing-4);flex-direction:column}.stacked-card-title{color:var(--color-gray-400);font-style:italic;font-size:var(--font-size-xs);bottom:var(--spacing-3);left:var(--spacing-2);right:var(--spacing-2);text-align:center;text-overflow:ellipsis;white-space:nowrap;position:absolute;overflow:hidden}.stacked-nav{top:var(--spacing-3);left:var(--spacing-3);z-index:15;gap:var(--spacing-1);opacity:0;transition:opacity .2s;display:flex;position:absolute}.content-card:hover .stacked-nav{opacity:1}.content-card--selection-mode .stacked-nav{display:none}.stacked-nav-btn{color:var(--color-gray-700);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:24px;display:flex}.stacked-info{padding:var(--spacing-3);opacity:0;background:#000000bf;justify-content:space-between;align-items:center;transition:opacity .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.content-card:hover .stacked-info{opacity:1}.stacked-info-title{color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;max-width:70%;margin:0;overflow:hidden}.stacked-info-count{color:#fffc;font-size:var(--font-size-xs);align-items:center;gap:var(--spacing-1);display:flex}.content-card--selection-mode{cursor:pointer}.content-card--selected{outline:3px solid var(--color-primary);outline-offset:-3px}.content-card-checkbox{top:var(--spacing-2);left:var(--spacing-2);z-index:10;border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;transition:var(--transition-smooth);background:0 0;justify-content:center;align-items:center;display:flex;position:absolute}.content-card-checkbox:hover{transform:scale(1.1)}.content-card-checkbox .checkbox-icon{color:var(--color-gray-500);font-size:22px}.content-card-checkbox .checkbox-icon--checked{color:var(--color-primary)}.bulk-action-bar{bottom:var(--spacing-6);align-items:center;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:100;background:#fff;animation:.2s ease-out slideUp;display:flex;position:fixed;left:50%;transform:translate(-50%)}.bulk-action-bar-count{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.bulk-action-btn{align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-smooth);border:none;display:flex}.bulk-action-btn--delete{background:var(--color-danger);color:var(--color-white)}.bulk-action-btn--delete:hover:not(:disabled){background:var(--color-danger-dark)}.bulk-action-btn:disabled{opacity:.6;cursor:not-allowed}.collage-item{transition:transform .3s,box-shadow .3s}.templates-page{background:var(--bg-gray-light);min-height:100%;padding:var(--spacing-8);flex-direction:column;display:flex}.templates-filters{gap:var(--spacing-3);margin-bottom:var(--spacing-4);align-items:center;display:flex}.templates-search{flex:1;max-width:400px;position:relative}.templates-search-icon{color:var(--color-text-secondary);font-size:var(--font-size-lg);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.templates-search-input{border:var(--border-width-base) solid var(--border-color-light);border-radius:var(--radius-md);width:100%;font-size:var(--font-size-sm);background:var(--bg-gray-lightest);color:var(--color-text-primary);transition:var(--transition-smooth);padding:8px 12px 8px 36px}.templates-search-input:hover{border-color:var(--color-primary)}.templates-search-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);background:var(--bg-white);outline:none}.templates-search-input::placeholder{color:var(--color-text-secondary)}.templates-filter-select{border:var(--border-width-base) solid var(--border-color-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--bg-gray-lightest);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-smooth);min-width:140px;padding:8px 12px}.templates-filter-select:hover{border-color:var(--color-primary)}.templates-filter-select:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);background:var(--bg-white);outline:none}.template-providers-page{background:var(--bg-gray-light);min-height:100%;padding:var(--spacing-8);flex-direction:column;display:flex}.template-create-form{background:var(--bg-white);padding:var(--spacing-10);border-radius:var(--radius-2xl);margin:var(--spacing-8) 0;box-shadow:var(--shadow-md);border:var(--border-width-base) solid var(--border-color-light)}.template-create-form h3{color:var(--color-primary);margin-bottom:var(--spacing-6);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.templates-grid{gap:var(--spacing-2);margin-top:var(--spacing-4);grid-template-columns:repeat(3,1fr);display:grid}@media (width>=1440px){.templates-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=1920px){.templates-grid{grid-template-columns:repeat(5,1fr)}}.template-card{aspect-ratio:3/4;cursor:pointer;border-radius:var(--radius-md);background:0 0;max-height:520px;position:relative;overflow:visible}.template-card:hover{box-shadow:var(--shadow-md)}.template-card--readonly{cursor:default}.template-card-stacked{background:linear-gradient(135deg, var(--bg-gray-light) 0%, var(--bg-gray-lightest) 100%);justify-content:center;align-items:flex-end;width:100%;height:100%;padding-bottom:28px;display:flex;position:relative;overflow:hidden}.template-card .stacked-card{--base-x:calc(30px / var(--total-cards));--base-y:calc(16px / var(--total-cards));--base-rot:calc(10deg / var(--total-cards));transform:translateX(calc(var(--card-index) * var(--base-x) - (var(--total-cards) - 1) * var(--base-x) / 2)) translateY(calc(var(--card-index) * var(--base-y) * -1)) rotate(calc((var(--card-index) - (var(--total-cards) - 1) / 2) * var(--base-rot)))}.template-card:hover .stacked-card{box-shadow:var(--shadow-md);--hover-x:calc(45px / var(--total-cards));--hover-y:calc(24px / var(--total-cards));--hover-rot:calc(14deg / var(--total-cards));transform:translateX(calc(var(--card-index) * var(--hover-x) - (var(--total-cards) - 1) * var(--hover-x) / 2)) translateY(calc(var(--card-index) * var(--hover-y) * -1)) rotate(calc((var(--card-index) - (var(--total-cards) - 1) / 2) * var(--hover-rot)))}.template-card:hover .stacked-nav,.template-card:hover .stacked-info,.template-card:hover .template-card-menu-button{opacity:1}.template-card-header{top:var(--spacing-3);right:var(--spacing-3);z-index:15;position:absolute}.template-card-menu{position:relative}.template-card .template-card-menu-button{border-radius:var(--radius-full);cursor:pointer;width:36px;height:36px;color:var(--color-gray-700);box-shadow:none;opacity:0;background:0 0;border:none;justify-content:center;align-items:center;font-size:24px;transition:opacity .2s;display:flex}.template-card-dropdown{margin-top:var(--spacing-2);background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:var(--border-width-base) solid var(--border-color-light);z-index:100;min-width:180px;position:absolute;top:100%;right:0;overflow:hidden}.stacked-card-variant{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);text-align:center}.template-selection-grid{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.template-selection-card{aspect-ratio:3/4;background:var(--bg-gray-light);cursor:pointer;border-radius:var(--radius-lg);max-height:420px;box-shadow:var(--shadow-md);transition:box-shadow .2s;position:relative;overflow:hidden}.template-selection-card:hover{box-shadow:var(--shadow-lg)}.template-selection-card--selected{box-shadow:0 0 0 3px var(--color-primary)}.template-selection-card--selected:hover{box-shadow:0 0 0 3px var(--color-primary), var(--shadow-lg)}.template-selection-check{top:var(--spacing-2);right:var(--spacing-2);background-color:var(--color-primary);z-index:10;color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:20px;display:flex;position:absolute}.template-selection-card .template-card-stacked{justify-content:center;align-items:flex-end;width:100%;height:100%;padding-bottom:60px;display:flex;position:relative}.template-selection-card .stacked-cards{width:70%;height:75%;position:relative}.template-selection-card .stacked-card{--base-x:calc(30px / var(--total-cards));--base-y:calc(16px / var(--total-cards));--base-rot:calc(10deg / var(--total-cards));transform:translateX(calc(var(--card-index) * var(--base-x) - (var(--total-cards) - 1) * var(--base-x) / 2)) translateY(calc(var(--card-index) * var(--base-y) * -1)) rotate(calc((var(--card-index) - (var(--total-cards) - 1) / 2) * var(--base-rot)))}.template-selection-card:hover .stacked-card{--hover-x:calc(45px / var(--total-cards));--hover-y:calc(24px / var(--total-cards));--hover-rot:calc(14deg / var(--total-cards));transform:translateX(calc(var(--card-index) * var(--hover-x) - (var(--total-cards) - 1) * var(--hover-x) / 2)) translateY(calc(var(--card-index) * var(--hover-y) * -1)) rotate(calc((var(--card-index) - (var(--total-cards) - 1) / 2) * var(--hover-rot)))}.template-selection-card .stacked-info{opacity:1;flex-direction:column;align-items:flex-start;gap:2px}.template-selection-card .stacked-info-title{font-size:var(--font-size-base)}.stacked-info-variant{font-size:var(--font-size-xs);color:#fffc;font-weight:var(--font-weight-normal)}.template-selection-card .stacked-info-count{right:var(--spacing-3);bottom:var(--spacing-3);position:absolute}.template-selection-card .stacked-nav{opacity:0;transition:opacity .2s}.template-selection-card:hover .stacked-nav{opacity:1}.template-selection-card .stacked-nav-btn{box-shadow:none;color:var(--color-gray-600);background:0 0;border:none;outline:none}.template-selection-card .stacked-nav-btn:hover{color:var(--color-gray-800)}.template-preview-dialog{border-radius:var(--radius-xl);max-width:90vw;max-height:90vh;box-shadow:var(--shadow-xl);border:none;padding:0;overflow:visible}.template-preview-dialog[open]{justify-content:center;align-items:center;width:fit-content;height:fit-content;margin:auto;display:flex;position:fixed;inset:0}.template-preview-dialog::backdrop{background:#00000080}.template-preview-modal{background:var(--bg-gray-light);border-radius:var(--radius-xl);flex-direction:column;min-width:400px;display:flex;overflow:hidden}.template-preview-modal-header{padding:var(--spacing-4);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;display:flex}.template-preview-modal-header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.template-preview-modal-subtitle{margin:var(--spacing-1) 0 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.template-preview-modal-close{padding:var(--spacing-1);cursor:pointer;color:var(--color-gray-500);border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;font-size:24px;transition:background-color .2s,color .2s;display:flex}.template-preview-modal-close:hover{background-color:var(--color-gray-100);color:var(--color-gray-700)}.template-preview-modal-content{padding:var(--spacing-4);background:var(--bg-gray-light);justify-content:center;align-items:center;display:flex}.template-preview-variants-row{gap:var(--spacing-4);flex-wrap:wrap;justify-content:center;display:flex}.template-preview-variant-item{align-items:center;gap:var(--spacing-2);flex-direction:column;display:flex}.template-preview-variant-card{aspect-ratio:3/4;background:var(--bg-white);border-radius:var(--radius-lg);width:200px;box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:flex;overflow:hidden}.template-preview-variant-card img{object-fit:contain;width:100%;height:100%}.template-preview-variant-empty{width:100%;height:100%;color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-2);justify-content:center;align-items:center;display:flex}.template-preview-variant-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;max-width:200px}.template-preview-modal-empty{text-align:center;padding:var(--spacing-6);color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.template-preview-modal-empty p{font-size:var(--font-size-sm);margin:0}.template-preview-modal-footer{justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-4);border-top:1px solid var(--color-border);display:flex}.content-view-page{padding:var(--spacing-8)}.content-view-header{gap:var(--spacing-4);margin-bottom:var(--spacing-8);flex-direction:column;display:flex}.content-view-title h1{font-size:var(--font-size-3xl);color:var(--color-primary);margin-bottom:var(--spacing-2)}.content-view-title p{font-size:var(--font-size-base);color:var(--color-gray-600)}.view-mode-toggle{gap:var(--spacing-2);margin-left:auto;display:flex}.view-mode-toggle .btn-icon{padding:var(--spacing-2);border-radius:var(--radius-md);border:1px solid var(--border-color-light);background:var(--bg-white);color:var(--color-gray-600);cursor:pointer;transition:all .2s}.view-mode-toggle .btn-icon:hover{background:var(--bg-gray-light);border-color:var(--color-primary)}.view-mode-toggle .btn-icon.active{background:var(--color-primary);color:var(--bg-white);border-color:var(--color-primary)}.carousel-view{align-items:center;gap:var(--spacing-6);flex-direction:column;display:flex}.carousel-container{justify-content:center;align-items:center;gap:var(--spacing-4);width:100%;max-width:1200px;display:flex;position:relative}.carousel-slide{background:var(--bg-gray-light);border-radius:var(--radius-xl);min-height:600px;padding:var(--spacing-4);border:1px solid var(--border-color-light);flex:1;justify-content:center;align-items:center;display:flex}.slide-content{align-items:center;gap:var(--spacing-4);flex-direction:column;width:100%;display:flex}.slide-content img{border-radius:var(--radius-lg);max-width:100%;max-height:500px;box-shadow:var(--shadow-lg);object-fit:contain}.slide-info{text-align:center;width:100%}.slide-number{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--spacing-2)}.slide-idea{font-size:var(--font-size-base);color:var(--color-gray-600);max-width:600px;margin:0 auto}.slide-empty{justify-content:center;align-items:center;gap:var(--spacing-2);color:var(--color-gray-500);text-align:center;flex-direction:column;display:flex}.carousel-nav{background:var(--bg-white);border:1px solid var(--border-color-light);border-radius:var(--radius-full);padding:var(--spacing-3);cursor:pointer;font-size:var(--font-size-2xl);color:var(--color-primary);box-shadow:var(--shadow-md);justify-content:center;align-items:center;transition:all .2s;display:flex}.carousel-nav:hover:not(:disabled){background:var(--color-primary);color:var(--bg-white);transform:scale(1.1)}.carousel-nav:disabled{opacity:.3;cursor:not-allowed}.carousel-indicators{gap:var(--spacing-2);align-items:center;display:flex}.indicator{border-radius:var(--radius-full);background:var(--color-gray-300);cursor:pointer;border:none;width:10px;height:10px;padding:0;transition:all .2s}.indicator:hover{background:var(--color-gray-400);transform:scale(1.2)}.indicator.active{background:var(--color-primary);width:30px}.grid-view{gap:var(--spacing-6);padding:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.grid-item{background:var(--bg-white);border-radius:var(--radius-xl);border:1px solid var(--border-color-light);cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s;overflow:hidden}.grid-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.grid-item-content{background:var(--bg-gray-light);width:100%;height:300px;position:relative;overflow:hidden}.grid-item-content img{object-fit:contain;width:100%;height:100%}.grid-item-overlay{padding:var(--spacing-3);background:linear-gradient(#0000,#000000b3);justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.grid-item-number{color:var(--bg-white);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg)}.grid-item-empty{justify-content:center;align-items:center;gap:var(--spacing-2);background:var(--bg-gray-light);width:100%;height:300px;color:var(--color-gray-500);flex-direction:column;display:flex}.grid-item-idea{padding:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-gray-600);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px;display:-webkit-box;overflow:hidden}.generated-content{margin-top:var(--spacing-4);padding:var(--spacing-4);background:var(--bg-gray-light);border-radius:var(--radius-lg);border:1px solid var(--border-color-light)}.generated-content-header{margin-bottom:var(--spacing-3);justify-content:space-between;align-items:center;display:flex}.generated-content-header p{font-weight:var(--font-weight-semibold);color:var(--color-primary);margin:0}.generated-content-header .btn-icon-control{cursor:pointer;color:var(--color-primary);font-size:var(--font-size-xl);padding:var(--spacing-1);border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.generated-content-header .btn-icon-control:hover{background:var(--bg-white)}.generated-preview{gap:var(--spacing-3);flex-direction:column;display:flex}.generated-preview img{border-radius:var(--radius-md);object-fit:contain;background:var(--bg-white);max-width:100%;max-height:400px;box-shadow:var(--shadow-md)}.generated-text{font-size:var(--font-size-base);color:var(--color-gray-700);padding:var(--spacing-2);background:var(--bg-white);border-radius:var(--radius-md);border-left:3px solid var(--color-primary)}.generated-meta{gap:var(--spacing-2);flex-wrap:wrap;align-items:center;display:flex}.meta-badge{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);background:var(--color-primary);color:var(--bg-white);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:inline-flex}.meta-info{padding:var(--spacing-1) var(--spacing-2);background:var(--bg-white);border:1px solid var(--border-color-light);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-gray-600)}.generated-content-collapsed{padding:var(--spacing-3);background:var(--bg-white);border-radius:var(--radius-md);border:1px dashed var(--color-primary)}.collapsed-indicator{align-items:center;gap:var(--spacing-2);color:var(--color-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);margin-bottom:var(--spacing-2);display:flex}.collapsed-indicator svg{font-size:var(--font-size-xl)}.collapsed-meta{gap:var(--spacing-2);padding-left:var(--spacing-6);flex-wrap:wrap;align-items:center;display:flex}.meta-info-small{padding:var(--spacing-1) var(--spacing-2);background:var(--bg-gray-light);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-gray-600)}.compact-item-image{position:relative}.compact-item-badge{top:var(--spacing-2);right:var(--spacing-2);background:var(--color-primary);color:var(--bg-white);border-radius:var(--radius-full);padding:var(--spacing-1);box-shadow:var(--shadow-md);font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex;position:absolute}.recovery-banner{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);color:var(--bg-white);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);animation:.4s ease-out slideInDown;display:flex}.recovery-banner-icon{font-size:var(--font-size-3xl);justify-content:center;align-items:center;display:flex}.recovery-icon-spin{animation:2s linear infinite spin}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.recovery-banner-content{flex:1}.recovery-banner-title{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-lg);margin-bottom:var(--spacing-1);display:flex}.recovery-banner-title svg{font-size:var(--font-size-xl)}.recovery-banner-message{opacity:.95;font-size:var(--font-size-base);margin:0}.regenerating-indicator{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);color:var(--bg-white);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);animation:2s ease-in-out infinite pulse;display:flex}.regenerating-icon-spin{font-size:var(--font-size-xl);animation:1.5s linear infinite spin}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fab-container{bottom:var(--spacing-8);right:var(--spacing-8);gap:var(--spacing-4);z-index:1000;flex-direction:column;display:flex;position:fixed}.fab{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a}.fab:hover:not(:disabled){transform:scale(1.1);box-shadow:0 6px 16px #0003,0 3px 6px #00000026}.fab:active:not(:disabled){transform:scale(.95)}.fab:disabled{opacity:.5;cursor:not-allowed;box-shadow:0 2px 8px #0000001a}.fab-primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:#fff}.fab-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%)}.fab-secondary{background:var(--bg-white);color:var(--color-primary);border:2px solid var(--color-primary)}.fab-secondary:hover:not(:disabled){background:var(--color-primary);color:#fff}.fab-success{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);animation:2s ease-in-out infinite pulse-green}.fab-success:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%)}@keyframes pulse-green{0%,to{box-shadow:0 4px 12px #10b9814d,0 2px 4px #10b98133}50%{box-shadow:0 6px 16px #10b98180,0 3px 6px #10b9814d}}.fab-active{background:var(--bg-white);color:var(--color-primary);border:2px solid var(--color-primary)}.fab-active:hover:not(:disabled){background:var(--bg-gray-light)}.fabs-container{z-index:999;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.editable-text{align-items:center;gap:var(--spacing-2);cursor:pointer;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);transition:var(--transition-smooth);display:inline-flex}.editable-text:hover:not(.disabled):not(.editing){background:var(--bg-gray-lightest)}.editable-text.disabled{cursor:default}.editable-text-icon{font-size:var(--font-size-sm);color:var(--color-gray-400);opacity:0;transition:var(--transition-smooth)}.editable-text:hover:not(.disabled) .editable-text-icon{opacity:1}.editable-text-placeholder{color:var(--color-gray-400);font-style:italic}.editable-text.editing{align-items:center;gap:var(--spacing-2);padding:0;display:flex}.editable-text-input{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-primary);border-radius:var(--radius-md);font-size:inherit;font-family:inherit;font-weight:inherit;color:inherit;background:var(--bg-white);outline:none;flex:1;box-shadow:0 0 0 3px #3b82f61a}.editable-text-input:focus{border-color:var(--color-primary)}textarea.editable-text-input{resize:vertical;min-height:60px}.editable-text-actions{gap:var(--spacing-1);display:flex}.editable-text-btn{border-radius:var(--radius-md);cursor:pointer;width:28px;height:28px;transition:var(--transition-smooth);border:none;justify-content:center;align-items:center;display:flex}.editable-text-btn.save{background:var(--color-success);color:#fff}.editable-text-btn.save:hover{background:var(--color-success-dark,#059669)}.editable-text-btn.cancel{background:var(--color-gray-200);color:var(--color-gray-600)}.editable-text-btn.cancel:hover{background:var(--color-gray-300)}.header-info .editable-text{margin:calc(-1 * var(--spacing-1)) calc(-1 * var(--spacing-2))}.header-description .editable-text,.header-description .editable-text.editing{width:100%}.header-info h1 .editable-text-input{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.header-description .editable-text-input{width:100%;font-size:var(--font-size-base);color:var(--color-gray-600)}@media (width<=768px){.fab-container{bottom:var(--spacing-4);right:var(--spacing-4)}.fab{width:48px;height:48px;font-size:20px}.slide-editor-container,.actions-grid,.slides-grid{grid-template-columns:1fr}.contents-grid,.templates-grid{grid-template-columns:repeat(2,1fr)}.templates-filters{flex-direction:column;align-items:stretch}.templates-search{max-width:none}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.dashboard-header h1{font-size:2rem}.auth-container{padding:2rem}.hero h2{font-size:2rem}.page-header{flex-direction:column;align-items:flex-start}.grid-view{grid-template-columns:1fr}.carousel-slide{min-height:400px}.carousel-nav{font-size:var(--font-size-xl);padding:var(--spacing-2)}.content-view-header{flex-direction:column}.view-mode-toggle{margin-left:0}}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mt-4{margin-top:var(--spacing-4)}.flex-row{align-items:center;display:flex}.flex-row-between{justify-content:space-between;align-items:center;display:flex}.flex-row-center{justify-content:center;align-items:center;display:flex}.flex-col-center{flex-direction:column;justify-content:center;align-items:center;display:flex}.flex-wrap{flex-wrap:wrap}.flex-gap-2{gap:var(--spacing-2)}.flex-gap-3{gap:var(--spacing-3)}.flex-gap-4{gap:var(--spacing-4)}.flex-gap-6{gap:var(--spacing-6)}.text-center{text-align:center}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-800{color:var(--color-gray-900)}.text-uppercase{text-transform:uppercase;letter-spacing:.05em}.dashboard-header{background:var(--bg-white);border-radius:var(--radius-xl);padding:var(--spacing-4) var(--spacing-6);margin-bottom:var(--spacing-6);box-shadow:var(--shadow-sm);border:1px solid var(--border-color-light)}.dashboard-header-content{align-items:center;gap:var(--spacing-6);flex-wrap:wrap;width:100%;display:flex}.dashboard-plan-info{align-items:center;gap:var(--spacing-3);padding-right:var(--spacing-6);border-right:1px solid var(--border-color-light);display:flex}.dashboard-plan-icon{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:#fff;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.dashboard-plan-text{flex-direction:column;display:flex}.dashboard-plan-label{font-size:var(--font-size-xs);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.dashboard-plan-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.dashboard-credits-info{align-items:center;gap:var(--spacing-6);padding:0 var(--spacing-4);flex:1;display:flex}.dashboard-credits-item{align-items:center;gap:var(--spacing-2);color:var(--color-gray-600);display:flex}.dashboard-credits-item svg{color:var(--color-primary)}.dashboard-credits-label{font-size:var(--font-size-sm);color:var(--color-gray-500)}.dashboard-credits-value{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.dashboard-credits-total{font-weight:var(--font-weight-normal);color:var(--color-gray-400);font-size:var(--font-size-sm)}.credits-progress{flex:1;min-width:200px}.credits-progress-header{margin-bottom:var(--spacing-2);justify-content:space-between;align-items:center;display:flex}.credits-progress-label{font-size:var(--font-size-sm);color:var(--color-gray-600);font-weight:var(--font-weight-medium)}.credits-progress-value{font-size:var(--font-size-sm);color:var(--color-gray-900);font-weight:var(--font-weight-semibold)}.credits-progress-bar{background-color:var(--color-gray-200);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.credits-progress-fill{border-radius:var(--radius-full);height:100%;transition:width .3s}.credits-progress-footer{margin-top:var(--spacing-1);justify-content:space-between;display:flex}.credits-progress-footer span{font-size:var(--font-size-xs);color:var(--color-gray-500)}.credits-progress--empty .credits-progress-value,.credits-progress--empty .credits-progress-footer span{color:var(--color-gray-400)}.credits-progress--empty .credits-progress-bar{background-color:var(--color-gray-100)}.btn-upgrade{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-primary);color:#fff;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;text-decoration:none;transition:all .2s;display:inline-flex}.btn-upgrade:hover{background-color:var(--bg-blue-light,#e3f2fd);color:var(--color-blue);transform:translateY(-1px)}.recent-contents-section{background:var(--bg-gray-light);border-radius:var(--radius-xl);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.recent-contents-title{margin:0 0 var(--spacing-4) 0}.recent-contents-empty{text-align:center;padding:var(--spacing-8);color:var(--color-gray-500)}.recent-contents-empty-icon{margin-bottom:var(--spacing-2);opacity:.5}.collage-grid{margin-bottom:var(--spacing-4);grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.collage-item{aspect-ratio:3/4;cursor:pointer;border-radius:4px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000026}.collage-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0003}.collage-item--with-preview{background-color:var(--color-gray-200)}.collage-item--no-preview{background-color:var(--color-bg)}.collage-preview{background-position:50%;background-size:cover;width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0}.collage-item:hover .collage-preview{transform:scale(1.05)}.collage-overlay{opacity:0;background:#0009;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:8px;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.collage-item:hover .collage-overlay{opacity:1}.collage-overlay-title{color:#fff;text-align:center;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11px;font-weight:600;display:-webkit-box;overflow:hidden}.collage-overlay-meta{color:#fffc;align-items:center;gap:4px;margin-top:6px;font-size:10px;display:flex}.new-content-card{background-color:var(--bg-gray-light)}.new-content-inner{background:#0006;gap:12px;transition:background .2s}.new-content-inner .new-content-icon{color:#fff;opacity:.9;transition:opacity .2s}.new-content-inner .new-content-text{color:#fff;opacity:.9;font-size:14px;font-weight:600;transition:opacity .2s}.new-content-card:hover .new-content-inner{background:#0000008c}.new-content-card:hover .new-content-icon,.new-content-card:hover .new-content-text{opacity:1}.collage-info{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:12px;display:flex;position:absolute;top:0;left:0}.collage-info-title{color:var(--color-text-primary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-size:14px;font-weight:600;display:-webkit-box;overflow:hidden}.collage-info-description{color:var(--color-text-secondary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:12px;display:-webkit-box;overflow:hidden}.collage-info-meta{color:var(--color-text-secondary);align-items:center;gap:4px;font-size:12px;display:flex}.view-all-link{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-lg);text-decoration:none;transition:background-color .2s;display:inline-flex}.view-all-link:hover{background-color:var(--color-gray-200)}.skeleton{background-color:var(--color-gray-200);animation:2s infinite pulse}.alert{padding:var(--spacing-4);border-radius:var(--radius-lg);align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4);display:flex}.alert-error{background:var(--color-red-light);border:1px solid var(--color-red);color:var(--color-red-dark)}.alert-icon{flex-shrink:0;font-size:1.5rem}.success-card{text-align:center;padding:var(--spacing-12);background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.success-icon-wrapper{width:80px;height:80px;margin:0 auto var(--spacing-4);background:var(--color-green-light);border-radius:50%;justify-content:center;align-items:center;display:flex}.success-icon-wrapper .icon{color:var(--color-green);font-size:2.5rem}.plans-grid{gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.plan-card{padding:var(--spacing-5);border-radius:var(--radius-xl);border:1px solid var(--border-color-light);background:var(--bg-white);cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s}.plan-card:hover{border-color:var(--color-gray-300)}.plan-card--selected{border:2px solid var(--color-primary);background:#d5542814}.plan-card-header{margin-bottom:var(--spacing-3);justify-content:space-between;align-items:flex-start;display:flex}.plan-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.plan-card-description{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-top:var(--spacing-1)}.plan-card-check{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.plan-card-price{margin-bottom:var(--spacing-4)}.plan-price-amount{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.plan-price-period{font-size:var(--font-size-sm);color:var(--color-gray-600)}.feature-list{margin:0;padding:0;list-style:none}.feature-item{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-gray-700);display:flex}.feature-icon{flex-shrink:0}.feature-icon--primary{color:var(--color-primary)}.feature-icon--success{color:var(--color-blue)}.checkout-layout{gap:var(--spacing-6);margin-top:var(--spacing-6);grid-template-columns:1fr 380px;display:grid}@media (width<=900px){.checkout-layout{grid-template-columns:1fr}}.summary-card{top:var(--spacing-6);padding:var(--spacing-6);background:var(--bg-white);border-radius:var(--radius-xl);border:1px solid var(--border-color-light);box-shadow:var(--shadow-md);position:sticky}.summary-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4);color:var(--color-gray-900)}.summary-row{margin-bottom:var(--spacing-2);justify-content:space-between;align-items:center;display:flex}.summary-label{color:var(--color-gray-600)}.summary-value{font-weight:var(--font-weight-medium)}.summary-section{padding:var(--spacing-4) 0;border-bottom:1px solid var(--border-color-light)}.summary-total{padding:var(--spacing-4) 0}.summary-total-row{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);justify-content:space-between;align-items:center;display:flex}.summary-note{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-top:var(--spacing-1)}.summary-empty{text-align:center;padding:var(--spacing-8);color:var(--color-gray-500)}.payment-method-card{padding:var(--spacing-4);background:var(--bg-white);border-radius:var(--radius-xl);border:1px solid var(--border-color-light);box-shadow:var(--shadow-sm);transition:all .2s}.payment-method-card--default{border:2px solid var(--color-primary)}.payment-method-content{justify-content:space-between;align-items:center;display:flex}.payment-method-info{align-items:center;gap:var(--spacing-4);display:flex}.payment-method-icon{color:var(--color-gray-500);font-size:2rem}.payment-method-details{align-items:center;gap:var(--spacing-2);display:flex}.payment-method-brand{font-weight:var(--font-weight-medium);text-transform:capitalize}.payment-method-last4{color:var(--color-gray-500)}.payment-method-expiry{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-top:var(--spacing-1)}.payment-method-actions{align-items:center;gap:var(--spacing-2);display:flex}.badge{font-size:var(--font-size-xs);border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);padding:2px 8px}.badge--primary{background:var(--color-blue);color:var(--color-white,#fff)}.badge--danger{background:var(--color-red-light);color:var(--color-red-dark)}.icon-btn{padding:var(--spacing-2);border-radius:var(--radius-md);cursor:pointer;color:var(--color-gray-500);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn:hover{color:var(--color-gray-700)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn--danger{font-size:2rem}.icon-btn--danger:hover{color:var(--color-red)}.icon-btn--primary:hover{color:var(--color-primary)}.payment-display{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--bg-gray-light);border-radius:var(--radius-lg);display:flex}.payment-display-icon{color:var(--color-gray-600);font-size:1.25rem}.add-payment-btn{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);border:2px dashed var(--border-color-light);border-radius:var(--radius-lg);color:var(--color-gray-600);cursor:pointer;background:0 0;width:100%;text-decoration:none;transition:all .2s;display:flex}.add-payment-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.section-header-row{margin-bottom:var(--spacing-3);justify-content:space-between;align-items:center;display:flex}.section-link{font-size:var(--font-size-sm);color:var(--color-blue);text-decoration:none}.section-link:hover{text-decoration:underline}.cards-list{gap:var(--spacing-4);margin-top:var(--spacing-4);flex-direction:column;display:flex}.add-card-container{max-width:500px;margin:0 auto}.add-card-icon-wrapper{margin-bottom:var(--spacing-6);justify-content:center;display:flex}.add-card-icon{padding:var(--spacing-5);background:var(--bg-gray-light);border:1px solid var(--border-color-light);border-radius:50%}.add-card-icon .icon{color:var(--color-primary);font-size:3rem}.card-form-container{background:var(--bg-white);border-radius:var(--radius-xl);border:1px solid var(--border-color-light);padding:var(--spacing-6);box-shadow:var(--shadow-md)}.card-input-wrapper{padding:var(--spacing-4);background:var(--bg-gray-light);border:1px solid var(--border-color-light);border-radius:var(--radius-lg);transition:border-color .2s}.card-input-wrapper:focus-within{border-color:var(--color-primary)}.card-input-hint{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-top:var(--spacing-2)}.payment-element-wrapper{padding:var(--spacing-4);background:var(--bg-white);border:1px solid var(--border-color-light);border-radius:var(--radius-lg);min-height:200px}.checkbox-group{align-items:center;gap:var(--spacing-3);display:flex}.checkbox-group input[type=checkbox]{width:18px;height:18px}.checkbox-group label{font-size:var(--font-size-sm);color:var(--color-gray-700)}.form-actions{gap:var(--spacing-3);margin-top:var(--spacing-6);display:flex}.form-actions .btn{flex:1}.form-actions--inline{justify-content:flex-end}.form-actions--inline .btn{flex:none;justify-content:center;min-width:120px}.security-note{margin-top:var(--spacing-6);align-items:flex-start;gap:var(--spacing-3);color:var(--color-gray-500);font-size:var(--font-size-sm);display:flex}.security-note-icon{background:var(--bg-gray-light);border-radius:50%;padding:6px}.btn-full{justify-content:center;width:100%}.btn-back-wrapper{margin-bottom:var(--spacing-4)}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4);color:var(--color-gray-900)}.empty-state-icon{color:var(--color-gray-400);margin-bottom:var(--spacing-3);font-size:3rem}.empty-state-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2)}.empty-state-description{color:var(--color-gray-600);margin-bottom:var(--spacing-4)}.card-form{gap:var(--spacing-5);flex-direction:column;display:flex}