:root{--primary: #007AFF;--primary-dark: #0056CC;--primary-light: #4DA6FF;--secondary: #FF9500;--secondary-dark: #FF8C00;--secondary-light: #FFAD33;--success: #30D158;--warning: #FF9F0A;--error: #FF453A;--info: #5AC8FA;--background: #F2F2F7;--surface: rgba(255, 255, 255, .8);--surface-hover: rgba(255, 255, 255, .95);--surface-glass: rgba(255, 255, 255, .1);--text: #1C1C1E;--text-light: #3A3A3C;--text-lighter: #8E8E93;--border: rgba(60, 60, 67, .12);--border-light: rgba(60, 60, 67, .05);--gradient-primary: linear-gradient(135deg, var(--primary) 0%, #5856D6 100%);--gradient-secondary: linear-gradient(135deg, var(--secondary) 0%, #FF6B35 100%);--gradient-hero: linear-gradient(135deg, var(--primary) 0%, #5856D6 50%, #AF52DE 100%);--gradient-page: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-app-background: linear-gradient(180deg, #F2F2F7 0%, #E5E5EA 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .25) 0%, rgba(255, 255, 255, .05) 100%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .03);--shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 60px rgba(0, 0, 0, .15);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .1);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .2);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--transition-fast: .2s cubic-bezier(.25, .46, .45, .94);--transition-normal: .35s cubic-bezier(.25, .46, .45, .94);--transition-slow: .5s cubic-bezier(.25, .46, .45, .94);--transition-spring: .6s cubic-bezier(.175, .885, .32, 1.275);--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--blur-sm: blur(4px);--blur-md: blur(8px);--blur-lg: blur(16px);--theme-blue: rgba(0, 122, 255, .12);--theme-orange: rgba(255, 149, 0, .12);--theme-purple: rgba(88, 86, 214, .12);--theme-green: rgba(48, 209, 88, .08);--theme-red: rgba(255, 69, 58, .1);--bg-primary: var(--theme-blue);--bg-secondary: var(--theme-orange);--bg-accent: var(--theme-purple);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-popover: 1050;--z-tooltip: 1060}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text);background-color:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1;text-size-adjust:100%}#root{min-height:100vh;width:100%}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--text);letter-spacing:-.02em;font-feature-settings:"kern" 1}h1{font-size:clamp(var(--font-size-2xl),4vw,var(--font-size-4xl));font-weight:700}h2{font-size:var(--font-size-3xl);font-weight:600}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{color:var(--text-light);line-height:1.6;font-weight:400}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}a:focus{outline:2px solid var(--primary);outline-offset:2px;border-radius:2px}button{background:none;border:none;padding:0;margin:0;font-family:inherit;font-size:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}input,textarea,select{font-family:inherit;font-size:inherit;border:none;outline:none;-webkit-appearance:none;appearance:none}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}input:focus,textarea:focus,select:focus,button:focus{outline:2px solid var(--primary);outline-offset:2px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0000004d}@media (prefers-color-scheme: dark){::-webkit-scrollbar-thumb{background:#fff3}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){:root{--border: rgba(0, 0, 0, .3);--border-light: rgba(0, 0, 0, .2);--text-light: var(--text);--text-lighter: var(--text)}}@media print{*,*:before,*:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.container-sm{max-width:900px;margin:0 auto;padding:0 var(--spacing-md)}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.grid{display:grid}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.m-0{margin:0}.m-1{margin:var(--spacing-xs)}.m-2{margin:var(--spacing-sm)}.m-4{margin:var(--spacing-md)}.m-6{margin:var(--spacing-lg)}.m-8{margin:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-4{margin-top:var(--spacing-md)}.mt-6{margin-top:var(--spacing-lg)}.mt-8{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-4{margin-bottom:var(--spacing-md)}.mb-6{margin-bottom:var(--spacing-lg)}.mb-8{margin-bottom:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-4{padding:var(--spacing-md)}.p-6{padding:var(--spacing-lg)}.p-8{padding:var(--spacing-xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-light{color:var(--text-light)}.text-lighter{color:var(--text-lighter)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-surface{background-color:var(--surface)}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-secondary{background:var(--gradient-secondary)}.bg-gradient-hero{background:var(--gradient-hero)}.bg-gradient-page{background:var(--gradient-page)}.border{border:1px solid var(--border)}.border-light{border:1px solid var(--border-light)}.border-primary{border:1px solid var(--primary)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:50%}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.transform{transform:translateZ(0)}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.transition{transition:all var(--transition-normal)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:shadow-lg:hover{box-shadow:var(--shadow-lg)}.hover\:opacity-75:hover{opacity:.75}.focus\:outline-none:focus{outline:none}.focus\:ring:focus{box-shadow:0 0 0 3px #6366f11a}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-spin{animation:spin 1s linear infinite}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.card-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-light)}.card-header h2,.card-header h3{margin:0;color:var(--text)}.card-content{color:var(--text-light);line-height:1.6}.glass-effect{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:var(--spacing-sm);text-decoration:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--gradient-secondary);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:var(--spacing-sm);text-decoration:none}.btn-secondary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary);padding:calc(var(--spacing-md) - 2px) calc(var(--spacing-lg) - 2px);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:var(--spacing-sm);text-decoration:none}.btn-outline:hover{background:var(--primary);color:#fff;transform:translateY(-1px)}.section-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:var(--spacing-2xl) 0}.section-header{text-align:center;margin-bottom:var(--spacing-2xl)}.section-header h2{font-size:var(--font-size-3xl);color:var(--text);margin-bottom:var(--spacing-sm)}.section-header p{color:var(--text-light);font-size:var(--font-size-lg);max-width:600px;margin:0 auto}@media (max-width: 768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:grid-1{grid-template-columns:1fr}.md\:text-center{text-align:center}.md\:p-4{padding:var(--spacing-md)}}@media (max-width: 480px){.sm\:hidden{display:none}.sm\:text-sm{font-size:var(--font-size-sm)}.sm\:p-2{padding:var(--spacing-sm)}}.navigation,.top-nav{background:var(--gradient-glass);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:var(--z-sticky);transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.nav-container,.nav-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;height:60px}.nav-brand,.nav-logo{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text);text-decoration:none;font-weight:700;font-size:var(--font-size-lg);letter-spacing:-.02em;transition:all var(--transition-fast)}.nav-brand:hover,.nav-logo:hover{transform:scale(1.02);color:var(--primary)}.nav-logo .logo-icon{font-size:var(--font-size-xl);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-title{font-weight:600;letter-spacing:-.01em}.nav-links{display:flex;gap:var(--spacing-md)}.nav-link{text-decoration:none;color:var(--text-light);font-weight:500;padding:.625rem var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--font-size-sm);letter-spacing:-.01em;transition:all var(--transition-spring);position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;inset:0;background:var(--gradient-glass);opacity:0;transition:all var(--transition-fast);border-radius:var(--radius-lg)}.nav-link:hover{color:var(--primary);transform:translateY(-1px)}.nav-link:hover:before{opacity:1}.nav-link.active{color:var(--primary);background:#007aff1a;font-weight:600;transform:translateY(-1px);box-shadow:var(--shadow-sm),var(--shadow-inset)}.nav-menu-container{position:relative}.nav-toggle{display:none;flex-direction:column;gap:4px;padding:8px;background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-md)}.nav-toggle:hover{background:#007aff1a;transform:scale(1.05)}.nav-toggle-line{width:20px;height:2px;background:var(--text);transition:all var(--transition-spring);transform-origin:center;border-radius:1px}.nav-toggle.active .nav-toggle-line:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.nav-toggle.active .nav-toggle-line:nth-child(2){opacity:0}.nav-toggle.active .nav-toggle-line:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.nav-menu{display:flex;gap:var(--spacing-xs);transition:all var(--transition-normal)}.nav-item{display:flex;align-items:center;gap:.5rem;padding:.75rem var(--spacing-lg);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-light);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-spring);white-space:nowrap;letter-spacing:-.01em;position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;inset:0;background:var(--gradient-glass);opacity:0;transition:all var(--transition-fast);border-radius:var(--radius-md)}.nav-item:hover:not(.disabled){color:var(--text);transform:translateY(-1px) scale(1.02)}.nav-item:hover:not(.disabled):before{opacity:1}.nav-item:active:not(.disabled){transform:translateY(0) scale(.98);transition:all .1s ease}.nav-item.disabled{opacity:.4;cursor:not-allowed}.nav-icon{font-size:var(--font-size-base)}.nav-text{white-space:nowrap}@media (max-width: 768px){.nav-container{padding:0 var(--spacing-lg);height:56px}.nav-brand{font-size:var(--font-size-base)}.nav-toggle{display:flex}.nav-menu{position:absolute;top:calc(100% + 16px);right:0;flex-direction:column;background:var(--gradient-glass);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border-radius:var(--radius-xl);padding:var(--spacing-lg);min-width:200px;box-shadow:var(--shadow-glass);border:1px solid var(--border);opacity:0;visibility:hidden;transform:translateY(-16px) scale(.9);transition:all var(--transition-spring)}.nav-menu:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.nav-menu.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.nav-item{justify-content:flex-start;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin:0;width:100%;font-size:var(--font-size-base);min-height:48px}}@media (hover: none) and (pointer: coarse){.nav-item{padding:.75rem;font-size:var(--font-size-sm);min-height:44px}.nav-item:active:not(.disabled){background:#0000000f;transform:scale(.96)}}@media (prefers-reduced-motion: reduce){.nav-item,.nav-menu,.nav-toggle,.nav-toggle-line,.navigation{transition:none}}@media (prefers-contrast: high){.navigation{background:#fff;border-bottom:2px solid #000}.nav-item{color:#000;border:1px solid #000}.nav-item:hover:not(.disabled){background:#f0f0f0}}#root{min-height:100vh;background:var(--gradient-app-background);position:relative;overflow:hidden;will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0)}#root:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 80%,rgba(0,122,255,.12) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,149,0,.08) 0%,transparent 50%),radial-gradient(circle at 60% 60%,rgba(88,86,214,.06) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(175,82,222,.04) 0%,transparent 50%),linear-gradient(45deg,transparent 48%,rgba(255,255,255,.02) 49%,rgba(255,255,255,.02) 51%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(255,255,255,.02) 49%,rgba(255,255,255,.02) 51%,transparent 52%);background-size:800px 800px,600px 600px,400px 400px,300px 300px,100px 100px,100px 100px;background-position:-200px -200px,calc(100% + 200px) -200px,50% 50%,30% 70%,0 0,0 0;animation:backgroundFloat 20s ease-in-out infinite alternate;pointer-events:none;z-index:0;will-change:transform,background-position;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}#root:after{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse 800px 600px at 25% 25%,rgba(0,122,255,.08) 0%,transparent 50%),radial-gradient(ellipse 600px 800px at 75% 75%,rgba(255,149,0,.06) 0%,transparent 50%),radial-gradient(ellipse 400px 400px at 50% 80%,rgba(48,209,88,.04) 0%,transparent 50%);animation:backgroundRotate 30s linear infinite;pointer-events:none;z-index:0;opacity:.7;will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.app-container{max-width:900px;margin:0 auto;padding:var(--spacing-md);position:relative;z-index:1}.hero{text-align:center;margin:var(--spacing-md) 0 var(--spacing-xl) 0;padding:var(--spacing-2xl) var(--spacing-md);background:var(--gradient-glass);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass),var(--shadow-inset);position:relative;overflow:hidden;animation:heroEntrance 1.2s cubic-bezier(.16,1,.3,1)}.hero:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent)}.hero:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,122,255,.03) 0%,transparent 70%);animation:heroGlow 8s ease-in-out infinite alternate}.hero h1{font-size:clamp(var(--font-size-2xl),4vw,var(--font-size-4xl));font-weight:700;background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;line-height:1.1;position:relative;z-index:1;animation:textShimmer 4s ease-in-out infinite alternate}.hero p{color:var(--text-light);font-size:clamp(var(--font-size-sm),2.5vw,var(--font-size-lg));max-width:500px;margin:0 auto;opacity:.9;font-weight:400;position:relative;z-index:1}.form-grid{background:var(--gradient-glass);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);padding:var(--spacing-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass),var(--shadow-inset);border:1px solid var(--border);margin-bottom:var(--spacing-xl);position:relative;overflow:hidden}.form-grid:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.field{margin-bottom:var(--spacing-lg)}.field label{font-weight:600;color:var(--text);margin-bottom:var(--spacing-sm);display:block;font-size:var(--font-size-sm);letter-spacing:-.01em}.field input,.field textarea,.field select{width:100%;padding:1rem var(--spacing-lg);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:400;transition:all var(--transition-normal);background:#fffc;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);color:var(--text);box-sizing:border-box;box-shadow:var(--shadow-sm),var(--shadow-inset)}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #007aff1a,var(--shadow-md);transform:translateY(-1px);background:#fffffff2}.field input:hover,.field textarea:hover,.field select:hover{border-color:var(--primary-light);background:#ffffffe6;transform:translateY(-.5px)}.enhance-prompt-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#007aff1a,#5856d61a);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border:1px solid rgba(0,122,255,.2);border-radius:var(--radius-md);color:var(--primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-spring);margin-top:var(--spacing-sm);width:fit-content;box-shadow:var(--shadow-sm),var(--shadow-inset)}.enhance-prompt-btn:before{content:"✨";font-size:var(--font-size-sm)}.enhance-prompt-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.02);background:linear-gradient(135deg,#007aff26,#5856d626);border-color:#007aff4d;box-shadow:var(--shadow-md),var(--shadow-inset)}.enhance-prompt-btn:active:not(:disabled){transform:translateY(-1px) scale(.98);transition:all .1s ease}.enhance-prompt-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;background:#007aff0d;border-color:#007aff1a}.current-preset-display{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--gradient-glass);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-glass),var(--shadow-inset);position:relative;overflow:hidden;animation:slideInDown .8s cubic-bezier(.16,1,.3,1)}.current-preset-display:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.current-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0;box-shadow:var(--shadow-sm),var(--shadow-inset)}.current-icon svg{width:24px;height:24px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));z-index:1}.current-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);z-index:0}.current-label{font-size:var(--font-size-lg);font-weight:600;color:var(--text);letter-spacing:-.01em;flex:1}.tags-filter{margin-bottom:var(--spacing-xl);background:var(--gradient-glass);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-glass),var(--shadow-inset);position:relative;overflow:hidden}.tags-filter:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem;max-height:120px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.1) transparent}.tags-container::-webkit-scrollbar{width:4px}.tags-container::-webkit-scrollbar-track{background:transparent}.tags-container::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.tag-button{display:inline-flex;align-items:center;padding:.375rem .75rem;background:#ffffffb3;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border:1px solid rgba(0,122,255,.1);border-radius:20px;color:var(--text-light);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all var(--transition-spring);white-space:nowrap;min-height:32px;box-shadow:var(--shadow-sm);letter-spacing:-.01em}.tag-button:hover{transform:translateY(-1px) scale(1.05);background:#ffffffe6;border-color:#007aff33;color:var(--text);box-shadow:var(--shadow-md)}.tag-button:active{transform:translateY(0) scale(.95);transition:all .1s ease}.tag-button.selected,.tag-button.active{background:var(--gradient-primary);border-color:var(--primary);color:#fff;font-weight:600;box-shadow:var(--shadow-md),var(--shadow-inset)}.tag-button.selected:hover,.tag-button.active:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-lg),var(--shadow-inset)}.preset-selection-compact{background:var(--gradient-glass);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-glass),var(--shadow-inset);position:relative;overflow:hidden;animation:slideInDown .8s cubic-bezier(.16,1,.3,1)}.preset-selection-compact:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.preset-header-compact{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg)}.preset-header-compact h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text);margin:0;letter-spacing:-.01em}.preset-current{flex:1}.current-preset{width:100%}.preset-selection-compact .current-preset-display{background:#fff9;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border:1px solid rgba(255,255,255,.3);box-shadow:var(--shadow-sm),inset 0 1px #ffffff4d}.expand-presets-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem var(--spacing-lg);background:#ffffffb3;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-spring);box-shadow:var(--shadow-sm),var(--shadow-inset);white-space:nowrap;letter-spacing:-.01em}.expand-presets-btn svg{transition:transform var(--transition-normal)}.expand-presets-btn:hover{transform:translateY(-2px) scale(1.02);background:#ffffffd9;border-color:var(--primary-light);color:var(--primary);box-shadow:var(--shadow-md),var(--shadow-inset)}.expand-presets-btn:active{transform:translateY(-1px) scale(.98);transition:all .1s ease}.expand-presets-btn.expanded{background:var(--gradient-primary);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-md),var(--shadow-inset)}.expand-presets-btn.expanded:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-lg),var(--shadow-inset)}.expand-presets-btn.expanded svg{transform:rotate(180deg)}.presets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.2)}.preset-option{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#ffffff80;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-spring);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.preset-option:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);opacity:0;transition:opacity var(--transition-fast)}.preset-option:hover:before{opacity:1}.preset-option:hover{transform:translateY(-3px) scale(1.05);background:#ffffffb3;border-color:var(--primary-light);box-shadow:var(--shadow-md)}.preset-option:active{transform:translateY(-1px) scale(.95);transition:all .1s ease}.preset-option.selected{background:var(--gradient-primary);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-md),var(--shadow-inset)}.preset-option.selected:hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-lg),var(--shadow-inset)}.preset-option .preset-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-xs);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.preset-option .preset-icon svg{width:20px;height:20px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));z-index:1}.preset-option .preset-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);z-index:0}.preset-option .preset-name{font-size:var(--font-size-xs);font-weight:500;text-align:center;line-height:1.2;letter-spacing:-.01em}.preset-option.selected .preset-name{color:#fff;font-weight:600}@media (max-width: 768px){.preset-header-compact{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.expand-presets-btn{align-self:center;width:fit-content;margin:0 auto}.presets-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing-sm)}.preset-option{padding:var(--spacing-sm);min-height:80px}.preset-option .preset-icon{width:32px;height:32px}.preset-option .preset-icon svg{width:16px;height:16px}}@media (max-width: 480px){.presets-grid{grid-template-columns:repeat(3,1fr)}.preset-selection-compact{padding:var(--spacing-md)}}.generate-button{background:var(--gradient-primary);color:#fff;border:none;padding:1.25rem var(--spacing-xl);border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-lg);letter-spacing:-.01em;cursor:pointer;transition:all var(--transition-spring);width:100%;margin-top:var(--spacing-md);box-shadow:var(--shadow-md),var(--shadow-inset);position:relative;overflow:hidden;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm)}.generate-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left var(--transition-slow)}.generate-button:hover:before{left:100%}.generate-button:hover{transform:translateY(-3px) scale(1.01);box-shadow:var(--shadow-lg),var(--shadow-inset)}.generate-button:active{transform:translateY(-1px) scale(.99);transition:all .1s ease}.generate-button:disabled{opacity:.6;cursor:not-allowed;transform:none;filter:saturate(.7)}.action-buttons{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-top:var(--spacing-md)}.download-button{background:var(--gradient-secondary);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:all var(--transition-spring);display:flex;align-items:center;justify-content:center;gap:.75rem;min-height:52px;box-shadow:var(--shadow-md),var(--shadow-inset);font-size:var(--font-size-base);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm)}.download-button:hover{transform:translateY(-2px) scale(1.01);box-shadow:var(--shadow-lg),var(--shadow-inset)}.download-button:active{transform:translateY(0) scale(.98);transition:all .1s ease}.lightroom-button{background:var(--gradient-page);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:all var(--transition-spring);display:flex;align-items:center;justify-content:center;gap:.75rem;min-height:52px;box-shadow:var(--shadow-md),var(--shadow-inset);font-size:var(--font-size-base);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm)}.lightroom-button:hover{transform:translateY(-2px) scale(1.01);box-shadow:var(--shadow-lg),var(--shadow-inset)}.lightroom-button:active{transform:translateY(0) scale(.98);transition:all .1s ease}.success-message{background:linear-gradient(135deg,#30d1581a,#30d1580d);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);color:var(--text);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-top:var(--spacing-md);border:1px solid rgba(48,209,88,.2);box-shadow:var(--shadow-md),var(--shadow-inset);animation:successSlideIn .8s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.success-message:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(48,209,88,.5),transparent)}.success-message p{margin:0 0 var(--spacing-md) 0;font-weight:600;font-size:var(--font-size-lg);color:var(--text)}.preset-name-display{background:#ffffffe6;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);padding:.875rem var(--spacing-md);border-radius:var(--radius-md);margin:.75rem 0 var(--spacing-md) 0!important;border:1px solid rgba(48,209,88,.3);font-family:SF Mono,Monaco,Consolas,Roboto Mono,monospace;font-size:var(--font-size-sm)!important;font-weight:500!important;color:var(--text)!important;box-shadow:var(--shadow-sm),var(--shadow-inset)}.preset-name-display strong{color:var(--primary-dark);font-weight:600}.error-message{background:linear-gradient(135deg,#ff453a1a,#ff453a0d);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);color:var(--text);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-top:var(--spacing-md);border:1px solid rgba(255,69,58,.2);box-shadow:var(--shadow-md),var(--shadow-inset);animation:errorShake .8s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.error-message:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,69,58,.5),transparent)}.smart-mode-indicator{background:linear-gradient(135deg,#007aff14,#5856d614);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border:1px solid rgba(0,122,255,.2);border-radius:var(--radius-lg);padding:var(--spacing-md) 1.25rem;margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md),var(--shadow-inset);animation:slideInDown .8s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.smart-mode-indicator:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,122,255,.4),transparent)}.indicator-content{display:flex;align-items:flex-start;gap:var(--spacing-md)}.indicator-icon{font-size:var(--font-size-2xl);flex-shrink:0;margin-top:.1rem}.indicator-text strong{color:var(--primary-dark);font-size:var(--font-size-base);display:block;margin-bottom:var(--spacing-sm)}.indicator-text p{color:var(--text-light);font-size:var(--font-size-sm);margin:0;line-height:1.4}.preview-section{background:var(--surface);padding:var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-light);margin-top:var(--spacing-xl)}.preview-section h3{color:var(--text);margin-bottom:var(--spacing-lg);font-size:var(--font-size-2xl);font-weight:700}.preset-selection-compact{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light)}.preset-header-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.preset-header-compact h3{color:var(--text);font-size:var(--font-size-xl);font-weight:600;margin:0}.preset-current{display:flex;align-items:center;gap:var(--spacing-md)}.current-preset-display{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--surface-hover);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border)}.current-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);color:#fff;font-size:var(--font-size-sm)}.current-label{font-weight:500;color:var(--text);font-size:var(--font-size-sm)}.expand-presets-btn{background:var(--gradient-primary);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.expand-presets-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.preset-selection-expanded{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-light);animation:slideDown .3s ease-out}.tags-filter{margin-bottom:var(--spacing-lg)}.tags-container{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tag-button{background:var(--surface-hover);color:var(--text-light);border:1px solid var(--border);padding:var(--spacing-xs) var(--spacing-sm);border-radius:20px;font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.tag-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-primary);transition:left var(--transition-normal);z-index:-1}.tag-button:hover:before{left:0}.tag-button:hover{color:#fff;border-color:var(--primary)}.tag-button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.tag-button.active:before{left:0}.presets-grid-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md);max-height:400px;overflow-y:auto;padding:var(--spacing-sm)}.preset-card-compact{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--surface);border:2px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.preset-card-compact:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--primary);transform:scaleX(0);transition:transform var(--transition-normal)}.preset-card-compact:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary)}.preset-card-compact:hover:before{transform:scaleX(1)}.preset-card-compact.selected{border-color:var(--primary);background:linear-gradient(135deg,rgba(99,102,241,.1),var(--surface));transform:translateY(-2px);box-shadow:var(--shadow-md)}.preset-card-compact.selected:before{transform:scaleX(1)}.preset-card-compact.favorited{border-color:var(--error)}.preset-card-compact.favorited:before{background:var(--error)}.preset-icon-compact{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-lg);flex-shrink:0}.preset-info-compact{flex:1;min-width:0}.preset-info-compact h4{color:var(--text);font-size:var(--font-size-base);font-weight:600;margin:0 0 var(--spacing-xs) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-info-compact p{color:var(--text-light);font-size:var(--font-size-xs);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preset-actions-compact{display:flex;gap:var(--spacing-xs);flex-shrink:0}.favorite-button-compact{background:transparent;border:none;font-size:var(--font-size-lg);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.favorite-button-compact:hover{transform:scale(1.1)}.style-matcher-container{max-width:1200px;margin:0 auto;padding:var(--spacing-xl);background:transparent;min-height:100vh;font-family:var(--font-family)}.hero-section{text-align:center;margin-bottom:var(--spacing-2xl);color:#fff}.hero-section h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md);font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.3)}.hero-section p{font-size:var(--font-size-xl);opacity:.9;max-width:600px;margin:0 auto}.step-section{background:var(--surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-xl)}.step-header{margin-bottom:var(--spacing-xl)}.step-header h2{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-3xl);color:var(--text);margin-bottom:var(--spacing-sm)}.step-number{background:var(--gradient-page);color:#fff;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-lg)}.step-header p{color:var(--text-light);font-size:var(--font-size-lg)}.photographers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg)}.photographer-card{border:2px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-normal);background:var(--surface);position:relative;overflow:hidden}.photographer-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--primary);transform:scaleX(0);transition:transform var(--transition-normal)}.photographer-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--primary)}.photographer-card:hover:before{transform:scaleX(1)}.photographer-card.selected{border-color:var(--primary);background:linear-gradient(135deg,rgba(99,102,241,.1),var(--surface));transform:translateY(-5px);box-shadow:var(--shadow-xl)}.photographer-card.selected:before{transform:scaleX(1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.params-visual{display:grid;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.param-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--surface-hover);border-radius:var(--radius-md);border:1px solid var(--border-light)}.param-label{min-width:120px;font-weight:600;color:var(--text);text-transform:capitalize;display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.param-value{background:var(--gradient-primary);color:#fff;padding:var(--spacing-xs) .75rem;border-radius:20px;font-size:var(--font-size-xs);font-weight:600;min-width:50px;text-align:center}.param-bar-wrap{flex:1;height:8px;background:var(--border-light);border-radius:4px;overflow:hidden;position:relative}.param-bar{height:100%;background:var(--gradient-primary);border-radius:4px;transition:width .8s ease-out;animation:barFill 1s ease-out}.loading-spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-right:var(--spacing-sm)}@keyframes backgroundFloat{0%{transform:translate(0) rotate(0)}33%{transform:translate(-20px,-10px) rotate(1deg)}66%{transform:translate(20px,10px) rotate(-1deg)}to{transform:translateY(-20px) rotate(0)}}@keyframes backgroundRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes heroEntrance{0%{opacity:0;transform:translateY(-40px) scale(.96);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes heroGlow{0%{opacity:.3;transform:rotate(0)}to{opacity:.6;transform:rotate(180deg)}}@keyframes textShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes successSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes errorShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes barFill{0%{width:0}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.app-container{padding:var(--spacing-sm)}.form-grid{padding:var(--spacing-lg);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm)}.hero{margin:var(--spacing-sm) 0 var(--spacing-lg) 0;padding:var(--spacing-lg) var(--spacing-md)}.action-buttons{grid-template-columns:1fr}.field input,.field textarea,.field select{padding:.875rem var(--spacing-md);font-size:16px}}@media (max-width: 480px){.hero h1{font-size:var(--font-size-2xl);line-height:1.1}.generate-button{padding:1.125rem var(--spacing-md);font-size:var(--font-size-base)}.form-grid{padding:var(--spacing-md)}.download-button,.lightroom-button{min-height:48px;padding:var(--spacing-lg) var(--spacing-md)}}@supports (-webkit-backdrop-filter: blur(10px)){.hero,.form-grid,.success-message,.error-message,.smart-mode-indicator{backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md)}}.style-matcher-page{min-height:100vh;background:var(--gradient-app-background)}.main-content{flex:1}.api-key-section{display:flex;justify-content:center;padding:var(--spacing-xl)}.api-key-card{background:var(--surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-xl);max-width:500px;width:100%;text-align:center}.api-key-card h3{color:var(--text);margin-bottom:var(--spacing-md);font-size:var(--font-size-2xl)}.api-key-card p{color:var(--text-light);margin-bottom:var(--spacing-xl);line-height:1.6}.api-key-actions{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center}.go-home-btn{background:var(--gradient-page);color:#fff;text-decoration:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-lg);transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:var(--spacing-sm);box-shadow:var(--shadow-md)}.go-home-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.get-api-key-btn{background:transparent;color:var(--primary);text-decoration:none;padding:.75rem var(--spacing-lg);border:2px solid var(--primary);border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:var(--spacing-sm)}.get-api-key-btn:hover{background:var(--primary);color:#fff;transform:translateY(-1px)}.icon-gradient{stroke:url(#gradient)}.language-switcher{display:flex;gap:var(--spacing-sm);align-items:center}.language-button{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-xs)}.language-button .flag-icon{font-size:1.25rem}.language-button:hover{background:var(--primary-light);color:#fff;border-color:var(--primary)}.language-button.active{background:var(--primary);color:#fff;border-color:var(--primary-dark)}#root.sunset-theme:before{background:radial-gradient(circle at 20% 80%,rgba(255,149,0,.15) 0%,transparent 60%),radial-gradient(circle at 80% 20%,rgba(255,69,58,.12) 0%,transparent 50%),radial-gradient(circle at 50% 100%,rgba(255,159,10,.08) 0%,transparent 70%);background-size:700px 700px,500px 500px,800px 400px}#root.sunset-theme:after{background:radial-gradient(ellipse 600px 400px at 30% 70%,rgba(255,149,0,.06) 0%,transparent 60%),radial-gradient(ellipse 400px 600px at 70% 30%,rgba(255,69,58,.04) 0%,transparent 50%)}#root.ocean-theme:before{background:radial-gradient(circle at 30% 40%,rgba(0,122,255,.12) 0%,transparent 60%),radial-gradient(circle at 70% 60%,rgba(90,200,250,.08) 0%,transparent 50%),radial-gradient(circle at 50% 80%,rgba(48,209,88,.06) 0%,transparent 70%);background-size:600px 600px,400px 400px,800px 300px}#root.ocean-theme:after{background:radial-gradient(ellipse 800px 300px at 40% 20%,rgba(0,122,255,.05) 0%,transparent 60%),radial-gradient(ellipse 300px 800px at 60% 80%,rgba(90,200,250,.03) 0%,transparent 50%)}#root.purple-theme:before{background:radial-gradient(circle at 25% 75%,rgba(88,86,214,.12) 0%,transparent 60%),radial-gradient(circle at 75% 25%,rgba(175,82,222,.1) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(139,92,246,.06) 0%,transparent 70%);background-size:500px 500px,600px 600px,400px 400px}#root.purple-theme:after{background:radial-gradient(ellipse 700px 400px at 20% 60%,rgba(88,86,214,.04) 0%,transparent 60%),radial-gradient(ellipse 400px 700px at 80% 40%,rgba(175,82,222,.03) 0%,transparent 50%)}#root.mono-theme:before{background:radial-gradient(circle at 30% 70%,rgba(0,0,0,.02) 0%,transparent 60%),radial-gradient(circle at 70% 30%,rgba(255,255,255,.05) 0%,transparent 50%),linear-gradient(45deg,transparent 49%,rgba(0,0,0,.01) 50%,transparent 51%);background-size:800px 800px,600px 600px,200px 200px}#root.mono-theme:after{background:radial-gradient(ellipse 1000px 300px at 50% 20%,rgba(255,255,255,.02) 0%,transparent 60%),radial-gradient(ellipse 300px 1000px at 50% 80%,rgba(0,0,0,.01) 0%,transparent 50%)}.hero,.form-grid,.current-preset-display,.tags-filter,.preset-selection-compact,.success-message,.error-message,.smart-mode-indicator{backdrop-filter:var(--blur-md) saturate(1.2);-webkit-backdrop-filter:var(--blur-md) saturate(1.2);will-change:transform,opacity;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.generate-button,.download-button,.lightroom-button,.enhance-prompt-btn,.expand-presets-btn,.tag-button,.theme-btn,.nav-item,.nav-link,.preset-option{will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.hero:after,.current-preset-display:before,.tags-filter:before,.preset-selection-compact:before,.success-message:before,.error-message:before,.smart-mode-indicator:before{will-change:opacity,transform;transform:translateZ(0);-webkit-transform:translateZ(0)}@media (max-width: 768px){#root:before,#root:after{animation-duration:40s}#root:before{background-size:400px 400px,300px 300px,200px 200px,150px 150px,50px 50px,50px 50px}}@media (prefers-reduced-motion: reduce){#root:before,#root:after{animation:none}*{will-change:auto!important}}@media (max-resolution: 1dppx){#root:before,#root:after{filter:blur(.5px)}}.app-container{transform:translateZ(0);-webkit-transform:translateZ(0)}.tags-container{-webkit-overflow-scrolling:touch;transform:translateZ(0);-webkit-transform:translateZ(0)}@supports (backdrop-filter: blur(10px)){.hero,.form-grid,.current-preset-display,.tags-filter,.preset-selection-compact,.success-message,.error-message,.smart-mode-indicator{isolation:isolate}}@supports (-webkit-backdrop-filter: blur(10px)){.page-footer{backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);transform:translateZ(0);-webkit-transform:translateZ(0)}}.page-footer{background:var(--gradient-glass);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border-top:1px solid var(--border);color:var(--text);padding:var(--spacing-2xl) 0;margin-top:4rem;position:relative;overflow:hidden}.page-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.footer-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-xl);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--spacing-xl);position:relative;z-index:1}.footer-info{display:flex;flex-direction:column;gap:var(--spacing-lg);flex:1}.footer-content p{color:var(--text-light);margin:0;font-size:var(--font-size-sm);font-weight:400;letter-spacing:-.01em}.theme-switcher{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.theme-label{color:var(--text-light);font-size:var(--font-size-sm);font-weight:500;letter-spacing:-.01em}.theme-options{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.theme-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#fff9;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);color:var(--text-light);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all var(--transition-spring);position:relative;overflow:hidden;letter-spacing:-.01em;min-height:36px}.theme-btn:before{content:"";position:absolute;inset:0;background:var(--gradient-glass);opacity:0;transition:all var(--transition-fast);border-radius:var(--radius-lg)}.theme-btn:hover{transform:translateY(-2px) scale(1.05);background:#fffc;border-color:var(--primary-light);color:var(--text);box-shadow:var(--shadow-md)}.theme-btn:hover:before{opacity:1}.theme-btn:active{transform:translateY(-1px) scale(.95);transition:all .1s ease}.theme-btn.active{background:var(--gradient-primary);border-color:var(--primary);color:#fff;font-weight:600;box-shadow:var(--shadow-md),var(--shadow-inset)}.theme-btn.active:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-lg),var(--shadow-inset)}.theme-icon{font-size:var(--font-size-base);line-height:1}.theme-name{font-size:var(--font-size-xs);line-height:1}.footer-links{display:flex;gap:var(--spacing-xl)}.footer-links a{color:var(--text-light);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-spring);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);position:relative;overflow:hidden;letter-spacing:-.01em}.footer-links a:before{content:"";position:absolute;inset:0;background:var(--gradient-glass);opacity:0;transition:all var(--transition-fast);border-radius:var(--radius-md)}.footer-links a:hover{color:var(--primary);transform:translateY(-2px) scale(1.05)}.footer-links a:hover:before{opacity:1}@media (max-width: 768px){.footer-content{flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-xl);padding:0 var(--spacing-lg)}.footer-info{align-items:center;text-align:center;width:100%}.theme-switcher{justify-content:center;width:100%}.theme-options{justify-content:center}.footer-links{justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap;width:100%}.footer-links a{padding:var(--spacing-md) var(--spacing-lg);min-height:44px;display:flex;align-items:center}}@media (max-width: 480px){.theme-options{gap:.25rem}.theme-btn{padding:.375rem .625rem;min-height:32px}.theme-name{display:none}.theme-icon{font-size:var(--font-size-lg)}}@media (hover: none) and (pointer: coarse){.theme-btn,.footer-links a{padding:var(--spacing-md) var(--spacing-lg);min-height:44px;display:flex;align-items:center}.theme-btn:active,.footer-links a:active{transform:scale(.95);transition:all .1s ease}}