:root{--color-bg-primary: #0a0a0f;--color-bg-secondary: #12121a;--color-bg-tertiary: #1a1a24;--color-bg-elevated: #22222e;--color-bg-hover: #2a2a38;--glass-bg: rgba(255, 255, 255, .03);--glass-bg-hover: rgba(255, 255, 255, .06);--glass-bg-active: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(255, 255, 255, .15);--glass-border-active: rgba(255, 255, 255, .2);--color-accent-primary: #8b5cf6;--color-accent-secondary: #06b6d4;--color-accent-tertiary: #ec4899;--color-accent-success: #10b981;--color-accent-warning: #f59e0b;--color-accent-error: #ef4444;--gradient-primary: linear-gradient(135deg, #8b5cf6 0%, #06b6d4 100%);--gradient-secondary: linear-gradient(135deg, #ec4899 0%, #8b5cf6 100%);--gradient-tertiary: linear-gradient(135deg, #06b6d4 0%, #10b981 100%);--gradient-glow: linear-gradient(135deg, rgba(139, 92, 246, .4) 0%, rgba(6, 182, 212, .4) 100%);--gradient-hero: radial-gradient(ellipse at 50% 0%, rgba(139, 92, 246, .15) 0%, transparent 50%), radial-gradient(ellipse at 80% 50%, rgba(6, 182, 212, .1) 0%, transparent 40%), radial-gradient(ellipse at 20% 80%, rgba(236, 72, 153, .1) 0%, transparent 40%);--glow-purple: 0 0 20px rgba(139, 92, 246, .3), 0 0 40px rgba(139, 92, 246, .2);--glow-cyan: 0 0 20px rgba(6, 182, 212, .3), 0 0 40px rgba(6, 182, 212, .2);--glow-pink: 0 0 20px rgba(236, 72, 153, .3), 0 0 40px rgba(236, 72, 153, .2);--glow-success: 0 0 20px rgba(16, 185, 129, .3), 0 0 40px rgba(16, 185, 129, .2);--glow-error: 0 0 20px rgba(239, 68, 68, .3), 0 0 40px rgba(239, 68, 68, .2);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .5);--text-muted: rgba(255, 255, 255, .3);--text-disabled: rgba(255, 255, 255, .2);--provider-google: #4285F4;--provider-openai: #00A67E;--provider-bfl: #FF6B35;--provider-bytedance: #FE2C55;--provider-ideogram: #7C3AED;--provider-stability: #8B5CF6;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .6);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .7);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .3);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--transition-slower: .5s ease;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-toast: 700;--z-tooltip: 800;--sidebar-width: 280px;--sidebar-collapsed-width: 72px;--header-height: 72px;--max-content-width: 1400px}.glass{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);transition:all var(--transition-base)}.glass:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.glass-subtle{background:#ffffff05;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl)}.glass-strong{background:#ffffff0f;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl)}.glass-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d;transition:all var(--transition-base)}.glass-card:hover{background:linear-gradient(135deg,#ffffff12,#ffffff08);border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:0 12px 40px #0006,inset 0 1px #ffffff14}.glass-panel{background:linear-gradient(180deg,#ffffff0a,#ffffff03);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:0 4px 24px #0003,inset 0 1px #ffffff0a}.glow-border{position:relative}.glow-border:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:var(--gradient-primary);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--transition-base);pointer-events:none}.glow-border:hover:before{opacity:1}.glow-border-active:before{opacity:1}.gradient-border{position:relative;background:var(--color-bg-secondary);border-radius:var(--radius-xl)}.gradient-border:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--gradient-primary);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.glass-button{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);color:var(--text-primary);font-weight:var(--font-medium);padding:var(--space-sm) var(--space-lg);cursor:pointer;transition:all var(--transition-base)}.glass-button:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.glass-button:active{transform:translateY(0)}.glass-input{background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-primary);padding:var(--space-md);font-size:var(--text-base);transition:all var(--transition-base);outline:none}.glass-input:hover{border-color:var(--glass-border-hover)}.glass-input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #8b5cf626}.glass-input::placeholder{color:var(--text-muted)}.glass-overlay{background:#0a0a0fcc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.frosted{background:#ffffff05;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.05)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseScale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glow{0%,to{box-shadow:var(--glow-purple)}50%{box-shadow:var(--glow-cyan)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #8b5cf64d}50%{box-shadow:0 0 40px #8b5cf680}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(2deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes progressPulse{0%{box-shadow:0 0 #8b5cf666}70%{box-shadow:0 0 0 15px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes borderGlow{0%,to{border-color:#8b5cf680}50%{border-color:#06b6d480}}@keyframes slideProgress{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease forwards}.animate-fade-out{animation:fadeOut var(--transition-base) ease forwards}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease forwards}.animate-fade-in-down{animation:fadeInDown var(--transition-slow) ease forwards}.animate-slide-in-right{animation:slideInRight var(--transition-slow) ease forwards}.animate-slide-in-left{animation:slideInLeft var(--transition-slow) ease forwards}.animate-scale-in{animation:scaleIn var(--transition-base) ease forwards}.animate-scale-out{animation:scaleOut var(--transition-base) ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-pulse-scale{animation:pulseScale 2s ease-in-out infinite}.animate-glow{animation:glow 3s ease-in-out infinite}.animate-glow-pulse{animation:glowPulse 2s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);background-size:200% 100%;animation:shimmer 2s infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-float-slow{animation:floatSlow 6s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-spin-slow{animation:spinSlow 3s linear infinite}.animate-bounce{animation:bounce 1s infinite}.animate-progress-pulse{animation:progressPulse 2s ease-in-out infinite}.animate-gradient{background-size:200% 200%;animation:gradientMove 5s ease infinite}.animate-border-glow{animation:borderGlow 2s ease-in-out infinite}.stagger-children>*{opacity:0;animation:fadeInUp var(--transition-slow) ease forwards}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.35s}.stagger-children>*:nth-child(8){animation-delay:.4s}.stagger-children>*:nth-child(9){animation-delay:.45s}.stagger-children>*:nth-child(10){animation-delay:.5s}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:var(--glow-purple)}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 0%,var(--color-bg-elevated) 50%,var(--color-bg-tertiary) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-circle{border-radius:var(--radius-full)}.progress-bar{position:relative;overflow:hidden;background:var(--color-bg-tertiary);border-radius:var(--radius-full)}.progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:slideProgress 1.5s infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--color-bg-primary);background-image:var(--gradient-hero);background-attachment:fixed;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{color:var(--text-secondary);line-height:var(--leading-relaxed)}a{color:var(--color-accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-secondary)}strong,b{font-weight:var(--font-semibold)}code{font-family:var(--font-mono);font-size:.9em;background:var(--color-bg-tertiary);padding:.2em .4em;border-radius:var(--radius-sm)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:transparent;border:none;outline:none}textarea{resize:vertical}img,video{max-width:100%;height:auto;display:block}ul,ol{list-style:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-bg-hover)}*{scrollbar-width:thin;scrollbar-color:var(--color-bg-elevated) var(--color-bg-secondary)}::selection{background:#8b5cf64d;color:var(--text-primary)}:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.gap-2xl{gap:var(--space-2xl)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--color-accent-primary)}.text-success{color:var(--color-accent-success)}.text-warning{color:var(--color-accent-warning)}.text-error{color:var(--color-accent-error)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.p-0{padding:0}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.p-2xl{padding:var(--space-2xl)}.px-md{padding-left:var(--space-md);padding-right:var(--space-md)}.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}.px-lg{padding-left:var(--space-lg);padding-right:var(--space-lg)}.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.px-xl{padding-left:var(--space-xl);padding-right:var(--space-xl)}.py-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.max-w-content{max-width:var(--max-content-width)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.z-0{z-index:var(--z-base)}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-dropdown{z-index:var(--z-dropdown)}.z-modal{z-index:var(--z-modal)}.z-toast{z-index:var(--z-toast)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){.md\:hidden{display:none}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}}@media(min-width:769px){.md\:flex{display:flex}.md\:block{display:block}}@media(max-width:1024px){.lg\:hidden{display:none}}@media(min-width:1025px){.lg\:flex{display:flex}.lg\:block{display:block}}.container{width:100%;max-width:var(--max-content-width);margin:0 auto;padding:0 var(--space-lg)}@media(max-width:768px){.container{padding:0 var(--space-md)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);z-index:var(--z-fixed);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);border-bottom:1px solid var(--glass-border)}.header-left{display:flex;align-items:center;gap:var(--space-md)}.menu-toggle{display:none;background:none;border:none;padding:var(--space-sm);cursor:pointer}.hamburger{display:flex;flex-direction:column;gap:5px;width:24px}.hamburger span{display:block;height:2px;background:var(--text-primary);border-radius:2px;transition:var(--transition-fast)}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.logo{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none}.logo-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center}.logo-icon svg{width:100%;height:100%}.logo-text{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.logo-highlight{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-nav{display:flex;align-items:center;gap:var(--space-xs)}.nav-link{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:var(--transition-fast)}.nav-link:hover{color:var(--text-primary);background:var(--glass-bg)}.nav-link.active{color:var(--color-accent-primary);background:#8b5cf61a}.header-right{display:flex;align-items:center;gap:var(--space-md)}.search-box{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);min-width:240px}.search-icon{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.search-input{flex:1;background:transparent;border:none;outline:none;font-size:var(--text-sm);color:var(--text-primary)}.search-input::placeholder{color:var(--text-muted)}.search-shortcut{font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-muted);font-family:inherit}.generate-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--gradient-primary);border:none;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:#fff;text-decoration:none;cursor:pointer;transition:var(--transition-fast);box-shadow:var(--glow-purple)}.generate-btn:hover{transform:translateY(-1px);box-shadow:var(--glow-purple)}.generate-btn svg{width:16px;height:16px}.logout-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:#fca5a5;cursor:pointer;transition:var(--transition-fast)}.logout-btn:hover{background:#ef444433;border-color:#ef444480;color:#f87171}.logout-btn svg{width:16px;height:16px}.user-menu{position:relative}.user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast)}.user-avatar:hover{border-color:var(--color-accent-primary)}.user-avatar svg{width:18px;height:18px;color:var(--text-secondary)}@media(max-width:1024px){.header-nav,.search-box{display:none}.menu-toggle{display:block}}@media(max-width:640px){.header{padding:0 var(--space-md)}.generate-btn span{display:none}.generate-btn{padding:var(--space-sm);border-radius:var(--radius-full)}.logout-btn span{display:none}.logout-btn{padding:var(--space-sm);border-radius:var(--radius-full)}}.sidebar{position:fixed;top:var(--header-height);left:0;bottom:0;width:var(--sidebar-width);z-index:var(--z-fixed);display:flex;flex-direction:column;border-right:1px solid var(--glass-border);overflow-y:auto;transition:transform var(--transition-base)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:calc(var(--z-fixed) - 1);opacity:0;visibility:hidden;transition:var(--transition-base)}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar-nav{flex:1;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-lg)}.nav-section{display:flex;flex-direction:column;gap:var(--space-sm)}.nav-section-title{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:0 var(--space-sm);margin-bottom:var(--space-xs)}.nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-xs)}.nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:var(--transition-fast)}.nav-item:hover{background:var(--glass-bg);color:var(--text-primary)}.nav-item.active{background:#8b5cf626;color:var(--color-accent-primary)}.nav-item.active .nav-icon svg{stroke:var(--color-accent-primary)}.nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-icon svg{width:100%;height:100%}.nav-label{flex:1}.provider-item{display:flex;align-items:center}.provider-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.provider-count{font-size:var(--text-xs);color:var(--text-muted);background:var(--glass-bg);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full)}.quick-gen{display:flex;align-items:center}.quick-icon{font-size:var(--text-base);width:20px;text-align:center}.quick-badge{font-size:var(--text-xs);padding:2px var(--space-sm);border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;font-weight:600}.sidebar-footer{padding:var(--space-md);margin:var(--space-md);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.api-status{display:flex;align-items:center;gap:var(--space-sm)}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--text-muted)}.status-dot.online{background:var(--color-accent-success);box-shadow:0 0 8px var(--color-accent-success)}.status-dot.offline{background:var(--color-accent-error)}.status-text{font-size:var(--text-sm);color:var(--text-secondary)}.usage-link{font-size:var(--text-sm);color:var(--color-accent-primary);text-decoration:none;font-weight:500}.usage-link:hover{text-decoration:underline}@media(max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block}}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;margin-top:var(--header-height);margin-left:var(--sidebar-width);padding:var(--space-lg);min-height:calc(100vh - var(--header-height))}.main-content>*{animation:fadeInUp .4s ease-out}@media(max-width:1024px){.main-content{margin-left:0}}@media(max-width:640px){.main-content{padding:var(--space-md)}}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.glass-panel--default{background:var(--glass-bg)}.glass-panel--subtle{background:#ffffff05;border-color:#ffffff0d}.glass-panel--strong{background:var(--glass-bg-active);border-color:var(--glass-border-active)}.glass-panel--card{background:var(--color-bg-secondary);border-color:var(--glass-border)}.glass-panel--padding-none{padding:0}.glass-panel--padding-sm{padding:var(--space-sm)}.glass-panel--padding-md{padding:var(--space-lg)}.glass-panel--padding-lg{padding:var(--space-xl)}.glass-panel--padding-xl{padding:var(--space-2xl)}.glass-panel--glow{box-shadow:var(--glow-purple)}.glass-panel--hover{transition:var(--transition-base);cursor:pointer}.glass-panel--hover:hover{border-color:var(--color-accent-primary);transform:translateY(-2px);box-shadow:var(--glow-purple)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:inherit;font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{height:32px;padding:0 var(--space-sm);font-size:var(--text-sm);border-radius:var(--radius-md)}.btn--md{height:40px;padding:0 var(--space-lg);font-size:var(--text-sm)}.btn--lg{height:48px;padding:0 var(--space-lg);font-size:var(--text-base);border-radius:var(--radius-xl)}.btn--primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--glow-purple)}.btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--glow-purple)}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--secondary{background:var(--glass-bg-active);color:var(--text-primary);border:1px solid var(--glass-border)}.btn--secondary:hover:not(:disabled){background:var(--glass-bg);border-color:var(--color-accent-primary)}.btn--outline{background:transparent;color:var(--color-accent-primary);border:1px solid var(--color-accent-primary)}.btn--outline:hover:not(:disabled){background:#8b5cf61a}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--glass-bg);color:var(--text-primary)}.btn--danger{background:var(--color-accent-error);color:#fff}.btn--danger:hover:not(:disabled){background:#dc2626;box-shadow:0 0 20px #ef44444d}.btn--full-width{width:100%}.btn--loading{position:relative}.btn-spinner{width:18px;height:18px;animation:spin .8s linear infinite}.btn-spinner svg{width:100%;height:100%}.btn-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px}.btn-icon svg{width:100%;height:100%}.btn-icon--left{margin-right:var(--space-xs)}.btn-icon--right{margin-left:var(--space-xs)}.btn-text{display:inline-flex;align-items:center}.input-container{display:flex;flex-direction:column;gap:var(--space-sm)}.input-container--full-width{width:100%}.input-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.input-wrapper{position:relative;display:flex;align-items:center}.input-field{width:100%;height:44px;padding:0 var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);font-family:inherit;font-size:var(--text-base);color:var(--text-primary);transition:var(--transition-fast)}.input-field::placeholder{color:var(--text-muted)}.input-field:hover{border-color:var(--glass-border-hover)}.input-field:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #8b5cf626}.input-wrapper--icon-left .input-field{padding-left:calc(var(--space-md) + 24px)}.input-wrapper--icon-right .input-field{padding-right:calc(var(--space-md) + 24px)}.input-icon{position:absolute;display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-muted);pointer-events:none}.input-icon--left{left:var(--space-md)}.input-icon--right{right:var(--space-md)}.input-icon svg{width:100%;height:100%}.input-container--error .input-field{border-color:var(--color-accent-error)}.input-container--error .input-field:focus{box-shadow:0 0 0 3px #ef444426}.input-error{font-size:var(--text-sm);color:var(--color-accent-error)}.input-hint{font-size:var(--text-sm);color:var(--text-muted)}.textarea-container{display:flex;flex-direction:column;gap:var(--space-sm)}.textarea-container--full-width{width:100%}.textarea-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.textarea-wrapper{position:relative}.textarea-field{width:100%;min-height:120px;padding:var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);font-family:inherit;font-size:var(--text-base);color:var(--text-primary);resize:vertical;transition:var(--transition-fast);line-height:1.6}.textarea-field::placeholder{color:var(--text-muted)}.textarea-field:hover{border-color:var(--glass-border-hover)}.textarea-field:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #8b5cf626}.textarea-count{position:absolute;bottom:var(--space-sm);right:var(--space-sm);font-size:var(--text-xs);color:var(--text-muted);background:var(--color-bg-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.textarea-container--error .textarea-field{border-color:var(--color-accent-error)}.textarea-container--error .textarea-field:focus{box-shadow:0 0 0 3px #ef444426}.textarea-error{font-size:var(--text-sm);color:var(--color-accent-error)}.textarea-hint{font-size:var(--text-sm);color:var(--text-muted)}.select-container{display:flex;flex-direction:column;gap:var(--space-sm)}.select-container--full-width{width:100%}.select-container--disabled{opacity:.5;pointer-events:none}.select-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.select-wrapper{position:relative;display:flex;align-items:center}.select-field{width:100%;height:44px;padding:0 calc(var(--space-md) + 24px) 0 var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);font-family:inherit;font-size:var(--text-base);color:var(--text-primary);cursor:pointer;appearance:none;-webkit-appearance:none;transition:var(--transition-fast)}.select-field--with-icon{padding-left:calc(var(--space-md) + 24px)}.select-field:hover{border-color:var(--glass-border-hover)}.select-field:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #8b5cf626}.select-field option{background:var(--color-bg-secondary);color:var(--text-primary);padding:var(--space-sm)}.select-icon{position:absolute;left:var(--space-md);display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-muted);pointer-events:none}.select-icon svg{width:100%;height:100%}.select-arrow{position:absolute;right:var(--space-md);display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--text-muted);pointer-events:none;transition:var(--transition-fast)}.select-arrow svg{width:100%;height:100%}.select-field:focus+.select-arrow{color:var(--color-accent-primary)}.select-container--error .select-field{border-color:var(--color-accent-error)}.select-container--error .select-field:focus{box-shadow:0 0 0 3px #ef444426}.select-error{font-size:var(--text-sm);color:var(--color-accent-error)}.select-hint{font-size:var(--text-sm);color:var(--text-muted)}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);animation:fadeIn .2s ease-out}.modal{position:relative;display:flex;flex-direction:column;max-height:calc(100vh - var(--space-3xl));border-radius:var(--radius-2xl);animation:slideInUp .3s ease-out}.modal--sm{width:100%;max-width:400px}.modal--md{width:100%;max-width:560px}.modal--lg{width:100%;max-width:720px}.modal--xl{width:100%;max-width:960px}.modal--full{width:calc(100vw - var(--space-3xl));height:calc(100vh - var(--space-3xl));max-width:none;max-height:none}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-lg);border-bottom:1px solid var(--glass-border)}.modal-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast)}.modal-close:hover{background:var(--glass-bg);color:var(--text-primary)}.modal-close svg{width:20px;height:20px}.modal-content{flex:1;padding:var(--space-lg);overflow-y:auto}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg) var(--space-lg);border-top:1px solid var(--glass-border)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:640px){.modal-overlay{padding:var(--space-md)}.modal{max-height:calc(100vh - var(--space-2xl))}.modal-header,.modal-content,.modal-footer{padding:var(--space-md)}}.loader{display:inline-flex;align-items:center;justify-content:center}.loader--sm{width:20px;height:20px}.loader--md{width:32px;height:32px}.loader--lg{width:48px;height:48px}.loader--spinner svg{width:100%;height:100%;animation:spin 1s linear infinite}.loader--dots{gap:var(--space-sm)}.loader--dots .loader-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-accent-primary);animation:dotPulse 1.4s ease-in-out infinite}.loader--dots .loader-dot:nth-child(2){animation-delay:.2s}.loader--dots .loader-dot:nth-child(3){animation-delay:.4s}.loader--dots.loader--sm .loader-dot{width:6px;height:6px}.loader--dots.loader--lg .loader-dot{width:12px;height:12px}@keyframes dotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.loader--pulse{border-radius:var(--radius-full);background:var(--gradient-primary);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.toast-container{position:fixed;bottom:var(--space-lg);right:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);z-index:var(--z-toast);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);min-width:300px;max-width:450px;border-radius:var(--radius-lg);pointer-events:auto;animation:slideInRight .3s ease-out}.toast--success{border-left:3px solid var(--color-accent-success)}.toast--success .toast-icon{color:var(--color-accent-success)}.toast--error{border-left:3px solid var(--color-accent-error)}.toast--error .toast-icon{color:var(--color-accent-error)}.toast--warning{border-left:3px solid var(--color-accent-warning)}.toast--warning .toast-icon{color:var(--color-accent-warning)}.toast--info{border-left:3px solid var(--color-accent-secondary)}.toast--info .toast-icon{color:var(--color-accent-secondary)}.toast-icon{flex-shrink:0;width:20px;height:20px}.toast-icon svg{width:100%;height:100%}.toast-message{flex:1;font-size:var(--text-sm);color:var(--text-primary);line-height:1.4}.toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast)}.toast-close:hover{background:var(--glass-bg);color:var(--text-primary)}.toast-close svg{width:16px;height:16px}@media(max-width:640px){.toast-container{left:var(--space-md);right:var(--space-md);bottom:var(--space-md)}.toast{min-width:auto;max-width:none}}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);font-weight:600;border-radius:var(--radius-full);white-space:nowrap}.badge--sm{padding:2px var(--space-sm);font-size:var(--text-xs)}.badge--md{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm)}.badge--default{background:var(--glass-bg);color:var(--text-secondary);border:1px solid var(--glass-border)}.badge--primary{background:#8b5cf626;color:var(--color-accent-primary);border:1px solid rgba(139,92,246,.3)}.badge--success{background:#10b98126;color:var(--color-accent-success);border:1px solid rgba(16,185,129,.3)}.badge--warning{background:#f59e0b26;color:var(--color-accent-warning);border:1px solid rgba(245,158,11,.3)}.badge--error{background:#ef444426;color:var(--color-accent-error);border:1px solid rgba(239,68,68,.3)}.badge--info{background:#06b6d426;color:var(--color-accent-secondary);border:1px solid rgba(6,182,212,.3)}.badge--dot{padding-left:var(--space-sm)}.badge-dot{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor}.badge--sm.badge--dot{padding-left:var(--space-xs)}.badge--sm .badge-dot{width:5px;height:5px}.rate-limit-display{min-width:200px}.rate-limit-display.compact{display:flex;align-items:center;min-width:auto}.rate-limit-display.error{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);color:var(--text-muted);font-size:var(--text-sm)}.rate-limit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.rate-limit-header h3{font-size:var(--text-md);font-weight:600;color:var(--text-primary);margin:0}.refresh-btn{background:transparent;border:none;cursor:pointer;font-size:var(--text-md);padding:var(--space-xs);border-radius:var(--radius-sm);transition:var(--transition-fast);opacity:.6}.refresh-btn:hover{opacity:1;background:var(--glass-bg-hover)}.rate-limit-stats{display:flex;flex-direction:column;gap:var(--space-md)}.usage-stat{display:flex;flex-direction:column;gap:var(--space-xs)}.stat-header{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.stat-value{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.reset-time{font-size:var(--text-xs);color:var(--text-muted)}.rate-limit-display .progress-bar{height:8px;background:var(--glass-bg-hover);border-radius:var(--radius-full);overflow:hidden}.rate-limit-display .progress-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.progress-bar.good .progress-fill{background:linear-gradient(90deg,#10b981,#34d399)}.progress-bar.warning .progress-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.progress-bar.critical .progress-fill{background:linear-gradient(90deg,#ef4444,#f87171)}.compact-bars{display:flex;gap:var(--space-sm)}.compact-bar{position:relative;width:60px;height:16px;background:var(--glass-bg);border-radius:var(--radius-sm);overflow:hidden}.compact-bar-fill{position:absolute;top:0;left:0;height:100%;border-radius:var(--radius-sm);transition:width .3s ease}.compact-bar.good .compact-bar-fill{background:#10b9814d}.compact-bar.warning .compact-bar-fill{background:#f59e0b4d}.compact-bar.critical .compact-bar-fill{background:#ef44444d}.compact-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums}.usage-warning{margin-top:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500}.usage-warning.warning{background:#f59e0b1a;color:#f59e0b}.usage-warning.critical{background:#ef44441a;color:#ef4444}.error-icon{font-size:var(--text-sm)}.error-text{font-size:var(--text-xs)}.home-page{display:flex;flex-direction:column;gap:var(--space-4xl);padding-bottom:var(--space-4xl)}.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center;min-height:calc(100vh - var(--header-height) - var(--space-3xl));padding:var(--space-2xl) 0}.hero-background{position:absolute;inset:-100px;overflow:hidden;pointer-events:none;z-index:-1}.hero-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(139,92,246,.15),transparent 50%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 30%,black 30%,transparent 70%);mask-image:radial-gradient(ellipse 60% 60% at 50% 30%,black 30%,transparent 70%)}.hero-glow{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(120px);opacity:.4}.hero-glow--1{top:-100px;left:10%;background:var(--color-accent-primary);animation:float 8s ease-in-out infinite}.hero-glow--2{bottom:-100px;right:10%;background:var(--color-accent-secondary);animation:float 10s ease-in-out infinite reverse}.hero-content{display:flex;flex-direction:column;gap:var(--space-lg)}.hero-badge{align-self:flex-start;animation:fadeInUp .6s ease-out}.badge-sparkle{margin-right:var(--space-xs)}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;color:var(--text-primary);letter-spacing:-.03em;animation:fadeInUp .6s ease-out .1s both}.hero-title-gradient{display:block;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.7;max-width:500px;animation:fadeInUp .6s ease-out .2s both}.hero-actions{display:flex;gap:var(--space-md);margin-top:var(--space-md);animation:fadeInUp .6s ease-out .3s both}.hero-stats{display:flex;align-items:center;gap:var(--space-lg);margin-top:var(--space-2xl);animation:fadeInUp .6s ease-out .4s both}.hero-stat{display:flex;flex-direction:column;gap:var(--space-xs)}.hero-stat-value{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary)}.hero-stat-label{font-size:var(--text-sm);color:var(--text-muted)}.hero-stat-divider{width:1px;height:40px;background:var(--glass-border)}.hero-visual{display:flex;justify-content:center;align-items:center;animation:fadeIn .8s ease-out .3s both}.hero-card-stack{position:relative;width:350px;height:400px}.hero-image-card{position:absolute;width:280px;height:340px;border-radius:var(--radius-2xl);overflow:hidden;transition:transform .5s ease}.hero-image-card--1{z-index:3;transform:rotate(-5deg) translate(20px);animation:float 6s ease-in-out infinite}.hero-image-card--2{z-index:2;transform:rotate(3deg) translate(-20px) translateY(20px);animation:float 7s ease-in-out infinite reverse}.hero-image-card--3{z-index:1;transform:rotate(-2deg) translateY(40px);animation:float 8s ease-in-out .5s infinite}.hero-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);font-size:4rem}.providers-section{text-align:center}.section-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-lg)}.section-subtitle{font-size:var(--text-lg);color:var(--text-secondary);margin-top:calc(var(--space-sm) * -1);margin-bottom:var(--space-2xl)}.providers-grid{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.provider-card{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);text-decoration:none;transition:var(--transition-fast)}.provider-card:hover{transform:translateY(-2px);border-color:var(--color-accent-primary)}.provider-icon{width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;color:#fff}.provider-name{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.features-section{text-align:center}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.feature-card{text-align:left;padding:var(--space-lg)}.feature-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md)}.feature-icon svg{width:24px;height:24px;color:#fff}.feature-icon--purple{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.feature-icon--cyan{background:linear-gradient(135deg,#06b6d4,#22d3ee)}.feature-icon--pink{background:linear-gradient(135deg,#ec4899,#f472b6)}.feature-icon--green{background:linear-gradient(135deg,#10b981,#34d399)}.feature-icon--orange{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.feature-icon--blue{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.feature-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.feature-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.quickstart-section{text-align:center}.quickstart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-2xl);text-align:left}.quickstart-category-title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.category-icon{font-size:var(--text-xl)}.model-list{display:flex;flex-direction:column;gap:var(--space-sm)}.quick-model-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-radius:var(--radius-lg);text-decoration:none;transition:var(--transition-fast)}.quick-model-card:hover{transform:translate(4px);border-color:var(--color-accent-primary)}.quick-model-info{display:flex;align-items:center;gap:var(--space-sm)}.quick-model-icon{font-size:var(--text-xl)}.quick-model-name{font-size:var(--text-base);font-weight:500;color:var(--text-primary)}.quick-model-provider{font-size:var(--text-sm);color:var(--text-muted)}.quickstart-cta{margin-top:var(--space-2xl)}.models-preview-section{text-align:center}.models-preview-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm)}.model-preview-card{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);text-decoration:none;transition:var(--transition-fast);animation:fadeInUp .4s ease-out both}.model-preview-card:hover{transform:translateY(-2px);border-color:var(--color-accent-primary)}.model-preview-icon{font-size:var(--text-base)}.model-preview-name{font-size:var(--text-sm);color:var(--text-primary)}.model-preview-dot{width:6px;height:6px;border-radius:var(--radius-full)}@media(max-width:1024px){.hero{grid-template-columns:1fr;text-align:center;min-height:auto;padding:var(--space-2xl) 0}.hero-content{align-items:center}.hero-subtitle{max-width:600px}.hero-actions,.hero-stats{justify-content:center}.hero-visual{display:none}}@media(max-width:640px){.home-page{gap:var(--space-3xl)}.hero-title{font-size:2rem}.hero-actions{flex-direction:column;width:100%}.hero-actions a,.hero-actions button{width:100%}.hero-stats{flex-wrap:wrap;gap:var(--space-md)}.hero-stat-divider{display:none}.providers-grid{gap:var(--space-sm)}.provider-card{padding:var(--space-sm) var(--space-sm)}.quickstart-grid{grid-template-columns:1fr}}.models-page{display:flex;flex-direction:column;gap:var(--space-lg)}.models-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);flex-wrap:wrap}.models-header-content{flex:1;min-width:300px}.models-title{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs)}.models-subtitle{font-size:var(--text-lg);color:var(--text-secondary)}.models-search{width:320px;flex-shrink:0}.provider-filters{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding-bottom:var(--space-md);border-bottom:1px solid var(--glass-border)}.provider-filter-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:transparent;border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.provider-filter-btn:hover{background:var(--glass-bg);border-color:var(--glass-border-hover);color:var(--text-primary)}.provider-filter-btn.active{background:#8b5cf626;border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.provider-filter-dot{width:8px;height:8px;border-radius:var(--radius-full)}.capability-filters{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.capability-filter-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.capability-filter-btn:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.capability-filter-btn.active{background:var(--gradient-primary);border-color:transparent;color:#fff}.models-results-info{display:flex;align-items:center;justify-content:space-between}.results-count{font-size:var(--text-sm);color:var(--text-muted)}.clear-filters-btn{background:transparent;border:none;font-size:var(--text-sm);color:var(--color-accent-primary);cursor:pointer;padding:0}.clear-filters-btn:hover{text-decoration:underline}.models-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg)}.model-card{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-xl);text-decoration:none;border-radius:var(--radius-xl);transition:var(--transition-normal);animation:fadeInUp .4s ease-out both}.model-card:hover{transform:translateY(-4px);border-color:var(--color-accent-primary);box-shadow:var(--glow-primary)}.model-card-header{display:flex;align-items:flex-start;justify-content:space-between}.model-icon-wrapper{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center}.model-icon{font-size:1.5rem}.model-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs)}.model-time{font-size:var(--text-xs);color:var(--text-muted)}.model-card-body{display:flex;flex-direction:column;gap:var(--space-xs)}.model-name{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.model-provider{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--text-secondary)}.provider-dot{width:8px;height:8px;border-radius:var(--radius-full)}.model-description{font-size:var(--text-sm);color:var(--text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.model-capabilities{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.capability-tag{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:#8b5cf61a;border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-accent-primary)}.model-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.model-tag{padding:2px var(--space-sm);background:var(--glass-bg);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-muted)}.model-card-footer{margin-top:auto;padding-top:var(--space-md);border-top:1px solid var(--glass-border)}.no-results{text-align:center;padding:var(--space-4xl)}.no-results-icon{font-size:3rem;display:block;margin-bottom:var(--space-md)}.no-results h3{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-xs)}.no-results p{color:var(--text-secondary)}@media(max-width:768px){.models-header{flex-direction:column}.models-search{width:100%}.models-grid{grid-template-columns:1fr}}.generate-page{display:flex;flex-direction:column;gap:var(--space-lg)}.generate-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);flex-wrap:wrap}.generate-header-left{display:flex;flex-direction:column;gap:var(--space-sm)}.back-link{font-size:var(--text-sm);color:var(--text-muted);text-decoration:none;transition:var(--transition-fast)}.back-link:hover{color:var(--color-accent-primary)}.model-info{display:flex;align-items:center;gap:var(--space-md)}.model-icon-large{font-size:2.5rem}.generate-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.model-provider-row{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--text-secondary)}.separator,.estimated-time{color:var(--text-muted)}.model-capabilities-badges{display:flex;gap:var(--space-xs);flex-wrap:wrap}.generate-layout{display:grid;grid-template-columns:400px 1fr;gap:var(--space-lg);align-items:start}.generate-controls{display:flex;flex-direction:column;gap:var(--space-md)}.aspect-ratio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:var(--space-xs)}.aspect-ratio-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast)}.aspect-ratio-btn:hover:not(:disabled){border-color:var(--glass-border-hover)}.aspect-ratio-btn.active{border-color:var(--color-accent-primary);background:#8b5cf61a}.aspect-ratio-btn:disabled{opacity:.5;cursor:not-allowed}.aspect-ratio-btn span{font-size:var(--text-xs);color:var(--text-secondary)}.aspect-preview{background:var(--color-accent-primary);border-radius:2px;opacity:.6}.aspect-ratio-btn.active .aspect-preview{opacity:1}.background-options{display:flex;gap:var(--space-xs)}.background-option-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);font-size:var(--text-sm);color:var(--text-secondary)}.background-option-btn:hover:not(:disabled){border-color:var(--glass-border-hover)}.background-option-btn.active{border-color:var(--color-accent-primary);background:#8b5cf61a;color:var(--text-primary)}.image-upload-zone{position:relative;min-height:150px;border:2px dashed var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);overflow:hidden}.image-upload-zone:hover{border-color:var(--color-accent-primary)}.image-upload-zone.has-image{border-style:solid}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-lg);text-align:center}.upload-icon{font-size:2rem}.uploaded-image-preview{position:relative;width:100%}.uploaded-image-preview img{width:100%;height:150px;object-fit:cover}.remove-image-btn{position:absolute;top:var(--space-xs);right:var(--space-xs);width:24px;height:24px;background:#000000b3;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px}.generate-preview{display:flex;flex-direction:column;gap:var(--space-md)}.preview-panel{min-height:500px;display:flex;align-items:center;justify-content:center}.preview-empty,.preview-generating,.preview-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-2xl);text-align:center}.preview-empty-icon,.preview-error-icon{font-size:4rem}.preview-empty h3,.preview-generating h3,.preview-error h3{font-size:var(--text-xl);color:var(--text-primary)}.preview-empty p,.preview-generating p,.preview-error p{color:var(--text-secondary);max-width:300px}.progress-bar{width:200px;height:6px;background:var(--glass-bg-hover);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width .3s ease}.progress-text{font-size:var(--text-sm);color:var(--text-muted)}.generation-time{font-size:var(--text-sm);color:var(--text-muted);font-variant-numeric:tabular-nums}.preview-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-2xl);text-align:center}.preview-error h3{font-size:var(--text-xl);color:var(--color-accent-error);font-weight:600}.error-message{color:var(--text-secondary);max-width:350px;line-height:1.5}.error-suggestion{font-size:var(--text-sm);color:var(--text-muted);font-style:italic;max-width:350px}.error-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.preview-result{display:flex;flex-direction:column;width:100%}.result-image-wrapper{position:relative;width:100%;display:flex;justify-content:center;background:repeating-conic-gradient(rgba(255,255,255,.05) 0% 25%,transparent 0% 50%) 50% / 20px 20px;border-radius:var(--radius-xl) var(--radius-xl) 0 0;overflow:hidden}.result-image{max-width:100%;max-height:500px;object-fit:contain;cursor:zoom-in}.image-overlay{position:absolute;top:var(--space-sm);right:var(--space-sm);display:flex;gap:var(--space-xs);opacity:0;transition:var(--transition-fast)}.result-image-wrapper:hover .image-overlay{opacity:1}.overlay-btn{width:36px;height:36px;background:#000000b3;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);transition:var(--transition-fast)}.overlay-btn:hover{background:#000000e6}.result-actions{display:flex;gap:var(--space-sm);padding:var(--space-md);border-top:1px solid var(--glass-border);flex-wrap:wrap}.model-details-panel{padding:var(--space-xl)}.details-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.details-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-md)}.details-meta{display:flex;flex-direction:column;gap:var(--space-sm)}.meta-item{display:flex;flex-direction:column;gap:var(--space-xs)}.meta-label{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.meta-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.meta-tag{padding:2px var(--space-sm);background:var(--glass-bg);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary)}.image-modal-content{display:flex;justify-content:center}.model-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);min-height:60vh;text-align:center}.not-found-icon{font-size:4rem}.model-not-found h1{font-size:var(--text-2xl);color:var(--text-primary)}.model-not-found p{color:var(--text-secondary)}@media(max-width:1024px){.generate-layout{grid-template-columns:1fr}.generate-controls{order:2}.generate-preview{order:1}}@media(max-width:640px){.generate-header{flex-direction:column}.aspect-ratio-grid{grid-template-columns:repeat(3,1fr)}.result-actions{flex-direction:column}.result-actions button{width:100%}}.gallery-page{display:flex;flex-direction:column;gap:var(--space-lg)}.gallery-header{display:flex;align-items:flex-start;justify-content:space-between}.gallery-title{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary)}.gallery-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin-top:var(--space-xs)}.gallery-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--glass-border)}.filter-buttons,.sort-buttons{display:flex;align-items:center;gap:var(--space-xs)}.sort-label{font-size:var(--text-sm);color:var(--text-muted);margin-right:var(--space-xs)}.filter-btn,.sort-btn{padding:var(--space-xs) var(--space-md);background:transparent;border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.filter-btn:hover,.sort-btn:hover{background:var(--glass-bg);border-color:var(--glass-border-hover)}.filter-btn.active,.sort-btn.active{background:#8b5cf626;border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.gallery-item{display:flex;flex-direction:column;border-radius:var(--radius-xl);overflow:hidden;animation:fadeInUp .4s ease-out both;transition:var(--transition-normal)}.gallery-item:hover{transform:translateY(-4px);box-shadow:var(--glow-primary)}.gallery-image-wrapper{position:relative;aspect-ratio:1;cursor:pointer;overflow:hidden;background:repeating-conic-gradient(rgba(255,255,255,.03) 0% 25%,transparent 0% 50%) 50% / 16px 16px}.gallery-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-item:hover .gallery-image{transform:scale(1.05)}.gallery-image-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition-fast)}.gallery-image-wrapper:hover .gallery-image-overlay{opacity:1}.zoom-icon{font-size:2rem}.gallery-item-content{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.gallery-prompt{font-size:var(--text-sm);color:var(--text-primary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gallery-item-meta{display:flex;align-items:center;gap:var(--space-sm)}.gallery-model{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;transition:var(--transition-fast)}.gallery-model:hover{color:var(--color-accent-primary)}.gallery-model .model-icon{font-size:var(--text-base)}.gallery-item-actions{display:flex;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--glass-border)}.action-btn{flex:1;padding:var(--space-xs);background:var(--glass-bg);border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);font-size:var(--text-base)}.action-btn:hover{background:var(--glass-bg-hover)}.favorite-btn.active{background:#f59e0b33}.delete-btn:hover{background:#ef444433}.gallery-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-4xl);text-align:center}.empty-icon{font-size:4rem}.gallery-empty h2{font-size:var(--text-2xl);color:var(--text-primary)}.gallery-empty p{color:var(--text-secondary);max-width:400px}.lightbox-content{display:flex;flex-direction:column;gap:var(--space-lg)}.lightbox-image-wrapper{display:flex;justify-content:center;background:repeating-conic-gradient(rgba(255,255,255,.03) 0% 25%,transparent 0% 50%) 50% / 16px 16px;border-radius:var(--radius-lg);overflow:hidden}.lightbox-image{max-width:100%;max-height:60vh;object-fit:contain}.lightbox-details{display:flex;flex-direction:column;gap:var(--space-md)}.lightbox-prompt{font-size:var(--text-base);color:var(--text-primary);line-height:1.6}.lightbox-meta{display:flex;align-items:center;gap:var(--space-sm)}.lightbox-date{font-size:var(--text-sm);color:var(--text-muted)}.lightbox-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}@media(max-width:768px){.gallery-controls{flex-direction:column;align-items:flex-start}.gallery-grid{grid-template-columns:1fr}.lightbox-actions{flex-direction:column}.lightbox-actions button,.lightbox-actions a{width:100%}}.dashboard-page{display:flex;flex-direction:column;gap:var(--space-2xl)}.dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.dashboard-title{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary)}.dashboard-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin-top:var(--space-xs)}.error-banner{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-xl);background:#ef44441a;border-color:#ef44444d}.error-banner p{flex:1;color:var(--color-accent-error)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg)}.stat-card{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.stat-header{display:flex;align-items:center;gap:var(--space-sm)}.stat-icon{font-size:1.5rem}.stat-header h3{font-size:var(--text-base);font-weight:500;color:var(--text-secondary)}.stat-value{display:flex;align-items:baseline;gap:var(--space-xs)}.value-current{font-size:var(--text-4xl);font-weight:700;color:var(--text-primary)}.value-separator{font-size:var(--text-2xl);color:var(--text-muted)}.value-limit{font-size:var(--text-xl);color:var(--text-muted)}.stat-progress{height:8px;background:var(--glass-bg-hover);border-radius:var(--radius-full);overflow:hidden}.stat-progress .progress-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width .5s ease}.stat-progress .progress-fill.warning{background:linear-gradient(90deg,var(--color-accent-warning),var(--color-accent-error))}.stat-remaining{font-size:var(--text-sm);color:var(--text-muted)}.stat-link{font-size:var(--text-sm);color:var(--color-accent-primary);text-decoration:none;margin-top:auto}.stat-link:hover{text-decoration:underline}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.section-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}.view-all-link{font-size:var(--text-sm);color:var(--color-accent-primary);text-decoration:none}.view-all-link:hover{text-decoration:underline}.providers-section .providers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.provider-stat-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);text-decoration:none;border-radius:var(--radius-xl);transition:var(--transition-fast);overflow:hidden}.provider-stat-card:hover{transform:translateY(-2px);border-color:var(--color-accent-primary)}.provider-color-bar{width:4px;height:40px;border-radius:var(--radius-full)}.provider-stat-content{flex:1}.provider-stat-content .provider-name{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.provider-stat-content .provider-count{font-size:var(--text-sm);color:var(--text-muted)}.provider-models-preview{display:flex;align-items:center;gap:var(--space-xs)}.provider-models-preview .model-icon{font-size:var(--text-lg)}.more-models{font-size:var(--text-xs);color:var(--text-muted);background:var(--glass-bg);padding:2px var(--space-sm);border-radius:var(--radius-full)}.recent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md)}.recent-item{position:relative;aspect-ratio:1;border-radius:var(--radius-xl);overflow:hidden;text-decoration:none}.recent-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.recent-item:hover .recent-image{transform:scale(1.05)}.recent-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-md);opacity:0;transition:var(--transition-fast)}.recent-item:hover .recent-overlay{opacity:1}.recent-prompt{font-size:var(--text-sm);color:#fff;margin-bottom:var(--space-xs);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.empty-recent{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-2xl);text-align:center}.empty-icon{font-size:2.5rem}.empty-recent p{color:var(--text-secondary)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md)}.action-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-xl);text-decoration:none;border-radius:var(--radius-xl);transition:var(--transition-fast)}.action-card:hover{transform:translateY(-2px);border-color:var(--color-accent-primary);box-shadow:var(--glow-primary)}.action-icon{font-size:2rem}.action-content h4{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.action-content p{font-size:var(--text-sm);color:var(--text-muted)}@media(max-width:768px){.dashboard-header{flex-direction:column}.stats-grid{grid-template-columns:1fr}.recent-grid{grid-template-columns:repeat(2,1fr)}}.compare-page{display:flex;flex-direction:column;gap:var(--space-lg)}.compare-header{display:flex;align-items:flex-start;justify-content:space-between}.compare-title{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary)}.compare-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin-top:var(--space-xs)}.prompt-section{display:flex;flex-direction:column;gap:var(--space-md)}.prompt-actions{display:flex;gap:var(--space-sm)}.comparison-grid{display:grid;gap:var(--space-lg)}.comparison-grid.slots-2{grid-template-columns:repeat(2,1fr)}.comparison-grid.slots-3{grid-template-columns:repeat(3,1fr)}.comparison-grid.slots-4{grid-template-columns:repeat(2,1fr)}.comparison-slot{display:flex;flex-direction:column;border-radius:var(--radius-xl);overflow:hidden}.slot-header{display:flex;gap:var(--space-xs);padding:var(--space-md);border-bottom:1px solid var(--glass-border)}.remove-slot-btn{width:44px;height:44px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);flex-shrink:0}.remove-slot-btn:hover:not(:disabled){background:#ef444433;border-color:var(--color-accent-error);color:var(--color-accent-error)}.remove-slot-btn:disabled{opacity:.5;cursor:not-allowed}.slot-model-info{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--glass-bg);border-bottom:1px solid var(--glass-border)}.slot-model-info .model-icon{font-size:1.25rem}.slot-model-info .model-name{font-weight:500;color:var(--text-primary)}.slot-preview{flex:1;min-height:300px;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(rgba(255,255,255,.03) 0% 25%,transparent 0% 50%) 50% / 16px 16px}.slot-empty,.slot-ready,.slot-loading,.slot-error{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-2xl);text-align:center}.slot-empty span,.slot-ready span,.slot-error span{font-size:2.5rem}.slot-empty p,.slot-ready p,.slot-loading p{color:var(--text-secondary)}.slot-error p{color:var(--color-accent-error);max-width:200px}.slot-result{width:100%;height:100%}.slot-result .result-image{width:100%;height:100%;object-fit:contain}.slot-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-top:1px solid var(--glass-border)}.model-time{font-size:var(--text-sm);color:var(--text-muted)}.model-capabilities{display:flex;gap:var(--space-xs)}.model-capabilities span{font-size:var(--text-sm)}@media(max-width:1024px){.comparison-grid.slots-3,.comparison-grid.slots-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.comparison-grid.slots-2,.comparison-grid.slots-3,.comparison-grid.slots-4{grid-template-columns:1fr}.prompt-actions{flex-direction:column}}.img2img-page{display:flex;flex-direction:column;gap:var(--space-lg)}.img2img-header{display:flex;align-items:flex-start;justify-content:space-between}.img2img-title{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary)}.img2img-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin-top:var(--space-xs)}.img2img-layout{display:grid;grid-template-columns:400px 1fr;gap:var(--space-lg);align-items:start}.img2img-controls{display:flex;flex-direction:column;gap:var(--space-md)}.control-section{display:flex;flex-direction:column;gap:var(--space-sm)}.section-label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.model-selector{display:flex;flex-direction:column;gap:var(--space-xs);max-height:300px;overflow-y:auto}.model-option{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);text-align:left}.model-option:hover:not(:disabled){border-color:var(--glass-border-hover)}.model-option.active{border-color:var(--color-accent-primary);background:#8b5cf61a}.model-option:disabled{opacity:.5;cursor:not-allowed}.model-option .model-icon{font-size:1.5rem}.model-option .model-info{flex:1;display:flex;flex-direction:column;gap:2px}.model-option .model-name{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.model-option .model-provider{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);color:var(--text-muted)}.upload-zone{min-height:200px;border:2px dashed var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);overflow:hidden}.upload-zone:hover{border-color:var(--color-accent-primary)}.upload-zone.has-image{border-style:solid}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-2xl);text-align:center;height:200px}.upload-icon{font-size:2.5rem}.upload-placeholder p{font-size:var(--text-sm);color:var(--text-secondary)}.upload-hint{font-size:var(--text-xs);color:var(--text-muted)}.uploaded-preview{position:relative}.uploaded-preview img{width:100%;height:200px;object-fit:cover}.change-image-btn{position:absolute;bottom:var(--space-sm);left:50%;transform:translate(-50%);padding:var(--space-xs) var(--space-md);background:#000c;border:none;border-radius:var(--radius-full);color:#fff;font-size:var(--text-sm);cursor:pointer;transition:var(--transition-fast)}.change-image-btn:hover{background:#000000e6}.file-input-hidden{display:none}.hint-text{font-size:var(--text-sm);color:var(--text-muted);line-height:1.5}.img2img-preview{display:flex;flex-direction:column;gap:var(--space-md)}.preview-panel{min-height:400px;display:flex;align-items:center;justify-content:center}.preview-empty,.preview-ready,.preview-loading,.preview-error{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-2xl);text-align:center}.preview-icon,.error-icon{font-size:4rem}.preview-empty h3,.preview-ready h3,.preview-loading h3,.preview-error h3{font-size:var(--text-xl);color:var(--text-primary)}.preview-empty p,.preview-ready p,.preview-loading p{color:var(--text-secondary)}.preview-error p{color:var(--text-secondary);max-width:300px}.preview-result{width:100%}.result-comparison{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-lg)}.comparison-image{position:relative;flex:1;max-width:350px}.comparison-label{position:absolute;top:var(--space-xs);left:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:#000c;border-radius:var(--radius-full);font-size:var(--text-xs);color:#fff}.comparison-image img{width:100%;border-radius:var(--radius-lg)}.comparison-arrow{font-size:2rem;color:var(--text-muted)}.result-actions{display:flex;gap:var(--space-sm);padding:var(--space-md);border-top:1px solid var(--glass-border);justify-content:center;flex-wrap:wrap}.info-panel{padding:var(--space-xl)}.info-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.info-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-md)}.model-list{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.model-link{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--glass-bg);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;transition:var(--transition-fast)}.model-link:hover{background:#8b5cf61a;color:var(--color-accent-primary)}.modal-image{max-width:100%;max-height:80vh;object-fit:contain}@media(max-width:1024px){.img2img-layout{grid-template-columns:1fr}.result-comparison{flex-direction:column}.comparison-arrow{transform:rotate(90deg)}}@media(max-width:640px){.result-actions{flex-direction:column}.result-actions button{width:100%}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f0f23,#1a1a3e,#2d1b4e);padding:20px}.login-container{width:100%;max-width:420px;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:48px 40px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d inset}.login-header{text-align:center;margin-bottom:32px}.login-logo{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px #667eea4d}.logo-icon{font-size:36px}.login-header h1{margin:0 0 8px;font-size:28px;font-weight:700;color:#fff;letter-spacing:-.5px}.login-header p{margin:0;color:#fff9;font-size:14px}.login-form{display:flex;flex-direction:column;gap:20px}.login-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#fca5a5;font-size:14px;animation:shake .5s ease-in-out}.error-icon{font-size:16px}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#fffc}.form-group input{padding:14px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;font-size:15px;transition:all .2s ease}.form-group input::placeholder{color:#ffffff59}.form-group input:hover{border-color:#fff3;background:#ffffff1a}.form-group input:focus{outline:none;border-color:#667eea;background:#ffffff1a;box-shadow:0 0 0 4px #667eea26}.form-group input:disabled{opacity:.6;cursor:not-allowed}.login-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 40px #667eea66}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{margin-top:32px;text-align:center}.login-footer p{margin:0;color:#fff6;font-size:13px}@media(max-width:480px){.login-container{padding:36px 24px;border-radius:20px}.login-header h1{font-size:24px}.login-logo{width:64px;height:64px;border-radius:16px}.logo-icon{font-size:28px}}.not-found-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--header-height) - var(--space-4xl))}.not-found-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center;padding:var(--space-2xl)}.not-found-icon{font-size:5rem;animation:float 3s ease-in-out infinite}.not-found-title{font-size:6rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.not-found-subtitle{font-size:var(--text-2xl);font-weight:600;color:var(--text-primary)}.not-found-description{font-size:var(--text-lg);color:var(--text-secondary);max-width:400px}.not-found-actions{display:flex;gap:var(--space-md);margin-top:var(--space-md)}@media(max-width:640px){.not-found-title{font-size:4rem}.not-found-actions{flex-direction:column;width:100%}.not-found-actions a,.not-found-actions button{width:100%}}