body{font-family:Poppins,sans-serif;background:var(--bg-primary);color:var(--text-primary);transition:all .4s cubic-bezier(.4,0,.2,1);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(255,215,0,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,165,0,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,215,0,.05) 0%,transparent 50%);pointer-events:none;z-index:-1}:root{--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 28px;--bg-primary: linear-gradient(135deg, #0A0A0F 0%, #1A1A2E 50%, #16213E 100%);--bg-primary-solid: #0A0A0F;--bg-secondary: rgba(26, 26, 46, .95);--bg-tertiary: rgba(44, 45, 70, .8);--bg-glass: rgba(255, 255, 255, .05);--bg-glass-hover: rgba(255, 255, 255, .1);--text-primary: #FFFFFF;--text-secondary: #E0E6ED;--text-tertiary: #B8BCC8;--text-muted: #8A8F9A;--accent-main: #FFD700;--accent-light: #FFF4A3;--accent-gold: #F4D03F;--accent-gradient: linear-gradient(135deg, #FFD700 0%, #FFA500 50%, #FF8C00 100%);--accent-glow: 0 0 20px rgba(255, 215, 0, .3);--border-color: rgba(255, 255, 255, .1);--border-accent: rgba(255, 215, 0, .3);--shadow-color: rgba(0, 0, 0, .5);--shadow-hover-color: rgba(0, 0, 0, .7);--shadow-premium: 0 8px 32px rgba(0, 0, 0, .3);--shadow-glow: 0 0 30px rgba(255, 215, 0, .2);--error-color: #FF6B6B;--success-color: #4ECDC4;--warning-color: #FFE66D;--accent-main-rgb: 255, 215, 0;--accent-gold-rgb: 244, 208, 63;--bg-secondary-rgb: 26, 26, 46;--bg-tertiary-rgb: 44, 45, 70;--error-color-rgb: 255, 107, 107;--accent-light-rgb: 255, 244, 163;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-gold: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);--gradient-dark: linear-gradient(135deg, #2c3e50 0%, #34495e 100%)}body:not(.light-mode) .result-card{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}body:not(.light-mode) .result-card .result-title{color:#fff!important}body:not(.light-mode) .result-card .card-content{color:var(--text-secondary)!important}body.light-mode{--bg-primary: #F7F7F7;--bg-secondary: #FFFFFF;--bg-tertiary: #F0F2F5;--text-primary: #18181B;--text-secondary: #3F3F46;--text-tertiary: #52525B;--accent-main: #0F4C81;--accent-light: #3F76B1;--accent-gold: #B59F3B;--border-color: #E4E4E7;--shadow-color: rgba(0, 0, 0, .04);--shadow-hover-color: rgba(0, 0, 0, .08);--error-color: #DC2626;--success-color: #16A34A;--accent-main-rgb: 15, 76, 129;--bg-secondary-rgb: 255, 255, 255;--bg-tertiary-rgb: 240, 242, 245;--error-color-rgb: 220, 38, 38;--accent-light-rgb: 63, 118, 177}body.light-mode #generator-page .lg\\:col-span-4,body.light-mode #generator-page .lg\\:col-span-6{background-color:var(--bg-secondary)!important}body.light-mode header{background-color:var(--bg-secondary)!important;border-bottom:1px solid var(--border-color)!important}body.light-mode .nav-link{color:var(--text-secondary)!important}body.light-mode .form-group label{color:var(--text-tertiary)!important;font-weight:500}#app-title{font-family:Cinzel,serif;background:linear-gradient(145deg,#ffdf70,#c9a440);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 8px rgba(0,0,0,.3)}body.light-mode #app-title{background:linear-gradient(145deg,#0ea5a8,#0b8082);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-main)!important;box-shadow:0 0 0 3px rgba(var(--accent-main-rgb),.2)}.btn-primary{padding:.875rem 1.5rem;position:relative;overflow:hidden;font-weight:600;color:#000;text-transform:capitalize;letter-spacing:.025em;font-size:.95rem;background:var(--accent-gradient);border:1px solid var(--border-accent);border-radius:var(--radius-md);box-shadow:var(--shadow-premium),var(--accent-glow);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-primary: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 .6s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-premium),var(--shadow-glow),0 12px 40px rgba(var(--accent-main-rgb),.4);border-color:var(--accent-light)}.btn-primary:active{transform:translateY(-1px) scale(.98)}.btn-primary:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:none;border-color:var(--border-color)}.empty-state{animation:fadeInUp .6s ease-out}.empty-state-icon svg{transition:transform .3s ease}.empty-state:hover .empty-state-icon svg{transform:scale(1.05)}.history-empty-state{animation:fadeInUp .6s ease-out}.history-empty-state .empty-state-icon svg{transition:transform .3s ease}.history-empty-state:hover .empty-state-icon svg{transform:scale(1.05)}.btn-loading{position:relative;pointer-events:none}.btn-loading .btn-text{opacity:0}.btn-loading .btn-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#d1d5db;margin-bottom:.25rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.btn{position:relative;overflow:hidden;transform:translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease;z-index:1}.btn:hover:before{left:100%}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 25px #00000026}.btn:active{transform:translateY(0);transition:transform .1s ease}.icon-btn{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.icon-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff1a;border-radius:50%;transform:translate(-50%,-50%);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:0}.icon-btn:hover:after{width:40px;height:40px}.icon-btn:hover{transform:scale(1.1)}.icon-btn:active{transform:scale(.95);transition:transform .1s ease}.result-card,.persona-card,.history-item{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.result-card:hover,.persona-card:hover,.history-item:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.nav-link{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:var(--primary-color);transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(-50%)}input:not([type=file]):not([type=checkbox]):not([type=radio]),textarea,select{transition:all .3s cubic-bezier(.4,0,.2,1)}input:focus:not([type=file]):not([type=checkbox]):not([type=radio]),textarea:focus,select:focus{transform:scale(1.02)}.toggle-switch{transition:all .3s cubic-bezier(.4,0,.2,1)}.toggle-switch:hover{transform:scale(1.05)}.modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-content{transition:all .3s cubic-bezier(.4,0,.2,1)}.dropdown-item{transition:all .2s cubic-bezier(.4,0,.2,1)}.dropdown-item:hover{transform:translate(4px);background:#3b82f61a}.progress-bar{position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.notification{animation:slideInRight .4s cubic-bezier(.4,0,.2,1)}.notification.removing{animation:slideOutRight .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.smooth-scroll{scroll-behavior:smooth}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.loading{position:relative;pointer-events:none}.loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000001a;border-radius:inherit;z-index:10}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.bounce{animation:bounce .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bounce{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97)}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.btn-spinner{display:none}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.btn-primary .spinner{border:2px solid rgba(0,0,0,.3);border-top:2px solid #000}body.light-mode .btn-secondary .spinner,body.light-mode .btn-outline .spinner{border:2px solid rgba(0,0,0,.3);border-top:2px solid var(--text-primary)}.copy-success{background-color:#10b981!important;transform:scale(1.05);transition:all .3s ease;box-shadow:0 0 20px #10b98166}@keyframes copy-highlight{0%{background-color:transparent}50%{background-color:#10b98133}to{background-color:transparent}}.copy-highlight{animation:copy-highlight .6s ease-in-out}.copy-btn:hover,.prompt-copy-btn:hover,.export-btn:hover{transform:translateY(-1px);transition:all .2s ease}.skeleton-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1rem;animation:skeleton-pulse 1.5s ease-in-out infinite alternate}.skeleton-line{height:1rem;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--border-color) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:4px;margin-bottom:.75rem;animation:skeleton-shimmer 2s infinite}.skeleton-line.title{height:1.5rem;width:60%;margin-bottom:1rem}.skeleton-line.short{width:80%}.skeleton-line.medium{width:90%}.skeleton-line.long{width:95%}@keyframes skeleton-pulse{0%{opacity:1}to{opacity:.7}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.result-card{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.progress-bar{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--bg-secondary);z-index:9999;overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent-gradient);width:0%;transition:width .3s ease;position:relative}.progress-bar-fill:after{content:"";position:absolute;top:0;right:0;width:100px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progress-shimmer 2s infinite}@keyframes progress-shimmer{0%{transform:translate(-100px)}to{transform:translate(100px)}}.notification{position:fixed;top:20px;right:20px;min-width:300px;max-width:500px;padding:16px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;z-index:10000;transform:translate(100%);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px;line-height:1.4}.notification.show{transform:translate(0);opacity:1}.notification-success{background:#10b98126;border-color:#10b9814d;color:#10b981}.notification-error{background:#ef444426;border-color:#ef44444d;color:#ef4444}.notification-warning{background:#f59e0b26;border-color:#f59e0b4d;color:#f59e0b}.notification-default{background:#3b82f626;border-color:#3b82f64d;color:#3b82f6}.notification-icon{display:flex;align-items:center;justify-content:center}.notification-message{font-weight:500}.notification-close{background:none;border:none;color:currentColor;opacity:.7;cursor:pointer;padding:4px;border-radius:4px;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center}.notification-close:hover{opacity:1;background:#ffffff1a}.notification:nth-child(n+2){top:calc(20px + (80px * var(--notification-index, 1)))}.light-mode .notification{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 32px #0000001a}.light-mode .notification-success{background:#10b9811a;border-color:#10b98133;color:#059669}.light-mode .notification-error{background:#ef44441a;border-color:#ef444433;color:#dc2626}.light-mode .notification-warning{background:#f59e0b1a;border-color:#f59e0b33;color:#d97706}.light-mode .notification-default{background:#3b82f61a;border-color:#3b82f633;color:#2563eb}.light-mode .notification-close:hover{background:#0000000d}.btn-secondary{padding:.875rem 1.5rem;background:var(--bg-glass);border:1px solid var(--border-color);color:var(--text-primary);transition:all .4s cubic-bezier(.4,0,.2,1);letter-spacing:.025em;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;font-weight:500}.btn-secondary:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--accent-gradient);opacity:0;transition:opacity .3s ease;z-index:-1}.btn-secondary:hover{background:var(--bg-glass-hover);border-color:var(--border-accent);transform:translateY(-2px);box-shadow:var(--shadow-premium);color:var(--text-primary)}.btn-secondary:hover:before{opacity:.1}.tooltip{position:relative;display:inline-block;cursor:help;color:var(--text-tertiary);border-bottom:1px dotted var(--text-tertiary)}.tooltip:before{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translate(-50%);padding:8px 12px;background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .3s ease;z-index:10}.tooltip:hover:before{opacity:1;visibility:visible}.container,.main-container{background:var(--bg-glass);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);box-shadow:var(--shadow-premium);padding:2rem;margin:1rem;position:relative;overflow:hidden}.container:before,.main-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--accent-gradient);opacity:.8}.form-group,.panel,.section{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:var(--shadow-premium);transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group:hover,.panel:hover,.section:hover{border-color:var(--border-accent);box-shadow:var(--shadow-premium),var(--shadow-glow);transform:translateY(-2px)}.loading-spinner{width:40px;height:40px;border:3px solid var(--bg-tertiary);border-top:3px solid var(--accent-main);border-radius:50%;animation:premium-spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite}@keyframes premium-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite alternate}@keyframes pulse-glow{0%{box-shadow:var(--shadow-premium)}to{box-shadow:var(--shadow-premium),var(--shadow-glow)}}.fade-in{animation:fade-in .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slide-in .5s cubic-bezier(.4,0,.2,1) forwards}@keyframes slide-in{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.result-card{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-premium);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.result-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:var(--accent-gradient);opacity:.6}.result-card h4.result-title{font-weight:600;color:#1e40af;margin-bottom:1.5rem;font-size:1.25rem;text-shadow:0 1px 2px rgba(0,0,0,.1);-webkit-background-clip:text;background-clip:text;line-height:1.3}body:not(.light-mode) .result-card h4.result-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3);margin-bottom:1.5rem;padding:12px 14px;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:linear-gradient(var(--bg-secondary),var(--bg-secondary)) padding-box,linear-gradient(145deg,#ffd70040,#ffd7000d) border-box}.result-card .card-content h5{font-size:1rem;font-weight:600;margin-bottom:.75rem;margin-top:1.5rem}.result-card .card-content h5:first-child{margin-top:0}.result-card .card-content>div{margin-bottom:1.5rem}.result-card .card-content>div:last-child{margin-bottom:0}.result-card .card-content,.result-card .card-content p{font-size:.875rem;line-height:1.4}.result-card .card-content h5{font-size:.9rem;font-weight:600}.result-card .ab-variants-section h5{font-size:.8rem}.result-card .ab-variants-section p{font-size:.75rem}.prompt-label,.t2i-prompt,.i2v-prompt,[data-lang-key=t2i_prompt_label],[data-lang-key=i2v_prompt_label],.prompt-t2i-display,.prompt-i2v-display,.micro-shot-template p.text-xs,.carousel-slide-template p.text-xs,.result-card .text-xs.text-gray-400,.result-card p.text-xs,.result-card span.prompt-t2i-display,.result-card span.prompt-i2v-display,.result-card .text-xs.text-gray-400 strong,.result-card .text-xs.text-gray-400 span{font-size:.8rem!important}.ab-variants-section .variant-item,.ab-variants-section .variant-text,.variant-item p,.variant-item span:not(.bg-green-600):not(.bg-blue-600):not(.bg-gray-600){font-size:.85rem!important}.result-card h3,.result-card .ide-visual,.result-card .visual-idea,.result-card>p:first-of-type{font-size:.9rem!important;line-height:1.4}.text-yellow-400,.variant-item .text-yellow-400,span.text-yellow-400,.result-card .text-yellow-400{font-size:.75rem!important;font-weight:500}.ab-variants-section h4,.variant-section h6,h4[data-lang-key=ab_variants_title],.text-blue-200.mb-2,.font-semibold.text-blue-200{font-size:.9rem!important;font-weight:600!important}.variant-item span.bg-green-600.text-white.text-xs,.variant-item span.bg-blue-600.text-white.text-xs,.variant-item span.bg-gray-600.text-white.text-xs,.variant-section span.bg-green-600.text-white.text-xs,.variant-section span.bg-blue-600.text-white.text-xs,.variant-section span.bg-gray-600.text-white.text-xs,span.bg-green-600.text-white.text-xs,span.bg-blue-600.text-white.text-xs,span.bg-gray-600.text-white.text-xs{font-size:.7rem!important;padding:3px 6px!important;font-weight:600!important}.variant-item button.use-variant-btn.text-xs,.variant-section button.use-best-btn.text-xs,button.use-variant-btn.text-xs.bg-blue-600,button.use-best-btn.text-xs.bg-green-600,button.shorten-btn.text-xs.bg-yellow-600{font-size:.7rem!important;padding:4px 8px!important;min-height:28px!important}.variant-score,.score-display,span[class*=pts]{font-size:.55rem!important;font-weight:600!important}.prompt-t2i-display,.prompt-i2v-display,.text-xs.text-gray-400,.micro-shot-template .text-xs,.carousel-slide-template .text-xs{font-size:.65rem!important}.result-card .text-yellow-400.font-medium,.ab-variants-section .text-yellow-400.font-medium{font-size:.75rem!important;font-weight:500!important}.result-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-premium),var(--shadow-glow);border-color:var(--border-accent);background:var(--bg-glass-hover)}.result-card:hover:before{opacity:1;box-shadow:var(--accent-glow)}.modal-overlay{transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009}.modal-content{transition:all .4s cubic-bezier(.4,0,.2,1);background:var(--bg-glass);border:1px solid var(--border-color);box-shadow:var(--shadow-premium),var(--shadow-glow);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.modal-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--accent-gradient);opacity:.8}.nav-link{color:var(--text-secondary);font-weight:500;padding:.5rem .75rem;border-radius:.5rem;transition:color .3s ease,background-color .3s ease,border-bottom .3s ease}.nav-link.active{color:var(--accent-main);font-weight:600;background-color:transparent;border-bottom:2px solid var(--accent-main);border-radius:0;padding-bottom:calc(.5rem - 2px)}.nav-link:hover{color:var(--text-primary);background-color:rgba(var(--bg-tertiary-rgb),.5)}.editable-input,input,textarea,select{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.875rem 1rem;color:var(--text-primary);width:100%;font-size:.9rem;font-weight:400;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 3px #0000001a}.editable-input:focus,input:focus,textarea:focus,select:focus{background:var(--bg-glass-hover);border-color:var(--border-accent);box-shadow:var(--accent-glow),inset 0 1px 3px #0000001a;transform:translateY(-1px)}.editable-input::placeholder,input::placeholder,textarea::placeholder{color:var(--text-muted);font-weight:300}.swiper-slide{height:auto;background-color:var(--bg-tertiary)!important;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.swiper-pagination-bullet-active{background-color:var(--accent-gold)!important}.swiper-button-prev,.swiper-button-next{color:var(--accent-light)!important;filter:drop-shadow(0 0 4px rgba(var(--accent-gold-rgb),.5))}.swiper-button-prev:after,.swiper-button-next:after{font-size:2rem!important}header{background:var(--bg-glass);border-bottom:1px solid var(--border-accent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-premium);position:sticky;top:0;z-index:100}header:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--accent-gradient);opacity:.7}header h1{color:var(--text-primary);background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}header .text-yellow-400{color:var(--accent-gold);filter:drop-shadow(var(--accent-glow))}#login-overlay .bg-gray-800{background-color:var(--bg-secondary);border-color:var(--border-color)}#login-overlay .text-yellow-400{color:var(--accent-gold)}#login-overlay h3{color:var(--text-primary)}#login-overlay p{color:var(--text-secondary)}#login-overlay input{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}#initial-state{color:var(--text-secondary)}#initial-state h3{color:var(--text-primary)}#initial-state .text-6xl{color:var(--accent-gold)}#notification{background-color:var(--accent-main)}#notification.error{background-color:var(--error-color)}#notification.success{background-color:var(--success-color)}#settings-page .bg-gray-900\/50{background-color:var(--bg-secondary);border-color:var(--border-color)}#settings-page h3,#settings-page h4{color:var(--text-primary)}#settings-page label{color:var(--text-tertiary)}#settings-page input,#settings-page textarea{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}#settings-page .text-blue-400{color:var(--accent-light)}#settings-page .text-green-400{color:var(--success-color)}#settings-page .text-yellow-400{color:var(--accent-gold)}#persona-list-container p{color:var(--text-secondary)}#persona-list-container .bg-gray-800\/70{background-color:var(--bg-tertiary)}#persona-list-container .text-gray-400{color:var(--text-secondary)}#persona-list-container .hover\:text-blue-400:hover{color:var(--accent-light)}#persona-list-container .hover\:text-red-400:hover{color:var(--error-color)}#default-persona-container .bg-gray-800\/70{background-color:var(--bg-tertiary)}#default-persona-container .text-gray-400{color:var(--text-secondary)}#default-persona-container .bg-sky-600\/50{background-color:rgba(var(--accent-main-rgb),.2)}#default-persona-container .hover\:bg-sky-600\/80:hover{background-color:rgba(var(--accent-main-rgb),.4)}#edit-modal .bg-gray-800{background-color:var(--bg-secondary);border-color:var(--border-color)}#edit-modal h3{color:var(--text-primary)}#edit-modal label{color:var(--text-secondary)}#edit-modal #original-script-display-stage1{background-color:var(--bg-primary);border-color:var(--bg-tertiary);color:var(--text-secondary)}#edit-modal input{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}#edit-modal .bg-gray-800\/50{background-color:rgba(var(--bg-secondary-rgb),.5)}#persona-modal .bg-gray-800{background-color:var(--bg-secondary);border-color:var(--border-color)}#persona-modal h3{color:var(--text-primary)}#persona-modal label{color:var(--text-secondary)}#persona-modal input,#persona-modal textarea{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}#persona-modal .bg-gray-800\/50{background-color:rgba(var(--bg-secondary-rgb),.5)}#api-key-modal .bg-gray-800{background-color:var(--bg-secondary);border-color:var(--border-color)}#api-key-modal .text-yellow-400{color:var(--accent-gold)}#api-key-modal h3{color:var(--text-primary)}#api-key-modal p{color:var(--text-secondary)}#api-key-modal .bg-gray-900\/70{background-color:var(--bg-primary);border-color:var(--bg-tertiary)}#api-key-modal h4{color:var(--text-primary)}#api-key-modal ol li{color:var(--text-secondary)}#api-key-modal .text-blue-400{color:var(--accent-light)}#api-key-modal input{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}#api-key-modal .bg-gray-800\/50{background-color:rgba(var(--bg-secondary-rgb),.5)}#confirm-modal .bg-gray-800{background-color:var(--bg-secondary);border-color:var(--border-color)}#confirm-modal .bg-red-900\/50{background-color:rgba(var(--error-color-rgb),.5)}#confirm-modal .text-red-500{color:var(--error-color)}#confirm-modal h3{color:var(--text-primary)}#confirm-modal p{color:var(--text-secondary)}#confirm-modal .bg-gray-800\/50{background-color:rgba(var(--bg-secondary-rgb),.5)}#confirm-modal .bg-red-600{background-color:var(--error-color)}#manage-presets-modal .bg-gray-800{background-color:var(--bg-secondary);border-color:var(--border-color)}#manage-presets-modal h3{color:var(--text-primary)}#manage-presets-modal .bg-gray-800\/50{background-color:rgba(var(--bg-secondary-rgb),.5)}#manage-presets-modal .text-gray-300{color:var(--text-secondary)}#manage-presets-modal .bg-gray-700{background-color:var(--bg-tertiary)}#manage-presets-modal .bg-gray-700:hover{background-color:var(--border-color)}#manage-character-presets-modal .bg-gray-800{background-color:var(--bg-secondary);border-color:var(--border-color)}#manage-character-presets-modal h3{color:var(--text-primary)}#manage-character-presets-modal .bg-gray-800\/50{background-color:rgba(var(--bg-secondary-rgb),.5)}#manage-character-presets-modal .text-gray-300{color:var(--text-secondary)}#manage-character-presets-modal .bg-gray-700{background-color:var(--bg-tertiary)}#manage-character-presets-modal .bg-gray-700:hover{background-color:var(--border-color)}#about-modal .bg-gray-800{background-color:var(--bg-secondary);border-color:var(--border-color)}#about-modal h3,#about-modal .text-\[\#eee\]{color:var(--text-primary)}#about-modal .text-gray-300{color:var(--text-secondary)}#about-modal .bg-gray-900\/60{background-color:rgba(var(--bg-secondary-rgb),.6)}#about-modal .bg-gray-700{background-color:var(--bg-tertiary)}#about-modal .border-gray-700{border-color:var(--border-color)}#about-modal .about-close{background-color:var(--bg-tertiary);color:var(--text-secondary)}#about-modal .about-close:hover{background-color:var(--bg-quaternary)}#confirm-modal .hover\:bg-red-700:hover{filter:brightness(.9)}.result-card .text-blue-400{color:var(--accent-light)}.result-card .bg-sky-900\/40{background-color:rgba(var(--accent-main-rgb),.1);border-color:rgba(var(--accent-main-rgb),.3)}.result-card .text-blue-300{color:var(--accent-light)}.result-card .bg-yellow-900\/40{background-color:rgba(var(--accent-gold-rgb),.1);border-color:rgba(var(--accent-gold-rgb),.3)}.result-card .text-yellow-300{color:var(--accent-gold)}.result-card .bg-yellow-600\/50{background-color:rgba(var(--accent-gold-rgb),.2)}.result-card .hover\:bg-yellow-600\/80:hover{background-color:rgba(var(--accent-gold-rgb),.4)}.result-card .bg-sky-900\/50,.result-card .bg-indigo-900\/50,.result-card .bg-purple-900\/50{background-color:var(--bg-tertiary);border-color:var(--border-color)}.result-card .text-sky-300,.result-card .text-indigo-300,.result-card .text-purple-300{color:var(--accent-light)}.result-card .text-sky-100,.result-card .text-indigo-100,.result-card .text-purple-100{color:var(--text-primary)}.result-card .bg-gray-900\/50{background-color:var(--bg-primary);border-color:var(--bg-tertiary)}.result-card .text-gray-400{color:var(--text-secondary)}.result-card .text-gray-300{color:var(--text-primary)}.result-card .text-green-400{color:var(--success-color)}.result-card .text-sky-300\/80{color:var(--accent-light)}.result-card .text-teal-300\/80{color:var(--success-color)}.result-card .prompt-copy-btn svg{color:var(--text-secondary)}.result-card .prompt-copy-btn svg:hover{color:var(--text-primary)}.result-card .export-btn,.result-card .edit-btn,.result-card .copy-btn{color:var(--text-secondary);border:1px solid var(--border-color);background-color:rgba(var(--text-secondary),.05);transition:all .3s cubic-bezier(.4,0,.2,1)}.result-card .export-btn:hover,.result-card .edit-btn:hover,.result-card .copy-btn:hover{color:var(--accent-light);background-color:rgba(var(--accent-light-rgb),.1);border-color:rgba(var(--accent-light-rgb),.3);transform:scale(1.1)}body:not(.light-mode) .result-card .export-btn,body:not(.light-mode) .result-card .edit-btn,body:not(.light-mode) .result-card .copy-btn{color:var(--accent-light);text-shadow:0 0 8px rgba(var(--accent-light-rgb),.3);border:1px solid rgba(var(--accent-light-rgb),.2);background-color:rgba(var(--accent-light-rgb),.05)}body:not(.light-mode) .result-card .export-btn:hover,body:not(.light-mode) .result-card .edit-btn:hover,body:not(.light-mode) .result-card .copy-btn:hover{color:var(--text-primary);background-color:rgba(var(--accent-light-rgb),.2);border-color:rgba(var(--accent-light-rgb),.4);box-shadow:0 0 12px rgba(var(--accent-light-rgb),.4);text-shadow:0 0 12px rgba(var(--accent-light-rgb),.5)}.result-card .additional-assets-container{background-color:var(--bg-secondary);border-color:var(--border-color)}.result-card .asset-loader svg{color:var(--accent-light)}.result-card .asset-content h5{color:var(--text-primary)}.result-card .asset-content ul li,.result-card .asset-content p{color:var(--text-secondary)}.result-card .asset-content .bg-gray-800{background-color:var(--bg-tertiary)}.result-card .asset-content .text-red-400{color:var(--error-color)}#history-page h2{color:var(--text-primary)}#history-page .text-blue-400{color:var(--accent-light)}#history-page .text-gray-500{color:var(--text-secondary)}#history-search:focus{outline:none;border-color:var(--accent-light);box-shadow:0 0 0 3px #3b82f61a}#history-sort:focus{outline:none;border-color:var(--accent-light)}#history-pagination button:disabled{opacity:.5;cursor:not-allowed}#history-pagination button:not(:disabled):hover{background-color:var(--bg-secondary);border-color:var(--accent-light)}#back-to-top{transition:all .3s cubic-bezier(.4,0,.2,1)}#back-to-top:hover{transform:translateY(-2px);box-shadow:0 10px 25px #3b82f64d}.history-entry{transition:all .3s ease}.history-entry:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.no-results{color:var(--text-secondary)}.no-results h3{color:var(--text-primary)}@media (max-width: 768px){#history-pagination{flex-direction:column;gap:1rem}#history-pagination button{width:100%}#back-to-top{bottom:1rem;right:1rem}}.form-group label{color:var(--text-tertiary);font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:.75rem;border-radius:var(--radius-md);transition:all .2s ease-in-out}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary);opacity:.7}.form-group select option{background-color:var(--bg-secondary);color:var(--text-primary)}.form-group .flex.bg-gray-800{background-color:var(--bg-tertiary);border-color:var(--border-color);border-radius:.5rem;padding:.25rem}.form-group .text-gray-400{color:var(--text-secondary)}.form-group .hover\:bg-gray-700:hover{background-color:var(--border-color)}.form-group .bg-blue-600{background-color:var(--accent-main)}body.light-mode .carousel-swiper-container{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:var(--radius-lg);box-shadow:0 1px 2px #1018280f,0 4px 12px #1018280f}body.light-mode .result-card .result-title{color:#0f172a!important}body.light-mode .result-card .card-content{color:#374151!important}body.light-mode .character-sheet-instance{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:var(--radius-xl);padding:16px;box-shadow:0 1px 2px #1018280f,0 4px 12px #1018280f}body.light-mode .character-sheet-instance .character-title{color:#0f172a!important;font-weight:600;letter-spacing:-.01em}body.light-mode .character-sheet-instance .remove-character-btn{color:#94a3b8}body.light-mode .character-sheet-instance .remove-character-btn:hover{color:#ef4444}body.light-mode .character-sheet-instance .border-t{border-color:#e5e7eb!important}body.light-mode .character-sheet-instance h5{color:#0c4a6e!important;font-weight:600}body.light-mode .character-sheet-instance h5>div{border-top-color:#e5e7eb!important;color:#0c4a6e!important}body.light-mode .character-sheet-instance .form-group label,body.light-mode .character-sheet-instance label{color:#334155!important;font-weight:500}body.light-mode .character-sheet-instance .editable-input,body.light-mode .character-sheet-instance input,body.light-mode .character-sheet-instance select,body.light-mode .character-sheet-instance textarea{background:#fff!important;color:#111827!important;border:1px solid #d1d5db!important;border-radius:12px;padding:8px 12px}body.light-mode .character-sheet-instance .editable-input::placeholder,body.light-mode .character-sheet-instance input::placeholder,body.light-mode .character-sheet-instance textarea::placeholder{color:#9ca3af!important}body.light-mode .character-sheet-instance .editable-input:focus,body.light-mode .character-sheet-instance input:focus,body.light-mode .character-sheet-instance select:focus,body.light-mode .character-sheet-instance textarea:focus{outline:0;box-shadow:0 0 0 2px #0284c740;border-color:#0284c7!important}body.light-mode .character-sheet-instance .grid{grid-template-columns:1fr 2fr!important}body.light-mode .form-group{background:#fff!important;border:1px solid #e5e7eb!important}body.light-mode .form-group label{color:#334155!important}body:not(.light-mode) .character-sheet-instance{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-xl);padding:16px;box-shadow:0 6px 24px #0000003d}body:not(.light-mode) .character-sheet-instance .character-title{color:var(--accent-gold)!important;font-weight:700;letter-spacing:-.01em}body:not(.light-mode) .character-sheet-instance .remove-character-btn{color:#94a3b8}body:not(.light-mode) .character-sheet-instance .remove-character-btn:hover{color:#ef4444}body:not(.light-mode) .character-sheet-instance .border-t{border-color:var(--border-color)!important}body:not(.light-mode) .character-sheet-instance h5{color:var(--accent-gold)!important;font-weight:600}body:not(.light-mode) .character-sheet-instance h5>div{border-top-color:var(--border-color)!important;color:var(--accent-gold)!important}body:not(.light-mode) .character-sheet-instance label{color:var(--text-secondary)!important;font-weight:500}body:not(.light-mode) .character-sheet-instance .editable-input,body:not(.light-mode) .character-sheet-instance input,body:not(.light-mode) .character-sheet-instance select,body:not(.light-mode) .character-sheet-instance textarea{background:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;border-radius:12px;padding:8px 12px}body:not(.light-mode) .character-sheet-instance .editable-input::placeholder,body:not(.light-mode) .character-sheet-instance input::placeholder,body:not(.light-mode) .character-sheet-instance textarea::placeholder{color:#9ca3af!important}body:not(.light-mode) .character-sheet-instance .editable-input:focus,body:not(.light-mode) .character-sheet-instance input:focus,body:not(.light-mode) .character-sheet-instance select:focus,body:not(.light-mode) .character-sheet-instance textarea:focus{outline:0;border-color:var(--accent-gold)!important;box-shadow:0 0 0 2px #d4af3740}body:not(.light-mode) .character-sheet-instance .grid{grid-template-columns:1fr 2fr!important}.form-group .flex.bg-gray-800{border-radius:var(--radius-lg)!important}body.light-mode label[for=product-image]{background-color:#f3f4f6!important;color:#374151!important;border-color:#e5e7eb!important}body.light-mode label[for=product-image]:hover{background-color:#e5e7eb!important;color:#111827!important}:root[data-theme=light]{--surface: #ffffff;--surface-2: #f7f9fc;--border: #e6e8ef;--text: #111827;--muted: #667085;--accent: #1d4ed8;--accent-600: #1e40af;--accent-rgb: 29,78,216;--radius-lg: 16px;--radius-md: 12px;--shadow-card: 0 1px 0 rgba(16,24,40,.04), 0 8px 20px rgba(16,24,40,.06)}[data-theme=light] .form-group{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-card)!important}[data-theme=light] label,[data-theme=light] .form-group .text-sm,[data-theme=light] .form-group .text-xs{color:var(--text)!important;opacity:.95}[data-theme=light] input[type=text],[data-theme=light] input[type=number],[data-theme=light] input[type=email],[data-theme=light] select,[data-theme=light] textarea{background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--text)!important;border-radius:var(--radius-md)!important;box-shadow:inset 0 1px #10182805!important}[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus{outline:none!important;border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)!important}[data-theme=light] .visual-strategy-btn{background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--text)!important;border-radius:999px!important}[data-theme=light] .visual-strategy-btn.active{background:rgba(var(--accent-rgb),.1)!important;border-color:var(--accent)!important;color:var(--accent-600)!important;box-shadow:0 1px #1018280a,0 3px 8px #1018280f!important}[data-theme=light] .aspect-ratio-btn,[data-theme=light] .mode-btn{background:var(--surface-2)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important}[data-theme=light] .aspect-ratio-btn.active,[data-theme=light] .mode-btn.active{background:rgba(var(--accent-rgb),.1)!important;border-color:var(--accent)!important;color:var(--accent-600)!important}[data-theme=light] input[type=file],[data-theme=light] .image-picker,[data-theme=light] .upload-trigger{background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--muted)!important;border-radius:var(--radius-md)!important}[data-theme=light] .character-sheet-instance{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-card)!important}[data-theme=light] .character-sheet-instance .section-title{color:var(--accent-600)!important}[data-theme=light] #generate-btn{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important;border-radius:var(--radius-lg)!important}[data-theme=light] #generate-btn:hover{filter:brightness(.95)}.mode-toggle-track,.ratio-toggle-track{display:grid;gap:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:4px;box-shadow:0 1px 2px #0000000a}.mode-toggle-track{grid-template-columns:repeat(2,minmax(0,1fr))}.ratio-toggle-track{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-toggle-track .track-btn,.ratio-toggle-track .track-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--radius-md);padding:8px 12px;font-weight:600;color:var(--muted);line-height:1;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .1s ease}.mode-toggle-track .track-btn:hover,.ratio-toggle-track .track-btn:hover{background:var(--surface);color:var(--text)}.mode-toggle-track .track-btn:focus-visible,.ratio-toggle-track .track-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-soft)}.mode-toggle-track .track-btn.is-active,.mode-toggle-track .track-btn.active,.ratio-toggle-track .track-btn.is-active,.ratio-toggle-track .track-btn.active{background:var(--accent);color:var(--accent-contrast);box-shadow:0 6px 14px #00000014,0 2px 6px #0000000f}.mode-toggle-track .track-btn:active,.ratio-toggle-track .track-btn:active{transform:translateY(1px)}header.sticky{position:sticky;top:0;z-index:50;transition:background-color .25s ease,box-shadow .25s ease,backdrop-filter .25s ease}header.sticky.is-scrolled{-webkit-backdrop-filter:blur(8px) saturate(140%);backdrop-filter:blur(8px) saturate(140%);box-shadow:0 4px 16px #00000014}body.light-mode header.sticky.is-scrolled{background-color:#ffffffa6!important;border-bottom:1px solid var(--border-color)!important}body:not(.light-mode) header.sticky.is-scrolled{background-color:#0e12188c!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.brand-credit{font-size:14px!important;line-height:1;color:#9aa3ad;font-weight:400;margin-top:-28px}.brand-credit .dims{font-size:14px!important;color:#e5e7eb;text-decoration:none;border-bottom:1px dashed rgba(229,231,235,.55);font-weight:400}.brand-credit .dims:hover{color:#fff;border-bottom-color:#fff}body.light-mode .brand-credit{color:#6b7280}body.light-mode .brand-credit .dims{color:#334155;border-bottom-color:#33415559}.range-slider{--slider-bg: var(--bg-tertiary);--track-bg: var(--accent-main);--thumb-bg: white;--thumb-border: var(--accent-main)}.range-slider::-webkit-slider-runnable-track{background:var(--slider-bg);border-radius:99px;height:8px}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-6px;height:20px;width:20px;background:var(--thumb-bg);border:3px solid var(--thumb-border);border-radius:50%}body.light-mode .range-slider{--slider-bg: #F0F2F5;--thumb-border: #0F4C81}body.light-mode .ab-variants-section{background:linear-gradient(to right,#3b82f60d,#6366f10d)!important;border:1px solid rgba(59,130,246,.2)!important}body.light-mode .ab-variants-section h5{color:#1d4ed8!important}body.light-mode .ab-variants-section h6{color:#2563eb!important}body.light-mode .variant-item{background:#f8fafccc!important;border:1px solid rgba(226,232,240,.6)!important}body.light-mode .variant-item.bg-green-900\/20{background:#22c55e1a!important;border:1px solid rgba(34,197,94,.3)!important}body.light-mode .variant-item p{color:#374151!important}.post-type-tab{background:transparent;color:#9ca3af;border:none;cursor:pointer;transition:all .2s ease}.post-type-tab:hover{background:#37415180;color:#d1d5db}.post-type-tab.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 2px 8px #3b82f64d}.post-type-tab.active span span:last-child{background:#fff3!important}.post-type-tab:not(.active) span span:last-child{background:#4b5563}.post-type-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;margin-left:.5rem}.post-type-badge.single{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.post-type-badge.carousel{background:#a855f733;color:#a855f7;border:1px solid rgba(168,85,247,.3)}.group-by-product-container{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;background-color:#1f29374d;border:1px solid rgba(75,85,99,.5);border-radius:.5rem;transition:all .2s ease}.group-by-product-container:hover{background-color:#1f293780;border-color:#60a5fa80}.history-group{transition:all .3s ease}.history-group:hover{border-color:#60a5fa80!important;box-shadow:0 4px 12px #00000026}.group-content{transition:all .3s cubic-bezier(.4,0,.2,1)}.group-content.expanded{max-height:none!important;opacity:1!important}.group-content.collapsed{max-height:0!important;opacity:0!important}.select-group-btn{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;transition:all .2s ease}.select-group-btn:hover{background-color:#60a5fa1a}.history-group .history-entry{transform:scale(.98);margin-bottom:.75rem}.history-group .history-entry:last-child{margin-bottom:0}.expand-arrow{transition:transform .2s ease}.expand-arrow.expanded{transform:rotate(90deg)}.group-counter{background:linear-gradient(135deg,#60a5fa33,#3b82f64d);border:1px solid rgba(96,165,250,.4);box-shadow:0 2px 4px #0000001a}.dark-mode .track-btn{background:transparent;color:var(--muted)}.dark-mode .track-btn.is-active,.dark-mode .track-btn.active{background:var(--accent);color:var(--accent-contrast)}@media (max-width: 768px){.generate-container-sticky{position:sticky!important;bottom:0!important;background:var(--bg-primary-solid)!important;border-top:1px solid var(--border-color)!important;z-index:20!important;padding:1rem!important;margin:0 -1.5rem!important;box-shadow:0 -4px 12px #00000026!important}body.light-mode .generate-container-sticky{background:var(--bg-secondary)!important;border-top-color:var(--border-color)!important}}.field-focused{transform:translateY(-2px);transition:transform .2s ease}.field-focused input,.field-focused textarea,.field-focused select{border-color:var(--accent-main)!important;box-shadow:0 0 0 3px rgba(var(--accent-main-rgb),.15)!important}.skip-link{position:absolute;left:-9999px;z-index:999;padding:8px 16px;background:var(--accent-main);color:#000;text-decoration:none;border-radius:4px;font-weight:600}.skip-link:focus{left:6px;top:6px}.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}.focus\\:not-sr-only:focus{position:static;width:auto;height:auto;padding:.5rem 1rem;margin:0;overflow:visible;clip:auto;white-space:normal}.dark-mode header{background:#11182799;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-color:#4b556373}.brand-credit{font-size:12px;line-height:1;color:var(--muted, #9aa3ad);margin-top:2px!important}:root{--header-h: 56px}@media (min-width: 768px){:root{--header-h: 64px}}.is-scrolled{--header-h: 52px}.light-mode header{background:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--stroke, rgba(0,0,0,.08))}.dark-mode header{background:#0a101980;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px #ffffff0f}.header-brand{display:flex;align-items:center;gap:.5rem}.header-brand .credit{font-size:12px;letter-spacing:.02em;opacity:.8}@media (max-width: 767px){.header-brand .credit{display:none}}.header-controls .pill{padding:6px 10px;border-radius:999px}.header-controls .pill .label{display:none}@media (min-width:768px){.header-controls .pill .label{display:inline}}.header-controls{gap:.5rem}.nav-link{position:relative}.nav-link.is-active:after{content:"";position:absolute;left:0;right:0;margin:auto;height:2px;width:calc(100% - 8px);bottom:-10px;background:linear-gradient(90deg,#f6d365,#fda085);border-radius:2px}header{background:transparent!important;box-shadow:none!important}.light-mode header,.dark-mode header{background:transparent!important}header{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.header-card:before{content:none!important}.light-mode{--bg: #f7faf9;--surface: #ffffff;--surface-2: #edf4f3;--text: #0e1b1c;--text-secondary: #506063;--muted: #6b7a7d;--border: #e1ecea;--stroke: var(--border);--stroke-strong: #d7e6e4;--accent: #0ea5a8;--accent-600: #0b8082;--accent-700: #096a6c;--accent-contrast: #ffffff;--accent-soft: #e6fbfb;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 1px 2px rgba(16,24,40,.06);--shadow-md: 0 6px 18px rgba(16,24,40,.1);--shadow-lg: 0 12px 28px rgba(16,24,40,.12)}.light-mode body,.light-mode .app-shell{background:var(--bg);color:var(--text)}.light-mode .form-group,.light-mode .section-box,.light-mode .panel,.light-mode .box,.light-mode .card,.light-mode .result-card,.light-mode .history-entry,.light-mode .swiper.carousel-swiper-container,.light-mode .additional-assets-container,.light-mode .modal .modal-content{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.light-mode .result-card{border-color:var(--stroke-strong);box-shadow:var(--shadow-md);border-radius:var(--radius-xl)}.light-mode .soft-block,.light-mode .bg-gray-900\/50,.light-mode .bg-gray-800\/50,.light-mode .bg-gray-700\/50{background:var(--surface-2)!important;border:1px dashed var(--stroke)!important;color:var(--text-secondary)!important;border-radius:var(--radius-lg)!important}.light-mode input[type=text],.light-mode input[type=email],.light-mode input[type=password],.light-mode input[type=number],.light-mode select,.light-mode textarea,.light-mode button{border-radius:var(--radius-md);background:#fff;color:var(--text);border:1px solid var(--stroke);box-shadow:none}.light-mode input:focus,.light-mode select:focus,.light-mode textarea:focus,.light-mode button:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.light-mode .rounded,.light-mode .rounded-md{border-radius:var(--radius-md)}.light-mode .rounded-lg{border-radius:var(--radius-lg)}.light-mode .rounded-xl{border-radius:var(--radius-xl)}.light-mode .border{border-width:1px;border-style:solid;border-color:var(--stroke)}.light-mode .border-gray-700,.light-mode .border-gray-700\/50,.light-mode .border-gray-700\/60,.light-mode .border-gray-600{border-color:var(--stroke)!important}.light-mode .text-gray-300,.light-mode .text-gray-400,.light-mode .text-gray-500{color:var(--text-secondary)!important}.light-mode .text-\[\#333\]{color:var(--text)!important}.light-mode .btn,.light-mode .btn-primary,.light-mode .btn-accent{background:var(--accent);color:var(--accent-contrast);border:1px solid var(--accent-600);border-radius:var(--radius-md);box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 20%,transparent)}.light-mode .btn:hover,.light-mode .btn-primary:hover,.light-mode .btn-accent:hover{background:var(--accent-600)}.light-mode .btn:active{background:var(--accent-700);box-shadow:none}.light-mode .btn-secondary,.light-mode .btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--stroke);border-radius:var(--radius-md)}.light-mode .btn-secondary:hover,.light-mode .btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.light-mode label[for=product-image]{background:var(--surface-2)!important;border:1px dashed var(--stroke)!important;color:var(--text-secondary)!important;border-radius:var(--radius-lg)!important}.light-mode .result-card code,.light-mode .result-card pre,.light-mode .code-block{background:#f8fcfb;border:1px solid var(--stroke);border-radius:var(--radius-md);color:var(--text-secondary)}.light-mode .form-group{padding:16px}.light-mode .form-group>label,.light-mode .form-group>h4,.light-mode .form-group>.group-title{display:block;margin:4px 0 10px;letter-spacing:.01em;color:var(--text-secondary)}.light-mode .result-card h4.result-title{padding:12px 14px;border-radius:var(--radius-lg);margin-bottom:12px;border:1px solid var(--stroke);background:linear-gradient(#fff,#fff) padding-box,linear-gradient(145deg,#0ea5a840,#0ea5a80d) border-box;color:var(--text)!important}.light-mode header{box-shadow:0 1px 0 var(--stroke)}.light-mode .bg-blue-600{background-color:var(--accent)!important;color:var(--accent-contrast)!important}.light-mode .text-gray-400{color:var(--muted)!important}.light-mode .hover\:bg-gray-700:hover{background-color:var(--accent-soft)!important}.light-mode .toggle-group,.light-mode .segmented,.light-mode .mode-toggle,.light-mode #mode-toggle{background:var(--surface-2);border:1px solid var(--border);border-radius:14px}.light-mode #default-persona-container .bg-gray-800\/70{background:var(--surface)!important;border:1px solid var(--border);box-shadow:0 1px #020e0f0a}.light-mode #default-persona-container .text-white{color:var(--text)!important}.light-mode #default-persona-container .text-gray-400{color:var(--muted)!important}.light-mode #default-persona-container .add-default-persona-btn{background:var(--accent-soft)!important;color:var(--accent)!important;border:1px solid color-mix(in oklab,var(--accent) 30%,transparent)}.light-mode #default-persona-container .add-default-persona-btn:hover{filter:brightness(.96)}.light-mode .mode-toggle-track,.light-mode .ratio-toggle-track{background:var(--surface-2);border-color:var(--border)}.light-mode .track-btn:hover:not(.is-active){background:var(--accent-soft);color:var(--text)}.light-mode .track-btn.is-active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in oklab,var(--accent) 35%,transparent)}.dark-mode h1,.dark-mode h2,.dark-mode .section-title,.dark-mode .page-title{color:#eaf2f7;text-shadow:0 1px 0 rgba(0,0,0,.25)}.dark-mode .form-group,.dark-mode .section-box,.dark-mode .history-entry,.dark-mode .swiper.carousel-swiper-container,.dark-mode .additional-assets-container{background:#0f1324;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:16px;box-shadow:0 1px #ffffff08,0 8px 24px #00000059}.dark-mode .result-card{background:#0f1324;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);padding:16px;box-shadow:0 1px #ffffff08,0 8px 24px #00000059}.dark-mode .form-group>h4,.dark-mode .section-box>h4,.dark-mode .group-title,.dark-mode .section-header{margin:4px 0 10px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.06)}.dark-mode .form-group .flex.bg-gray-800{background:#121733;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:4px}.dark-mode .form-group .text-gray-400{color:#9aa3b2}.dark-mode .form-group .hover\:bg-gray-700:hover{background:#1a2144}.dark-mode .form-group .bg-blue-600{background:#d4af37;color:#0b0b0e}.dark-mode input[type=text],.dark-mode input[type=email],.dark-mode input[type=password],.dark-mode input[type=number],.dark-mode select,.dark-mode textarea{background:#191a23;border:1px solid #333441;color:#e0e0e0;border-radius:var(--radius-md);box-shadow:inset 0 1px #ffffff05}.dark-mode input::placeholder,.dark-mode textarea::placeholder{color:#8a8a9e}.dark-mode .result-card .card-content{background:#121733;border:1px solid rgba(255,255,255,.06)}.dark-mode .btn-primary{background:#d4af37;color:#0b0b0e}.dark-mode .btn-primary:hover{filter:brightness(1.05)}.dark-mode pre,.dark-mode .original-script-display,.dark-mode .new-script-display,.dark-mode .editable-input{background:#0c1021!important;color:#e7e9f0!important;border:1px solid #2a2e44!important;border-radius:var(--radius-md)!important;line-height:1.55}.dark-mode *::-webkit-scrollbar{height:10px;width:10px}.dark-mode *::-webkit-scrollbar-track{background:transparent}.dark-mode *::-webkit-scrollbar-thumb{background:#2a2e44;border-radius:var(--radius-md);border:2px solid transparent;background-clip:padding-box}.dark-mode *::-webkit-scrollbar-thumb:hover{background:#3a3f56}@supports (scrollbar-color: auto){.dark-mode{scrollbar-color:#2a2e44 transparent;scrollbar-width:thin}}.dark-mode .file-select-btn,.dark-mode button[id=product-image],.dark-mode #product-image+label,.dark-mode button:has(.camera-icon){background:#1a2144!important;border:1px solid rgba(255,255,255,.08)!important;color:#dfe4ee!important;border-radius:var(--radius-md)!important}.dark-mode .file-select-btn:hover,.dark-mode #product-image+label:hover{background:#222a54!important}.dark-mode .modal,.dark-mode .modal-content{background:#111528!important;border:1px solid #2a2e44!important;border-radius:16px!important}.dark-mode .modal h3,.dark-mode .modal h2{color:#eaf2f7!important}.dark-mode .modal-backdrop{background:#05080f99!important}.dark-mode .chip,.dark-mode .badge,.dark-mode .small-header,.dark-mode .content-subtitle{background:#121733!important;color:#cfd7e6!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:10px!important}.dark-mode [data-part=hook]{background:linear-gradient(0deg,#0e1731,#0e1731)!important;border:1px solid #1c2a52!important}.dark-mode [data-part=body]{background:linear-gradient(0deg,#121a38,#121a38)!important;border:1px solid #223060!important}.dark-mode [data-part=cta]{background:linear-gradient(0deg,#14183a,#14183a)!important;border:1px solid #2b2f66!important}.dark-mode [data-part] h5{color:#cfe2ff!important}.dark-mode [data-part] p{color:#e8ebf4!important}.dark-mode .history-entry h3,.dark-mode .result-card h4{color:#f0f5ff}.dark-mode .btn-secondary{background:#141a33;border:1px solid rgba(255,255,255,.1);color:#dfe4ee}.dark-mode .btn-secondary:hover{background:#1b2346}.dark-mode .helper,.dark-mode .form-hint{color:#b8c2d6}.dark-mode .segment-track,.dark-mode .mode-toggle-track,.dark-mode .ratio-toggle-track{background:#0f1426;border:1px solid #222a41;padding:4px;border-radius:var(--radius-lg)}.dark-mode .mode-toggle-track .track-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:#d9e3f7;border:0;border-radius:var(--radius-md);padding:8px 12px;line-height:1;font-weight:600;transition:background .15s ease,color .15s ease,transform .12s ease}.dark-mode .mode-toggle-track .track-btn.is-active{background:#b88900;color:#10131f;box-shadow:0 2px 12px #b8890059,inset 0 -2px #0000001f;transform:translateY(-1px)}.dark-mode .mode-toggle-track .track-btn:not(.is-active):hover{background:#141b33}.dark-mode #mode-single:not(.is-active):hover,.dark-mode #mode-carousel:not(.is-active):hover{background:#141b33}.dark-mode .aspect-ratio-btn{background:transparent;color:#cdd7ef;border:0;border-radius:var(--radius-md);padding:8px 14px;transition:background .15s ease,color .15s ease,transform .12s ease}.dark-mode .aspect-ratio-btn.active{background:#b88900;color:#10131f;box-shadow:0 2px 10px #b889004d,inset 0 -2px #0000001f;transform:translateY(-1px)}.dark-mode .aspect-ratio-btn:not(.active):hover{background:#141b33}.dark-mode .ratio-toggle-track .track-btn{background:transparent;color:#cdd7ef;border:0;border-radius:var(--radius-md);padding:8px 14px;font-weight:600;transition:background .15s ease,color .15s ease,transform .12s ease}.dark-mode .ratio-toggle-track .track-btn.is-active{background:#b88900;color:#10131f;box-shadow:0 2px 10px #b889004d,inset 0 -2px #0000001f;transform:translateY(-1px)}.dark-mode .ratio-toggle-track .track-btn:not(.is-active):hover{background:#141b33}.dark-mode .btn-primary{background:#b88900;color:#10131f;border:1px solid rgba(255,255,255,.06)}.dark-mode .btn-primary:hover{background:#c79a10}.dark-mode .btn-primary:active{background:#a87e00}.light-mode header{background:#ffffffb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--stroke, rgba(0,0,0,.08))}.light-mode header:before,.light-mode header:after,.dark-mode header:before,.dark-mode header:after{content:none!important;display:none!important}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon-xs{width:12px;height:12px}.icon-sm{width:16px;height:16px}.icon-md{width:20px;height:20px}.icon-lg{width:24px;height:24px}.icon-xl{width:32px;height:32px}.icon-check{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z' clip-rule='evenodd'/%3E%3C/svg%3E")}.icon-close{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E")}.icon-error{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z' clip-rule='evenodd'/%3E%3C/svg%3E")}.icon-warning{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z' clip-rule='evenodd'/%3E%3C/svg%3E")}.icon-info{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z' clip-rule='evenodd'/%3E%3C/svg%3E")}.icon-copy{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z'/%3E%3C/svg%3E")}.icon-edit{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.536L16.732 3.732z'/%3E%3C/svg%3E")}.icon-delete{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 20 20'%3E%3Cpath fill-rule='evenodd' d='M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm4 0a1 1 0 012 0v6a1 1 0 11-2 0V8z' clip-rule='evenodd'/%3E%3C/svg%3E")}.icon-download{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z'/%3E%3C/svg%3E")}.icon-sun{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z'/%3E%3C/svg%3E")}.icon-moon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z'/%3E%3C/svg%3E")}.icon-menu{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M4 6h16M4 12h16m-7 6h7'/%3E%3C/svg%3E")}.icon-settings{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 20 20'%3E%3Cpath d='M5 4a1 1 0 00-2 0v7.268a2 2 0 000 3.464V16a1 1 0 102 0v-1.268a2 2 0 000-3.464V4zM11 4a1 1 0 10-2 0v1.268a2 2 0 000 3.464V16a1 1 0 102 0V8.732a2 2 0 000-3.464V4zM16 3a1 1 0 011 1v7.268a2 2 0 010 3.464V16a1 1 0 11-2 0v-1.268a2 2 0 010-3.464V4a1 1 0 011-1z'/%3E%3C/svg%3E")}.icon-spinner{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Ccircle class='opacity-25' cx='12' cy='12' r='10' stroke='currentColor' stroke-width='4'%3E%3C/circle%3E%3Cpath class='opacity-75' fill='currentColor' d='M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z'%3E%3C/path%3E%3C/svg%3E");animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-bg{background-repeat:no-repeat;background-position:center;background-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.emoji-icon{display:inline-flex;align-items:center;justify-content:center;font-style:normal;line-height:1}.emoji-icon.sm{font-size:14px}.emoji-icon.md{font-size:16px}.emoji-icon.lg{font-size:20px}.emoji-icon.xl{font-size:24px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:6px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.icon-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.icon-btn:active{transform:scale(.95)}.icon-btn.danger:hover{color:var(--error-color);background:#ef44441a}.icon-btn.success:hover{color:var(--success-color);background:#10b9811a}.icon-btn.primary:hover{color:var(--accent-main);background:var(--accent-soft)}.icon-text{display:inline-flex;align-items:center;gap:8px}.icon-text.reverse{flex-direction:row-reverse}@media (max-width: 768px){.icon-lg{width:20px;height:20px}.icon-xl{width:24px;height:24px}.emoji-icon.lg{font-size:18px}.emoji-icon.xl{font-size:20px}}.light-mode .icon{opacity:.8}.light-mode .icon:hover{opacity:1}.icon-loading{opacity:.5;pointer-events:none}.icon-loading.icon-spinner{opacity:1}.icon-btn:focus-visible{outline:2px solid var(--accent-main);outline-offset:2px}.icon-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.icon-badge{position:relative}.icon-badge:after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--error-color);border-radius:50%;border:2px solid var(--bg-primary)}.icon-group{display:flex;align-items:center;gap:4px}.icon-group.spaced{gap:8px}.icon-group.vertical{flex-direction:column}.icon-bounce{animation:iconBounce .6s ease-in-out}@keyframes iconBounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.icon-pulse{animation:iconPulse 2s infinite}@keyframes iconPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.icon-tooltip{position:relative}.icon-tooltip:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--bg-primary);color:var(--text-primary);padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000;margin-bottom:4px;border:1px solid var(--border-color)}.icon-tooltip:hover:before{opacity:1}.btn{position:relative;overflow:hidden;transform:translateZ(0);transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow}.btn-primary{transition:all .4s cubic-bezier(.4,0,.2,1);transform-origin:center}.btn-primary:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 8px 32px #0000004d,0 0 30px #ffd70066,0 16px 64px rgba(var(--accent-main-rgb),.3);filter:brightness(1.1)}.btn-primary:active{transform:translateY(-2px) scale(.98);transition:all .15s cubic-bezier(.4,0,.2,1)}.btn-secondary{transition:all .4s cubic-bezier(.4,0,.2,1);transform-origin:center}.btn-secondary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 40px #0003,0 0 20px #ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.btn-secondary:active{transform:translateY(-1px) scale(.98);transition:all .15s cubic-bezier(.4,0,.2,1)}.btn-primary:before,.btn-secondary:before{transition:all .6s cubic-bezier(.4,0,.2,1)}.btn-primary:hover:before{animation:shine-sweep .8s ease-out}.btn-secondary:hover:before{animation:shine-sweep-secondary .8s ease-out}@keyframes shine-sweep{0%{left:-100%;opacity:0}50%{opacity:1}to{left:100%;opacity:0}}@keyframes shine-sweep-secondary{0%{opacity:0}50%{opacity:.2}to{opacity:.1}}.result-card{animation:cardEntranceSlide .8s cubic-bezier(.4,0,.2,1);transform-origin:center bottom}.result-card:nth-child(1){animation-delay:.1s}.result-card:nth-child(2){animation-delay:.2s}.result-card:nth-child(3){animation-delay:.3s}.result-card:nth-child(4){animation-delay:.4s}@keyframes cardEntranceSlide{0%{opacity:0;transform:translateY(40px) scale(.95);filter:blur(4px)}60%{opacity:.8;transform:translateY(-5px) scale(1.02);filter:blur(0px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}.result-card{transition:all .4s cubic-bezier(.4,0,.2,1);transform-origin:center}.result-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #0003,0 0 40px #ffd7001a,inset 0 1px #ffffff1a;border-color:#ffd7004d}.form-group input,.form-group textarea,.form-group select{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a,0 0 20px #ffd70033,inset 0 1px #ffffff1a;border-color:var(--accent-main)}.form-group{animation:formGroupSlide .6s cubic-bezier(.4,0,.2,1)}.form-group:nth-child(1){animation-delay:.1s}.form-group:nth-child(2){animation-delay:.15s}.form-group:nth-child(3){animation-delay:.2s}.form-group:nth-child(4){animation-delay:.25s}.form-group:nth-child(5){animation-delay:.3s}@keyframes formGroupSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.spinner{animation:spinEnhanced 1s cubic-bezier(.4,0,.2,1) infinite}@keyframes spinEnhanced{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}.btn-loading{transform:scale(.98);transition:all .3s cubic-bezier(.4,0,.2,1)}.icon-btn{transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.icon-btn:hover{transform:scale(1.15) rotate(5deg);filter:brightness(1.2)}.icon-btn:active{transform:scale(.9) rotate(-2deg);transition:all .1s cubic-bezier(.4,0,.2,1)}.copy-success{animation:copySuccessPulse .6s cubic-bezier(.4,0,.2,1)}@keyframes copySuccessPulse{0%{transform:scale(1);box-shadow:0 0 #10b981b3}50%{transform:scale(1.1);box-shadow:0 0 0 10px #10b98100}to{transform:scale(1);box-shadow:0 0 #10b98100}}.nav-link{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.nav-link:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:var(--accent-gradient);transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(-50%)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link:hover{transform:translateY(-2px);color:var(--accent-main)}@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 (max-width: 768px){.btn:hover{transform:translateY(-2px) scale(1.01)}.result-card:hover{transform:translateY(-4px) scale(1.01)}.icon-btn:hover{transform:scale(1.1)}}.main-container{animation:pageEntrance .8s cubic-bezier(.4,0,.2,1)}@keyframes pageEntrance{0%{opacity:0;transform:translateY(20px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0px)}}.stagger-animation>*{animation:staggerReveal .6s cubic-bezier(.4,0,.2,1) both}.stagger-animation>*:nth-child(1){animation-delay:.1s}.stagger-animation>*:nth-child(2){animation-delay:.2s}.stagger-animation>*:nth-child(3){animation-delay:.3s}.stagger-animation>*:nth-child(4){animation-delay:.4s}.stagger-animation>*:nth-child(5){animation-delay:.5s}@keyframes staggerReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--spacing-luxury-xs: 8px;--spacing-luxury-sm: 16px;--spacing-luxury-md: 24px;--spacing-luxury-lg: 32px;--spacing-luxury-xl: 48px;--spacing-luxury-2xl: 64px;--spacing-luxury-3xl: 96px}.main-container{padding:var(--spacing-luxury-lg) var(--spacing-luxury-md)}@media (min-width: 768px){.main-container{padding:var(--spacing-luxury-xl) var(--spacing-luxury-lg)}}@media (min-width: 1024px){.main-container{padding:var(--spacing-luxury-2xl) var(--spacing-luxury-xl)}}.form-group{padding:var(--spacing-luxury-lg)!important;margin-bottom:var(--spacing-luxury-md)!important;border-radius:var(--radius-xl)!important}.form-group:last-child{margin-bottom:var(--spacing-luxury-xl)!important}.form-group label{margin-bottom:var(--spacing-luxury-sm)!important;padding-left:var(--spacing-luxury-xs)}.form-group input,.form-group textarea,.form-group select{padding:var(--spacing-luxury-sm) var(--spacing-luxury-md)!important;margin-bottom:var(--spacing-luxury-sm)}.btn-primary,.btn-secondary{padding:var(--spacing-luxury-sm) var(--spacing-luxury-xl)!important;margin:var(--spacing-luxury-xs) var(--spacing-luxury-xs)}.btn-group{gap:var(--spacing-luxury-md);margin:var(--spacing-luxury-lg) 0}.icon-btn{padding:var(--spacing-luxury-sm)!important;margin:var(--spacing-luxury-xs)}.result-card{padding:var(--spacing-luxury-lg)!important;margin:0!important;border-radius:var(--radius-xl)!important}.result-card .result-title{margin-bottom:var(--spacing-luxury-md)!important;padding:var(--spacing-luxury-sm) var(--spacing-luxury-md)!important;display:inline-flex;align-items:center;column-gap:8px;row-gap:4px}.result-card .card-content{padding:var(--spacing-luxury-md) 0;line-height:1.8}.result-card .card-actions{margin-top:var(--spacing-luxury-lg);padding-top:var(--spacing-luxury-md);gap:var(--spacing-luxury-sm)}header{padding:var(--spacing-luxury-md) var(--spacing-luxury-lg)!important}.nav-link{padding:var(--spacing-luxury-sm) var(--spacing-luxury-md)!important;margin:0 var(--spacing-luxury-xs)}#mobile-menu{padding:var(--spacing-luxury-md)!important}#mobile-menu .nav-link{padding:var(--spacing-luxury-md) var(--spacing-luxury-lg)!important;margin-bottom:var(--spacing-luxury-xs)}section{margin-bottom:var(--spacing-luxury-2xl);padding:var(--spacing-luxury-xl) 0}h1,h2,h3{margin-bottom:var(--spacing-luxury-lg)!important;padding-bottom:var(--spacing-luxury-sm)}h4,h5,h6{margin-bottom:var(--spacing-luxury-md)!important}p{margin-bottom:var(--spacing-luxury-md);line-height:1.7}.grid{gap:var(--spacing-luxury-lg)!important}.grid-cols-1,.grid-cols-2,.grid-cols-3{gap:var(--spacing-luxury-md)!important}.flex{gap:var(--spacing-luxury-sm)}.space-y-5>*+*{margin-top:var(--spacing-luxury-lg)!important}.space-y-4>*+*{margin-top:var(--spacing-luxury-md)!important}.space-y-3>*+*{margin-top:var(--spacing-luxury-sm)!important}.modal{padding:var(--spacing-luxury-2xl)!important}.modal-content{padding:var(--spacing-luxury-xl)!important;margin:var(--spacing-luxury-lg)}.modal-header{padding-bottom:var(--spacing-luxury-lg);margin-bottom:var(--spacing-luxury-lg)}.modal-footer{padding-top:var(--spacing-luxury-lg);margin-top:var(--spacing-luxury-lg)}.notification{padding:var(--spacing-luxury-lg) var(--spacing-luxury-xl)!important;margin:var(--spacing-luxury-md)!important}.quick-template-btn{padding:var(--spacing-luxury-lg)!important;margin-bottom:var(--spacing-luxury-sm)}.quick-template-btn .template-icon{margin-right:var(--spacing-luxury-md)}.quick-template-btn .template-title{margin-bottom:var(--spacing-luxury-xs)}@media (max-width: 768px){.main-container{padding:var(--spacing-luxury-md) var(--spacing-luxury-sm)}.form-group{padding:var(--spacing-luxury-md)!important;margin-bottom:var(--spacing-luxury-sm)!important}.result-card{padding:var(--spacing-luxury-lg)!important;margin-bottom:var(--spacing-luxury-md)!important}.btn-primary,.btn-secondary{padding:var(--spacing-luxury-sm) var(--spacing-luxury-lg)!important}}@media (min-width: 768px) and (max-width: 1024px){.main-container{padding:var(--spacing-luxury-lg) var(--spacing-luxury-md)}.form-group{padding:var(--spacing-luxury-lg)!important}.result-card{padding:var(--spacing-luxury-xl)!important}}.dense-content{padding:var(--spacing-luxury-xl) var(--spacing-luxury-lg);margin:var(--spacing-luxury-lg) 0}ul,ol{padding-left:var(--spacing-luxury-lg)}li{margin-bottom:var(--spacing-luxury-xs);line-height:1.6}table{border-spacing:0 var(--spacing-luxury-xs)}td,th{padding:var(--spacing-luxury-sm) var(--spacing-luxury-md)}.content-hierarchy>*:first-child{margin-top:0}.content-hierarchy>*:last-child{margin-bottom:0}.content-hierarchy h1+*{margin-top:var(--spacing-luxury-xl)}.content-hierarchy h2+*{margin-top:var(--spacing-luxury-lg)}.content-hierarchy h3+*{margin-top:var(--spacing-luxury-md)}.luxury-whitespace{padding:var(--spacing-luxury-3xl) var(--spacing-luxury-2xl)}.luxury-section{margin:var(--spacing-luxury-3xl) 0;padding:var(--spacing-luxury-2xl) 0}.luxury-divider{margin:var(--spacing-luxury-2xl) 0;height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent)}:root{--shadow-primary: rgba(0, 0, 0, .1);--shadow-secondary: rgba(0, 0, 0, .05);--shadow-accent: rgba(212, 175, 55, .15);--shadow-glow: rgba(212, 175, 55, .25);--shadow-dark-primary: rgba(0, 0, 0, .3);--shadow-dark-secondary: rgba(0, 0, 0, .2);--shadow-dark-accent: rgba(212, 175, 55, .2);--shadow-dark-glow: rgba(212, 175, 55, .3);--shadow-luxury-sm: 0 1px 2px var(--shadow-primary), 0 1px 4px var(--shadow-secondary);--shadow-luxury-md: 0 2px 4px var(--shadow-primary), 0 4px 8px var(--shadow-secondary), 0 1px 16px var(--shadow-accent);--shadow-luxury-lg: 0 4px 8px var(--shadow-primary), 0 8px 16px var(--shadow-secondary), 0 2px 24px var(--shadow-accent), 0 0 32px var(--shadow-glow);--shadow-luxury-xl: 0 8px 16px var(--shadow-primary), 0 16px 32px var(--shadow-secondary), 0 4px 48px var(--shadow-accent), 0 0 64px var(--shadow-glow);--shadow-luxury-2xl: 0 16px 32px var(--shadow-primary), 0 32px 64px var(--shadow-secondary), 0 8px 96px var(--shadow-accent), 0 0 128px var(--shadow-glow)}.dark-mode{--shadow-primary: var(--shadow-dark-primary);--shadow-secondary: var(--shadow-dark-secondary);--shadow-accent: var(--shadow-dark-accent);--shadow-glow: var(--shadow-dark-glow)}.btn-primary{box-shadow:var(--shadow-luxury-md);transition:box-shadow .3s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{box-shadow:var(--shadow-luxury-lg);transform:translateY(-2px)}.btn-primary:active{box-shadow:var(--shadow-luxury-sm);transform:translateY(0)}.btn-secondary{box-shadow:var(--shadow-luxury-sm);transition:box-shadow .3s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{box-shadow:var(--shadow-luxury-md);transform:translateY(-1px)}.btn-secondary:active{box-shadow:inset 0 2px 4px var(--shadow-primary),0 1px 2px var(--shadow-secondary);transform:translateY(0)}.icon-btn{box-shadow:var(--shadow-luxury-sm);transition:all .3s cubic-bezier(.4,0,.2,1)}.icon-btn:hover{box-shadow:var(--shadow-luxury-md);transform:translateY(-1px) scale(1.05)}.result-card{box-shadow:var(--shadow-luxury-lg);transition:all .4s cubic-bezier(.4,0,.2,1)}.result-card:hover{box-shadow:var(--shadow-luxury-xl);transform:translateY(-4px)}.quick-template-btn{box-shadow:var(--shadow-luxury-md);transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-template-btn:hover{box-shadow:var(--shadow-luxury-lg);transform:translateY(-2px)}.form-group{box-shadow:var(--shadow-luxury-sm);transition:box-shadow .3s cubic-bezier(.4,0,.2,1)}.form-group:focus-within{box-shadow:var(--shadow-luxury-md)}input[type=text],input[type=email],input[type=password],textarea,select{box-shadow:inset 0 1px 3px var(--shadow-primary),0 1px 2px var(--shadow-secondary);transition:all .3s cubic-bezier(.4,0,.2,1)}input:focus,textarea:focus,select:focus{box-shadow:inset 0 1px 3px var(--shadow-primary),0 2px 8px var(--shadow-accent),0 0 16px var(--shadow-glow)}header{box-shadow:var(--shadow-luxury-md)}.nav-link{transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link:hover{box-shadow:var(--shadow-luxury-sm);transform:translateY(-1px)}#mobile-menu{box-shadow:var(--shadow-luxury-xl)}.modal{box-shadow:var(--shadow-luxury-2xl)}.modal-content{box-shadow:var(--shadow-luxury-xl)}.notification{box-shadow:var(--shadow-luxury-lg);transition:all .3s cubic-bezier(.4,0,.2,1)}.notification:hover{box-shadow:var(--shadow-luxury-xl);transform:translateY(-2px)}.toast{box-shadow:var(--shadow-luxury-md)}.dropdown-menu{box-shadow:var(--shadow-luxury-lg)}.dropdown-item:hover{box-shadow:var(--shadow-luxury-sm)}.floating-element{box-shadow:var(--shadow-luxury-xl);animation:float-shadow 3s ease-in-out infinite}@keyframes float-shadow{0%,to{box-shadow:var(--shadow-luxury-xl);transform:translateY(0)}50%{box-shadow:var(--shadow-luxury-2xl);transform:translateY(-8px)}}.glow-effect{box-shadow:0 0 20px var(--shadow-glow),0 0 40px var(--shadow-accent),var(--shadow-luxury-lg)}.pressed-state{box-shadow:inset 0 4px 8px var(--shadow-primary),inset 0 2px 4px var(--shadow-secondary)}.content-layer-1{box-shadow:var(--shadow-luxury-sm);z-index:1}.content-layer-2{box-shadow:var(--shadow-luxury-md);z-index:2}.content-layer-3{box-shadow:var(--shadow-luxury-lg);z-index:3}.content-layer-4{box-shadow:var(--shadow-luxury-xl);z-index:4}.content-layer-5{box-shadow:var(--shadow-luxury-2xl);z-index:5}@media (max-width: 768px){.result-card{box-shadow:var(--shadow-luxury-md)}.result-card:hover{box-shadow:var(--shadow-luxury-lg);transform:translateY(-2px)}.btn-primary{box-shadow:var(--shadow-luxury-sm)}.btn-primary:hover{box-shadow:var(--shadow-luxury-md)}.modal{box-shadow:var(--shadow-luxury-xl)}}@media (min-width: 768px) and (max-width: 1024px){.result-card{box-shadow:var(--shadow-luxury-lg)}.btn-primary{box-shadow:var(--shadow-luxury-md)}}@media (prefers-reduced-motion: reduce){*{box-shadow:none!important}.result-card,.btn-primary,.btn-secondary{box-shadow:0 1px 3px var(--shadow-primary)!important}}.btn-primary,.btn-secondary,.result-card,.icon-btn{will-change:box-shadow,transform}.shadow-luxury-none{box-shadow:none!important}.shadow-luxury-sm{box-shadow:var(--shadow-luxury-sm)!important}.shadow-luxury-md{box-shadow:var(--shadow-luxury-md)!important}.shadow-luxury-lg{box-shadow:var(--shadow-luxury-lg)!important}.shadow-luxury-xl{box-shadow:var(--shadow-luxury-xl)!important}.shadow-luxury-2xl{box-shadow:var(--shadow-luxury-2xl)!important}.hover-shadow-sm:hover{box-shadow:var(--shadow-luxury-sm)!important}.hover-shadow-md:hover{box-shadow:var(--shadow-luxury-md)!important}.hover-shadow-lg:hover{box-shadow:var(--shadow-luxury-lg)!important}.hover-shadow-xl:hover{box-shadow:var(--shadow-luxury-xl)!important}.aethera-glow{box-shadow:0 0 30px #d4af374d,0 0 60px #d4af3733,0 0 90px #d4af371a,var(--shadow-luxury-lg)}.gold-accent-shadow{box-shadow:0 4px 20px #d4af3740,var(--shadow-luxury-md)}.dark-premium-shadow{box-shadow:0 8px 32px #0006,0 4px 16px #0000004d,0 0 40px #d4af3726}:root{--loading-primary: #d4af37;--loading-secondary: rgba(212, 175, 55, .3);--loading-background: rgba(255, 255, 255, .1);--skeleton-base: #e2e8f0;--skeleton-highlight: #f1f5f9;--skeleton-dark-base: #374151;--skeleton-dark-highlight: #4b5563}.dark-mode{--loading-background: rgba(0, 0, 0, .2);--skeleton-base: var(--skeleton-dark-base);--skeleton-highlight: var(--skeleton-dark-highlight)}.loading-spinner{width:40px;height:40px;border:3px solid var(--loading-background);border-top:3px solid var(--loading-primary);border-radius:50%;animation:luxury-spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite;position:relative}.loading-spinner:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border:2px solid transparent;border-top:2px solid var(--loading-secondary);border-radius:50%;animation:luxury-spin 1.5s linear infinite reverse}@keyframes luxury-spin{0%{transform:rotate(0);filter:drop-shadow(0 0 5px var(--loading-primary))}50%{filter:drop-shadow(0 0 15px var(--loading-primary))}to{transform:rotate(360deg);filter:drop-shadow(0 0 5px var(--loading-primary))}}.dots-loader{display:flex;gap:8px;align-items:center;justify-content:center}.dots-loader .dot{width:12px;height:12px;background:var(--loading-primary);border-radius:50%;animation:luxury-pulse 1.4s ease-in-out infinite both}.dots-loader .dot:nth-child(1){animation-delay:-.32s}.dots-loader .dot:nth-child(2){animation-delay:-.16s}.dots-loader .dot:nth-child(3){animation-delay:0s}@keyframes luxury-pulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1;box-shadow:0 0 20px var(--loading-primary)}}.wave-loader{display:flex;gap:4px;align-items:center;justify-content:center}.wave-loader .wave{width:4px;height:30px;background:linear-gradient(45deg,var(--loading-primary),var(--loading-secondary));border-radius:2px;animation:luxury-wave 1.2s ease-in-out infinite}.wave-loader .wave:nth-child(1){animation-delay:0s}.wave-loader .wave:nth-child(2){animation-delay:.1s}.wave-loader .wave:nth-child(3){animation-delay:.2s}.wave-loader .wave:nth-child(4){animation-delay:.3s}.wave-loader .wave:nth-child(5){animation-delay:.4s}@keyframes luxury-wave{0%,40%,to{transform:scaleY(.4);opacity:.7}20%{transform:scaleY(1);opacity:1}}@keyframes skeleton-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-highlight) 50%,var(--skeleton-base) 75%);background-size:200px 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:8px}.skeleton-card{padding:24px;border-radius:16px;background:var(--skeleton-base);position:relative;overflow:hidden}.skeleton-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:skeleton-sweep 2s infinite}@keyframes skeleton-sweep{0%{left:-100%}to{left:100%}}.skeleton-text{height:16px;margin-bottom:12px;border-radius:4px}.skeleton-text.large{height:24px;width:60%}.skeleton-text.medium{height:18px;width:80%}.skeleton-text.small{height:14px;width:40%}.skeleton-button{height:44px;width:120px;border-radius:8px;margin:8px 4px}.skeleton-avatar{width:48px;height:48px;border-radius:50%}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:luxury-spin .8s linear infinite}.form-loading{position:relative;pointer-events:none}.form-loading:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;border-radius:inherit}.form-loading:after{content:"";position:absolute;top:50%;left:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border:3px solid var(--loading-background);border-top:3px solid var(--loading-primary);border-radius:50%;animation:luxury-spin 1s linear infinite;z-index:11}.card-loading{position:relative;overflow:hidden}.card-loading .card-content{opacity:.3;pointer-events:none}.card-loading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.2),transparent);animation:card-loading-sweep 2s infinite;z-index:1}@keyframes card-loading-sweep{0%{left:-100%}to{left:100%}}.progress-bar{width:100%;height:6px;background:var(--loading-background);border-radius:3px;overflow:hidden;position:relative}.progress-bar:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,var(--loading-primary),var(--loading-secondary),var(--loading-primary));animation:progress-slide 2s infinite}@keyframes progress-slide{0%{left:-100%}to{left:100%}}.circular-progress{width:60px;height:60px;position:relative}.circular-progress svg{width:100%;height:100%;transform:rotate(-90deg)}.circular-progress circle{fill:none;stroke-width:4;stroke-linecap:round}.circular-progress .bg-circle{stroke:var(--loading-background)}.circular-progress .progress-circle{stroke:var(--loading-primary);stroke-dasharray:157;stroke-dashoffset:157;animation:circular-progress-animation 2s ease-in-out infinite}@keyframes circular-progress-animation{0%{stroke-dashoffset:157}50%{stroke-dashoffset:39}to{stroke-dashoffset:157}}.page-loading{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;animation:fade-in .3s ease-out forwards}.page-loading.show{opacity:1}.page-loading .loading-content{text-align:center;color:#fff}.page-loading .loading-title{margin-top:24px;font-size:18px;font-weight:600;color:var(--loading-primary)}.page-loading .loading-subtitle{margin-top:8px;font-size:14px;opacity:.8}.section-loading{position:relative;min-height:200px}.section-loading:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10}.section-loading:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid var(--loading-background);border-top:3px solid var(--loading-primary);border-radius:50%;animation:luxury-spin 1s linear infinite;z-index:11}.result-card.loading{position:relative;overflow:hidden}.result-card.loading .result-content{opacity:.3}.result-card.loading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.3),transparent);animation:result-loading-sweep 1.5s infinite}@keyframes result-loading-sweep{0%{left:-100%}to{left:100%}}.quick-template-btn.loading{position:relative;pointer-events:none}.quick-template-btn.loading:after{content:"";position:absolute;top:50%;right:16px;width:16px;height:16px;margin-top:-8px;border:2px solid transparent;border-top:2px solid var(--loading-primary);border-radius:50%;animation:luxury-spin .8s linear infinite}@media (max-width: 768px){.loading-spinner{width:32px;height:32px;border-width:2px}.circular-progress{width:48px;height:48px}.page-loading .loading-title{font-size:16px}.page-loading .loading-subtitle{font-size:12px}}@media (prefers-reduced-motion: reduce){.loading-spinner,.dots-loader .dot,.wave-loader .wave,.skeleton,.progress-bar:before,.circular-progress .progress-circle{animation:none}.skeleton{background:var(--skeleton-base)}}.loading-spinner,.dots-loader .dot,.wave-loader .wave,.btn-loading:after,.form-loading:after{will-change:transform}.loading-hidden{opacity:0;pointer-events:none;transition:opacity .3s ease}.loading-visible{opacity:1;pointer-events:auto;transition:opacity .3s ease}.loading-blur{filter:blur(2px);transition:filter .3s ease}.loading-scale{transform:scale(.95);transition:transform .3s ease}.loading-text{position:relative;overflow:hidden}.loading-text:after{content:"...";animation:loading-dots 1.5s infinite}@keyframes loading-dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}:root{--parallax-speed-slow: .5;--parallax-speed-medium: .7;--parallax-speed-fast: .9;--parallax-perspective: 1px;--parallax-distance-near: -1px;--parallax-distance-mid: -2px;--parallax-distance-far: -3px}.parallax-container{height:100vh;overflow-x:hidden;overflow-y:auto;perspective:var(--parallax-perspective);perspective-origin:center top}.parallax-wrapper{position:relative;transform-style:preserve-3d;will-change:transform}.parallax-layer{position:absolute;top:0;left:0;right:0;bottom:0;transform-style:preserve-3d;will-change:transform}.parallax-back{transform:translateZ(var(--parallax-distance-far)) scale(4)}.parallax-mid{transform:translateZ(var(--parallax-distance-mid)) scale(3)}.parallax-front{transform:translateZ(var(--parallax-distance-near)) scale(2)}.parallax-base{transform:translateZ(0)}.hero-parallax{position:relative;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-background{position:absolute;top:-20%;left:-20%;width:140%;height:140%;background:linear-gradient(135deg,#d4af371a,#000c,#d4af371a);will-change:transform;z-index:-3}.hero-particles{position:absolute;top:0;left:0;width:100%;height:120%;background-image:radial-gradient(2px 2px at 20px 30px,rgba(212,175,55,.3),transparent),radial-gradient(2px 2px at 40px 70px,rgba(212,175,55,.2),transparent),radial-gradient(1px 1px at 90px 40px,rgba(212,175,55,.4),transparent),radial-gradient(1px 1px at 130px 80px,rgba(212,175,55,.2),transparent);background-repeat:repeat;background-size:150px 150px;will-change:transform;z-index:-2}.hero-content{position:relative;z-index:1;text-align:center;will-change:transform}.scroll-parallax{will-change:transform;transition:transform .1s ease-out}.scroll-parallax-slow,.scroll-parallax-medium,.scroll-parallax-fast{transform:translateY(0)}.card-parallax{position:relative;transform-style:preserve-3d;transition:transform .3s ease;will-change:transform}.card-parallax:hover{transform:rotateX(5deg) rotateY(5deg) translateZ(20px)}.card-parallax:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:linear-gradient(135deg,rgba(212,175,55,.1),transparent,rgba(212,175,55,.1));border-radius:inherit;transform:translateZ(-10px);opacity:0;transition:opacity .3s ease;z-index:-1}.card-parallax:hover:before{opacity:1}.float-parallax{animation:float-parallax 6s ease-in-out infinite;will-change:transform}@keyframes float-parallax{0%,to{transform:translateY(0) translateZ(0)}25%{transform:translateY(-10px) translateZ(5px)}50%{transform:translateY(-5px) translateZ(10px)}75%{transform:translateY(-15px) translateZ(5px)}}.float-parallax:nth-child(2){animation-delay:-2s}.float-parallax:nth-child(3){animation-delay:-4s}.mouse-parallax{position:relative;will-change:transform;transition:transform .3s ease-out}.mouse-parallax-layer{position:absolute;top:0;left:0;width:100%;height:100%;will-change:transform;transition:transform .2s ease-out}.mouse-parallax-layer-1,.mouse-parallax-layer-2,.mouse-parallax-layer-3{transform:translate(0)}.section-parallax{position:relative;overflow:hidden;min-height:100vh}.section-parallax-bg{position:absolute;top:-20%;left:-20%;width:140%;height:140%;background-size:cover;background-position:center;background-attachment:fixed;will-change:transform;z-index:-1}.section-parallax-content{position:relative;z-index:1;will-change:transform}.nav-parallax{position:fixed;top:0;left:0;right:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);will-change:transform;transition:transform .3s ease}.nav-parallax.hidden{transform:translateY(-100%)}.nav-parallax.visible{transform:translateY(0)}.btn-parallax{position:relative;transform-style:preserve-3d;transition:transform .3s ease;will-change:transform}.btn-parallax:hover{transform:translateZ(10px) rotateX(10deg)}.btn-parallax:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;border-radius:inherit;transform:translateZ(-5px) translateY(5px);opacity:.5;filter:blur(2px);transition:all .3s ease}.btn-parallax:hover:before{transform:translateZ(-10px) translateY(10px);opacity:.8}.text-parallax{position:relative;overflow:hidden}.text-parallax .text-layer{display:inline-block;will-change:transform;transition:transform .6s cubic-bezier(.4,0,.2,1)}.text-parallax.revealed .text-layer{transform:translateY(0)}.text-parallax .text-layer{transform:translateY(100%)}.text-parallax .text-layer:nth-child(1){transition-delay:.1s}.text-parallax .text-layer:nth-child(2){transition-delay:.2s}.text-parallax .text-layer:nth-child(3){transition-delay:.3s}.text-parallax .text-layer:nth-child(4){transition-delay:.4s}.text-parallax .text-layer:nth-child(5){transition-delay:.5s}@media (max-width: 768px){.parallax-container{perspective:none}.parallax-layer,.parallax-back,.parallax-mid,.parallax-front{transform:none}.hero-background,.hero-particles{position:absolute;top:0;left:0;width:100%;height:100%}.section-parallax-bg{background-attachment:scroll;top:0;left:0;width:100%;height:100%}.card-parallax:hover{transform:translateY(-5px)}.btn-parallax:hover{transform:translateY(-2px)}}@media (min-width: 768px) and (max-width: 1024px){.hero-background,.hero-particles,.section-parallax-bg{top:-10%;left:-10%;width:120%;height:120%}}@media (prefers-reduced-motion: reduce){.parallax-container{perspective:none}.parallax-layer,.scroll-parallax,.card-parallax,.btn-parallax,.mouse-parallax{transform:none!important;animation:none!important}.float-parallax{animation:none}.text-parallax .text-layer{transform:none!important;transition:none!important}}.parallax-layer,.scroll-parallax,.card-parallax,.btn-parallax,.mouse-parallax,.hero-background,.hero-particles,.section-parallax-bg{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.parallax-enabled{transform-style:preserve-3d}.parallax-disabled{transform-style:flat}.parallax-subtle{--parallax-speed-slow: .8;--parallax-speed-medium: .9;--parallax-speed-fast: .95}.parallax-intense{--parallax-speed-slow: .3;--parallax-speed-medium: .5;--parallax-speed-fast: .7}.parallax-trigger{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.parallax-trigger.in-view{opacity:1;transform:translateY(0)}.parallax-trigger:nth-child(1){transition-delay:.1s}.parallax-trigger:nth-child(2){transition-delay:.2s}.parallax-trigger:nth-child(3){transition-delay:.3s}.parallax-trigger:nth-child(4){transition-delay:.4s}.parallax-trigger:nth-child(5){transition-delay:.5s}.parallax-depth{position:relative}.parallax-depth .depth-layer-1{filter:blur(0px);z-index:3}.parallax-depth .depth-layer-2{filter:blur(1px);z-index:2}.parallax-depth .depth-layer-3{filter:blur(2px);z-index:1}.parallax-tilt{transform-style:preserve-3d;transition:transform .3s ease}.parallax-tilt:hover{transform:perspective(1000px) rotateX(10deg) rotateY(10deg)}.parallax-magnetic{transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.parallax-magnetic.attracted{transform:translate(var(--mouse-x, 0),var(--mouse-y, 0))}#save-character-preset-btn{background:var(--bg-glass)!important;border:1px solid var(--border-accent)!important;color:var(--text-primary)!important;padding:.75rem 1.25rem!important;font-weight:600!important;font-size:.875rem!important;border-radius:var(--radius-md)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;position:relative!important;overflow:hidden!important;letter-spacing:.025em!important;text-transform:none!important;box-shadow:0 4px 12px #00000026!important}#save-character-preset-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.2),transparent);transition:left .6s ease;z-index:0}#save-character-preset-btn:hover:before{left:100%}#save-character-preset-btn:hover{background:var(--bg-glass-hover)!important;border-color:var(--accent-main)!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px #ffd70033,0 4px 12px #00000040!important;color:var(--accent-light)!important}#save-character-preset-btn:active{transform:translateY(-1px)!important;transition:transform .1s ease!important}#save-preset-btn{background:var(--bg-glass)!important;border:1px solid var(--border-accent)!important;color:var(--text-primary)!important;padding:.75rem 1.25rem!important;font-weight:600!important;font-size:.875rem!important;border-radius:var(--radius-md)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;position:relative!important;overflow:hidden!important;letter-spacing:.025em!important;text-transform:none!important;box-shadow:0 4px 12px #00000026!important}#save-preset-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.2),transparent);transition:left .6s ease;z-index:0}#save-preset-btn:hover:before{left:100%}#save-preset-btn:hover{background:var(--bg-glass-hover)!important;border-color:var(--accent-main)!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px #ffd70033,0 4px 12px #00000040!important;color:var(--accent-light)!important}#save-preset-btn:active{transform:translateY(-1px)!important;transition:transform .1s ease!important}#generate-btn{padding:1rem 1.75rem!important;font-weight:700!important;font-size:1rem!important;letter-spacing:.05em!important;line-height:1.2!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-premium),var(--accent-glow),0 8px 32px #ffd7004d!important;position:relative!important;overflow:hidden!important}#generate-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease;z-index:1}#generate-btn:hover:before{left:100%}#generate-btn:hover{transform:translateY(-4px) scale(1.02)!important;box-shadow:var(--shadow-premium),var(--shadow-glow),0 16px 48px #ffd70066!important}#generate-btn:active{transform:translateY(-2px) scale(.98)!important}body{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;text-rendering:optimizeLegibility!important;font-feature-settings:"kern" 1,"liga" 1!important}.form-group label{line-height:1.5!important;letter-spacing:.025em!important;font-weight:500!important}.form-group{margin-bottom:1.5rem!important}.form-group input,.form-group textarea,.form-group select{line-height:1.6!important;letter-spacing:.01em!important;padding:.875rem 1rem!important}button,.btn{line-height:1.4!important;letter-spacing:.025em!important}h1,h2,h3,h4,h5,h6{line-height:1.3!important;letter-spacing:.02em!important;font-weight:600!important}.result-card{overflow:visible!important}.result-card .export-dropdown{position:relative!important;overflow:visible!important}.result-card .export-menu{z-index:1000!important}p{line-height:1.7!important;letter-spacing:.01em!important}.btn-secondary{font-weight:600!important;letter-spacing:.025em!important;border-radius:var(--radius-md)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;position:relative!important;overflow:hidden!important}.btn-secondary:not(#save-character-preset-btn):not(#save-preset-btn):before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.15),transparent);transition:left .6s ease;z-index:0}.btn-secondary:not(#save-character-preset-btn):not(#save-preset-btn):hover:before{left:100%}button:focus,.btn:focus{outline:2px solid var(--accent-main)!important;outline-offset:2px!important;box-shadow:0 0 0 4px #ffd70033!important}button:disabled,.btn:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}@media (max-width: 768px){#save-character-preset-btn,#save-preset-btn{padding:.625rem 1rem!important;font-size:.8rem!important}#generate-btn{padding:.875rem 1.5rem!important;font-size:.9rem!important}.form-group{margin-bottom:1.25rem!important}}@media (max-width: 480px){#save-character-preset-btn,#save-preset-btn{padding:.5rem .875rem!important;font-size:.75rem!important}#generate-btn{padding:.75rem 1.25rem!important;font-size:.85rem!important}}h2[data-lang-key=new_script_title]{margin-bottom:1rem!important}.space-y-5{gap:1rem!important}.space-y-5>*+*{margin-top:1rem!important}.form-group .flex.items-center{display:flex!important;align-items:center!important;gap:.5rem!important;margin-bottom:.75rem!important}.form-group .flex.items-center span{line-height:1!important;vertical-align:middle!important}.form-group .flex.items-center h3{line-height:1.2!important;margin:0!important}.quick-template-btn{padding:.75rem!important;margin-bottom:.5rem!important;min-height:80px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important}.quick-template-btn .flex{margin-bottom:.375rem!important}.quick-template-btn p{margin:0!important;line-height:1.4!important}.btn-secondary,.btn-primary{text-align:center!important;margin-bottom:.375rem!important}.btn-secondary:last-child{margin:0!important}.form-group .grid.grid-cols-1.md\:grid-cols-2,.grid{gap:.75rem!important}.form-group .flex.space-x-2{align-items:stretch!important;gap:.5rem!important;display:flex!important}.form-group .flex.space-x-2 select{flex:1!important;height:44px!important;min-width:0!important;padding:.5rem .75rem!important;font-size:.875rem!important;line-height:1.25rem!important}.form-group .flex.space-x-2 button{flex-shrink:0!important;height:44px!important;width:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:.5rem!important}#manage-presets-btn{height:44px!important;width:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:.5rem!important;flex-shrink:0!important}#settings-preset-selector{height:44px!important;min-width:0!important;padding:.5rem .75rem!important;font-size:.875rem!important;line-height:1.25rem!important;flex:1!important}#character-preset-controls{margin-bottom:1.5rem!important}#character-preset-controls .flex{align-items:stretch!important;gap:.5rem!important;display:flex!important}#character-preset-controls select{flex:1!important;height:44px!important;min-width:0!important;padding:.5rem .75rem!important;font-size:.875rem!important;line-height:1.25rem!important}#manage-character-presets-btn{flex-shrink:0!important;height:44px!important;width:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:.5rem!important}#character-preset-selector{height:44px!important;min-width:0!important;padding:.5rem .75rem!important;font-size:.875rem!important;line-height:1.25rem!important;flex:1!important}#save-character-preset-btn{margin-top:1.5rem!important;margin-bottom:1rem!important;padding:.75rem 1rem!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;box-sizing:border-box!important}.flex.items-start{flex-direction:row!important;align-items:center!important;display:flex!important}.flex.items-start .ml-3{margin-left:.75rem!important;margin-top:0!important}.form-group .flex.items-start span{margin-top:0!important;display:flex!important;align-items:center!important;line-height:1!important}#app-title{line-height:1.75!important;margin:0!important;font-size:1.75rem!important;display:flex!important;align-items:center!important}.brand-credit{font-size:14px!important;line-height:1!important;margin-top:-18px}.brand-credit .by,.brand-credit .dims,.brand-credit .credit-text{font-size:12px!important;vertical-align:baseline!important}#aspect-ratio-group{margin-top:1.5rem!important;margin-bottom:1.5rem!important}#save-preset-btn{margin-top:0!important;margin-bottom:1rem!important;padding:.5rem 1rem!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;box-sizing:border-box!important}.mt-6.pt-6.border-t{margin-top:1.5rem!important;padding-top:1.5rem!important;margin-left:0!important;margin-right:0!important}.space-y-4>*+*{margin-top:1rem!important}#output-panel{align-content:start}.mt-6.pt-6.border-t.space-y-4 button{width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}.form-group.p-4{padding:1rem!important;margin-bottom:1.25rem!important}.form-group.p-4 .mb-3{margin-bottom:.75rem!important}.form-group.p-4 .mb-4{margin-bottom:1rem!important}#edit-modal .modal-content,#persona-modal .modal-content,#api-key-modal .modal-content,#confirm-modal .modal-content,#input-modal .modal-content,#manage-presets-modal .modal-content,#manage-character-presets-modal .modal-content,#about-modal .modal-content,#manual-modal .modal-content{margin-top:120px!important;max-height:calc(95vh - 120px)!important;overflow-y:auto!important}@media (max-width: 768px){#edit-modal .modal-content,#persona-modal .modal-content,#api-key-modal .modal-content,#confirm-modal .modal-content,#input-modal .modal-content,#manage-presets-modal .modal-content,#manage-character-presets-modal .modal-content,#about-modal .modal-content,#manual-modal .modal-content{margin-top:100px!important;max-height:calc(92vh - 100px)!important;margin-left:8px!important;margin-right:8px!important}}.modal-content{overflow-y:auto!important}@media (prefers-reduced-motion: reduce){#save-character-preset-btn,#save-preset-btn,#generate-btn,.btn-secondary{transition:none!important}#save-character-preset-btn:before,#save-preset-btn:before,#generate-btn:before,.btn-secondary:before{display:none!important}}@media (prefers-contrast: high){#save-character-preset-btn,#save-preset-btn{border-width:2px!important;border-color:var(--accent-main)!important}#generate-btn{border:2px solid #000!important}}body.light-mode #script-viewer-modal .p-3.rounded.bg-gray-900\/40{background-color:#ffffffbf;border-color:#00000014}body.light-mode #script-viewer-modal .text-gray-300{color:#1f2937}body.light-mode #script-viewer-modal .text-gray-400{color:#374151}body.light-mode #script-viewer-modal .icon-copy{color:#6b7280}body.light-mode #script-viewer-modal .icon-copy:hover{color:#111827}#script-viewer-modal .overlay-export-menu{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}body.light-mode #script-viewer-modal .overlay-export-menu{background-color:#ffffffe6;border-color:#00000014}body.light-mode #script-viewer-modal>div{background-color:#fff;color:#0f172a;border-color:#e5e7eb;box-shadow:0 12px 30px #1018281f}body.light-mode #script-viewer-modal h3{color:#0f172a;letter-spacing:.2px}body.light-mode #script-viewer-modal h4{color:#111827}body.light-mode #script-viewer-modal p{color:#334155;line-height:1.6}body.light-mode #script-viewer-content>div.mb-4+div.mb-4{border-top:1px solid #e5e7eb;padding-top:16px}body.light-mode #script-viewer-modal .p-3.rounded.bg-gray-900\/40{background-color:#ffffffd9;border-color:#00000014;box-shadow:0 1px 2px #1018280d,0 4px 12px #1018280a}body.light-mode #script-viewer-modal .ab-variants{background-color:#f8fafc;border-color:#e5e7eb}body.light-mode #script-viewer-modal .ab-variants .variant-item{box-shadow:0 1px 1px #1018280a}body.light-mode #script-viewer-modal .overlay-copy-btn{background-color:#f8fafc;color:#0f172a;border:1px solid #e5e7eb}body.light-mode #script-viewer-modal .overlay-copy-btn:hover{background-color:#eef2f7}body.light-mode #script-viewer-modal .overlay-export-btn{box-shadow:0 1px 2px #10182814}body.light-mode #script-viewer-modal .overlay-edit-btn{background-color:#fbbf24;color:#1f2937;border:1px solid #f59e0b}body.light-mode #script-viewer-modal .overlay-edit-btn:hover{background-color:#f59e0b}body.light-mode #edit-modal .modal-content{background-color:#fff;color:#0f172a;border-color:#e5e7eb}body.light-mode #edit-modal h3,body.light-mode #edit-modal h4{color:#0f172a}body.light-mode #edit-modal p,body.light-mode #edit-modal label{color:#334155}body.light-mode #original-script-display-stage1{background:#f8fafc;color:#334155;border-color:#e5e7eb}body.light-mode #section-checkboxes{background:#f1f5f9;border:1px solid #e5e7eb}body.light-mode #edit-modal .section-checkbox{accent-color:#111827;outline:1px solid #cbd5e1;outline-offset:1px}body.light-mode #edit-modal input[type=text],body.light-mode #edit-modal textarea{background:#f8fafc;color:#0f172a;border-color:#e5e7eb}body.light-mode #edit-modal .bg-gray-800\/50{background-color:#f8fafc;border-top:1px solid #e5e7eb}body.light-mode #edit-modal #close-modal-btn,body.light-mode #edit-modal #cancel-revision-btn{background:#eef2f7;color:#334155;border:1px solid #e5e7eb}body.light-mode #before-script-display,body.light-mode #after-script-display{background:#fff;color:#0f172a;border-color:#e5e7eb;box-shadow:0 1px 2px #1018280d}body.light-mode #after-script-display{border-color:#86efac}body.light-mode #edit-modal .section-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#fff;border:2px solid #111827;border-radius:4px;display:inline-block;position:relative}body.light-mode #edit-modal .section-checkbox:checked:after{content:"✓";color:#111827;font-weight:800;font-size:12px;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)}#script-viewer-modal button:focus-visible,#script-viewer-modal a:focus-visible,#edit-modal button:focus-visible,#edit-modal a:focus-visible{outline:3px solid #60a5fa;outline-offset:2px;border-radius:6px}.tooltip-hint{position:absolute;z-index:50;background:#111827f2;color:#fff;font-size:11px;padding:6px 8px;border-radius:6px;box-shadow:0 6px 18px #00000040;transform:translateY(8px);display:none}body.light-mode .tooltip-hint{background:#0f172af2}[data-tooltip]:hover .tooltip-hint,[data-tooltip]:focus-within .tooltip-hint{display:block}header.sticky,header.sticky.is-scrolled{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}body:before,body:after,html:before,html:after,#app:before,#app:after,#app-container:before,#app-container:after,.app-shell:before,.app-shell:after,.page:before,.page:after,.top-accent,.bottom-accent{content:none!important;display:none!important;background:none!important;box-shadow:none!important}header{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}#image-cropper-modal .modal-content{margin-top:64px!important;max-height:90vh!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important}#image-cropper-modal .modal-content .sticky.bottom-0{position:sticky!important;bottom:0!important;z-index:201!important;pointer-events:auto!important}#image-cropper-modal img#cropper-target{max-height:60vh;width:100%;display:block}#image-cropper-modal .cropper-container,#image-cropper-modal .cropper-wrap-box,#image-cropper-modal .cropper-canvas,#image-cropper-modal .cropper-drag-box,#image-cropper-modal .cropper-crop-box,#image-cropper-modal .cropper-modal{touch-action:none}#image-cropper-modal button#cropper-use-btn,#image-cropper-modal button#cropper-skip-btn{-webkit-tap-highlight-color:transparent}#image-cropper-modal{z-index:200!important}.vo-config__row{display:flex;gap:.75rem;align-items:center;margin:.4rem 0}.vo-config__row label{min-width:160px;font-weight:600}.vo-config__row input,.vo-config__row select{flex:1;padding:.5rem .6rem;border:1px solid rgba(0,0,0,.15);border-radius:.5rem}.btn{padding:.55rem .9rem;border:1px solid var(--border,rgba(0,0,0,.12));border-radius:.6rem;background:var(--bg,transparent);cursor:pointer}.btn.ghost{background:transparent;opacity:.9}