@keyframes slideUpFadeIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDownFadeOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}:root{--f3d-primary:#eb7332;--f3d-primary-rgb:235, 115, 50;--f3d-white:#ffffff;--f3d-dark:#121212;--f3d-orange-100:#fdf2ec;--f3d-orange-300:#f19c67;--f3d-orange-500:#eb7332;--f3d-orange-600:#d65a1f;--f3d-orange-700:#b34a1f;--f3d-orange-900:#6b2b13;--f3d-gray-50:#f9f9fa;--f3d-gray-100:#f3f3f4;--f3d-gray-300:#dbdbde;--f3d-gray-500:#939598;--f3d-gray-700:#5a5a5d;--f3d-gray-800:#3f3f42;--f3d-gray-900:#2a2a2d;--f3d-success:#22c55e;--f3d-warning:#f59e0b;--f3d-error:#ef4444;--f3d-info:#3b82f6;--f3d-secondary:#764ba2;--f3d-secondary-rgb:118, 75, 162;--f3d-accent:#f093fb;--f3d-danger:#fda085;--f3d-light:#ffffff;--f3d-glass:rgba(255, 255, 255, 0.1);--f3d-glass-border:rgba(255, 255, 255, 0.2);--f3d-shadow:0 8px 32px rgba(31, 38, 135, 0.37);--f3d-shadow-hover:0 15px 35px rgba(31, 38, 135, 0.5);--f3d-border-radius:20px;--f3d-transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);--f3d-text-xs:0.75rem;--f3d-text-sm:0.875rem;--f3d-text-base:1rem;--f3d-text-lg:1.125rem;--f3d-text-xl:1.25rem;--f3d-text-2xl:1.5rem;--f3d-text-3xl:1.875rem;--f3d-text-4xl:2.25rem;--f3d-text-5xl:3rem;--f3d-font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--f3d-font-heading:"Poppins", "Inter", sans-serif;--f3d-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--f3d-font-light:300;--f3d-font-normal:400;--f3d-font-medium:500;--f3d-font-semibold:600;--f3d-font-bold:700;--f3d-font-extrabold:800;--f3d-leading-none:1;--f3d-leading-tight:1.25;--f3d-leading-snug:1.375;--f3d-leading-normal:1.5;--f3d-leading-relaxed:1.625;--f3d-leading-loose:2;--f3d-spacing-0:0;--f3d-spacing-1:0.25rem;--f3d-spacing-2:0.5rem;--f3d-spacing-3:0.75rem;--f3d-spacing-4:1rem;--f3d-spacing-5:1.25rem;--f3d-spacing-6:1.5rem;--f3d-spacing-8:2rem;--f3d-spacing-10:2.5rem;--f3d-spacing-12:3rem;--f3d-spacing-16:4rem;--f3d-spacing-20:5rem;--f3d-radius-none:0;--f3d-radius-sm:0.25rem;--f3d-radius-base:0.5rem;--f3d-radius-md:0.75rem;--f3d-radius-lg:1rem;--f3d-radius-xl:1.25rem;--f3d-radius-2xl:1.5rem;--f3d-radius-full:9999px;--f3d-shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--f3d-shadow-base:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--f3d-shadow-md:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--f3d-shadow-lg:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--f3d-transition-fast:150ms cubic-bezier(0.4, 0, 0.2, 1);--f3d-transition-base:300ms cubic-bezier(0.4, 0, 0.2, 1);--f3d-transition-slow:500ms cubic-bezier(0.4, 0, 0.2, 1);--f3d-z-dropdown:1000;--f3d-z-sticky:1020;--f3d-z-fixed:1030;--f3d-z-modal-backdrop:1040;--f3d-z-modal:1050;--f3d-z-popover:1060;--f3d-z-tooltip:1070;--bs-primary:#eb7332;--bs-primary-rgb:235, 115, 50;--bs-primary-text-emphasis:#b34a1f;--bs-primary-bg-subtle:#fdf2ec;--bs-primary-border-subtle:#f19c67}[data-bs-theme=dark]{--bs-body-bg:#121212;--bs-body-color:#ffffff;--bs-border-color:#5a5a5d;--f3d-card-bg:#3f3f42;--f3d-card-border:#5a5a5d;--f3d-text-primary:#f3f3f4;--f3d-text-secondary:#dbdbde;--f3d-text-muted:#939598;--f3d-shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.3);--f3d-shadow-base:0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);--f3d-shadow-md:0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.4);--f3d-shadow-lg:0 20px 25px -5px rgba(0, 0, 0, 0.6), 0 10px 10px -5px rgba(0, 0, 0, 0.5)}.ai-generator-page{background:radial-gradient(900px 360px at 80% -10%,rgba(255,154,90,.08),transparent 40%),radial-gradient(800px 340px at 10% -10%,rgba(235,115,50,.1),transparent 45%),var(--f3d-gray-50);min-height:100vh;padding:var(--f3d-spacing-4)0}[data-bs-theme=dark] .ai-generator-page{background:radial-gradient(900px 360px at 80% -10%,rgba(255,154,90,.05),transparent 40%),radial-gradient(800px 340px at 10% -10%,rgba(235,115,50,.08),transparent 45%),var(--f3d-gray-900)}.ai-header{text-align:center;margin-bottom:var(--f3d-spacing-6)}.ai-header__title{font-size:var(--f3d-text-3xl);font-weight:var(--f3d-font-extrabold);line-height:var(--f3d-leading-tight);margin-bottom:var(--f3d-spacing-2);color:var(--f3d-gray-900)}[data-bs-theme=dark] .ai-header__title{color:var(--f3d-white)}.ai-header__subtitle{color:var(--f3d-gray-500);font-size:var(--f3d-text-base);margin:0}.credit-type-section{margin-bottom:var(--f3d-spacing-6)}.credit-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--f3d-spacing-3)}@media (max-width:768px){.credit-type-grid{grid-template-columns:1fr}}.credit-card{position:relative;padding:var(--f3d-spacing-4);border-radius:var(--f3d-radius-lg);border:2px solid var(--f3d-gray-300);background:var(--f3d-white);cursor:pointer;transition:all .2s ease}[data-bs-theme=dark] .credit-card{background:var(--f3d-gray-800);border-color:var(--f3d-gray-700)}.credit-card:hover{border-color:rgba(255,154,90,.3);transform:translateY(-2px)}.credit-card.active{border-color:var(--f3d-orange-500);background:rgba(255,122,61,.08)}[data-bs-theme=dark] .credit-card.active{background:rgba(255,122,61,.12)}.credit-card.cc{border-color:var(--f3d-warning)}.credit-card.cc.active{background:rgba(255,209,102,.08)}[data-bs-theme=dark] .credit-card.cc.active{background:rgba(255,209,102,.12)}.credit-card__badge{position:absolute;top:var(--f3d-spacing-2);right:var(--f3d-spacing-2);font-size:var(--f3d-text-xs);padding:var(--f3d-spacing-1) var(--f3d-spacing-2);border-radius:var(--f3d-radius-base);background:rgba(255,122,61,.2);color:var(--f3d-orange-600);font-weight:var(--f3d-font-bold)}.credit-card.cc .credit-card__badge{background:rgba(255,209,102,.2);color:var(--f3d-warning)}.credit-card__icon{font-size:var(--f3d-text-3xl);margin-bottom:var(--f3d-spacing-2)}.credit-card__name{font-weight:var(--f3d-font-extrabold);font-size:var(--f3d-text-base);margin-bottom:var(--f3d-spacing-1)}.credit-card__desc{font-size:var(--f3d-text-sm);color:var(--f3d-gray-500);margin:0}.ai-tabs{display:flex;gap:var(--f3d-spacing-2);justify-content:center;flex-wrap:wrap;margin-bottom:var(--f3d-spacing-6)}.ai-tab{appearance:none;background:0 0;border:1px solid var(--f3d-gray-300);color:var(--f3d-gray-500);padding:var(--f3d-spacing-3) var(--f3d-spacing-4);border-radius:var(--f3d-radius-full);font-weight:var(--f3d-font-bold);font-size:var(--f3d-text-sm);cursor:pointer;transition:all .2s ease}[data-bs-theme=dark] .ai-tab{border-color:var(--f3d-gray-700);color:var(--f3d-gray-300)}.ai-tab:hover{background:rgba(255,255,255,.06)}.ai-tab.active{border-color:transparent;background:linear-gradient(135deg,var(--f3d-orange-500),var(--f3d-orange-300));color:var(--f3d-white)}.ai-generate-btn i,.ai-tab i{margin-right:var(--f3d-spacing-2)}.ai-tab-content,input[type=file].ai-file-input{display:none}.ai-tab-content.active{display:block}.ai-form-group{margin-bottom:var(--f3d-spacing-4)}.ai-label{font-weight:var(--f3d-font-extrabold);font-size:var(--f3d-text-base);margin-bottom:var(--f3d-spacing-2);display:block}.ai-input,.ai-textarea{width:100%;background:var(--f3d-gray-100);border:1px solid var(--f3d-gray-300);color:var(--f3d-gray-900);border-radius:var(--f3d-radius-lg);padding:var(--f3d-spacing-3);outline:0;font-family:inherit;resize:vertical;transition:all .2s ease}[data-bs-theme=dark] .ai-input,[data-bs-theme=dark] .ai-textarea{background:var(--f3d-gray-800);border-color:var(--f3d-gray-700);color:var(--f3d-white)}.ai-input:focus,.ai-textarea:focus{border-color:var(--f3d-orange-500);box-shadow:0 0 0 3px rgba(235,115,50,.1)}.ai-input::placeholder,.ai-textarea::placeholder{color:var(--f3d-gray-500)}.ai-textarea{min-height:100px}.ai-hint{font-size:var(--f3d-text-sm);color:var(--f3d-gray-500);margin-top:var(--f3d-spacing-2);display:block}.ai-upload-area{border:2px dashed var(--f3d-gray-300);border-radius:var(--f3d-radius-lg);padding:var(--f3d-spacing-10);text-align:center;background:var(--f3d-gray-100);cursor:pointer;transition:all .2s ease;width:100%}[data-bs-theme=dark] .ai-upload-area{background:var(--f3d-gray-800);border-color:var(--f3d-gray-700)}.ai-upload-area:hover{border-color:var(--f3d-orange-500);background:rgba(235,115,50,.05)}.ai-upload-area__icon{font-size:var(--f3d-text-5xl);margin-bottom:var(--f3d-spacing-2)}.ai-upload-area__text{font-weight:var(--f3d-font-bold);margin-bottom:var(--f3d-spacing-1)}.ai-upload-area__hint{font-size:var(--f3d-text-sm);color:var(--f3d-gray-500)}.ai-grid-select{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:var(--f3d-spacing-3);margin-top:var(--f3d-spacing-3)}@media (max-width:576px){.ai-grid-select{grid-template-columns:repeat(3,1fr)}}.ai-option-card{padding:var(--f3d-spacing-3);border:2px solid var(--f3d-gray-300);border-radius:var(--f3d-radius-lg);background:var(--f3d-gray-100);text-align:center;cursor:pointer;transition:all .2s ease;aspect-ratio:1/1}[data-bs-theme=dark] .ai-option-card{background:var(--f3d-gray-800);border-color:var(--f3d-gray-700)}.ai-option-card:hover{border-color:rgba(255,154,90,.3);transform:translateY(-2px)}.ai-option-card.active{border-color:var(--f3d-orange-500);background:rgba(255,122,61,.08)}[data-bs-theme=dark] .ai-option-card.active,[data-bs-theme=dark] .ai-quality-card.active{background:rgba(255,122,61,.12)}.ai-option-card__icon{font-size:var(--f3d-text-4xl);margin-bottom:var(--f3d-spacing-2)}.ai-option-card__name{font-size:var(--f3d-text-sm);font-weight:var(--f3d-font-bold)}.ai-quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--f3d-spacing-3);margin-top:var(--f3d-spacing-3)}@media (max-width:768px){.ai-quality-grid{grid-template-columns:1fr}}.ai-quality-card{padding:var(--f3d-spacing-4);border:2px solid var(--f3d-gray-300);border-radius:var(--f3d-radius-lg);text-align:center;cursor:pointer;transition:all .2s ease;background:var(--f3d-gray-100)}[data-bs-theme=dark] .ai-quality-card{background:var(--f3d-gray-800);border-color:var(--f3d-gray-700)}.ai-quality-card:hover{border-color:rgba(255,154,90,.3);transform:translateY(-2px)}.ai-quality-card.active{border-color:var(--f3d-orange-500);background:rgba(255,122,61,.08)}.ai-quality-card__icon{font-size:var(--f3d-text-3xl);margin-bottom:var(--f3d-spacing-2)}.ai-quality-card__name{font-weight:var(--f3d-font-extrabold);font-size:var(--f3d-text-base);margin-bottom:var(--f3d-spacing-1)}.ai-quality-card__desc{font-size:var(--f3d-text-sm);color:var(--f3d-gray-500);margin-bottom:var(--f3d-spacing-2)}.ai-quality-card__badge{display:inline-block;padding:var(--f3d-spacing-1) var(--f3d-spacing-2);border-radius:var(--f3d-radius-base);font-size:var(--f3d-text-xs);font-weight:var(--f3d-font-bold);background:rgba(255,122,61,.2);color:var(--f3d-orange-600)}.ai-options-section{margin-top:var(--f3d-spacing-4)}.ai-option-row{display:flex;justify-content:space-between;align-items:center;padding:var(--f3d-spacing-3)0;border-bottom:1px solid var(--f3d-gray-300)}[data-bs-theme=dark] .ai-formats-grid .ai-option-row,[data-bs-theme=dark] .ai-option-row{border-color:var(--f3d-gray-700)}.ai-option-row:last-child{border:0}.bc-formats,.cc-formats{margin-top:var(--f3d-spacing-4)}.ai-format-error{margin-bottom:var(--f3d-spacing-3);font-size:var(--f3d-text-sm)}.ai-formats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--f3d-spacing-3);margin-top:var(--f3d-spacing-3)}.ai-formats-grid .ai-option-row{margin:0;border-bottom:1px solid var(--f3d-gray-300);padding:var(--f3d-spacing-2)0}.ai-formats-grid .ai-option-row:first-child{grid-column:1/-1}.ai-formats-grid .ai-format-limit{grid-column:1/-1}.ai-option-badge.cc-only{background:rgba(255,193,7,.2);color:#ffc107;border:1px solid rgba(255,193,7,.3)}.ai-option-badge,.ai-option-label{font-weight:var(--f3d-font-bold);font-size:var(--f3d-text-base)}.ai-option-badge{font-size:var(--f3d-text-xs);padding:var(--f3d-spacing-1) var(--f3d-spacing-2);border-radius:var(--f3d-radius-base);background:rgba(255,209,102,.2);color:var(--f3d-warning);margin-left:var(--f3d-spacing-2)}.ai-toggle{appearance:none;width:48px;height:26px;background:var(--f3d-gray-300);border:1px solid var(--f3d-gray-300);border-radius:var(--f3d-radius-full);cursor:pointer;position:relative;transition:all .2s ease}[data-bs-theme=dark] .ai-toggle{background:var(--f3d-gray-700);border-color:var(--f3d-gray-600)}.ai-toggle:checked{background:linear-gradient(135deg,var(--f3d-orange-500),var(--f3d-orange-300));border-color:var(--f3d-orange-500)}.ai-toggle:disabled{opacity:.4;cursor:not-allowed}.ai-toggle::after{content:"";position:absolute;width:18px;height:18px;background:var(--f3d-white);border-radius:50%;top:3px;left:3px;transition:all .2s ease}.ai-toggle:checked::after{left:25px}.ai-cost-summary{margin-top:var(--f3d-spacing-6);padding:var(--f3d-spacing-4);border-radius:var(--f3d-radius-lg);background:var(--f3d-gray-100);border:1px solid var(--f3d-gray-300)}[data-bs-theme=dark] .ai-cost-summary{background:var(--f3d-gray-800);border-color:var(--f3d-gray-700)}.ai-cost-row{display:flex;justify-content:space-between;margin-bottom:var(--f3d-spacing-2);font-size:var(--f3d-text-base)}.ai-cost-row:last-child{margin:0;font-weight:var(--f3d-font-extrabold);font-size:var(--f3d-text-xl);padding-top:var(--f3d-spacing-2);border-top:1px solid var(--f3d-gray-300)}[data-bs-theme=dark] .ai-cost-row:last-child{border-color:var(--f3d-gray-700)}.ai-cost-value{font-weight:var(--f3d-font-bold);color:var(--f3d-orange-600)}.ai-cost-value.total{font-size:var(--f3d-text-2xl)}.ai-generate-btn{width:100%;padding:var(--f3d-spacing-4);border:0;border-radius:var(--f3d-radius-lg);background:linear-gradient(135deg,var(--f3d-orange-500),var(--f3d-orange-300));color:var(--f3d-dark);font-weight:var(--f3d-font-extrabold);font-size:var(--f3d-text-lg);cursor:pointer;transition:all .2s ease;margin-top:var(--f3d-spacing-4)}.ai-generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(235,115,50,.3)}.ai-generate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.ai-divider{height:1px;background:var(--f3d-gray-300);margin:var(--f3d-spacing-6)0}[data-bs-theme=dark] .ai-divider{background:var(--f3d-gray-700)}.ai-style-preview{margin-top:var(--f3d-spacing-4);padding:var(--f3d-spacing-4);border-radius:var(--f3d-radius-lg);background:var(--f3d-gray-100);border:1px solid var(--f3d-gray-300)}[data-bs-theme=dark] .ai-style-preview{background:var(--f3d-gray-800);border-color:var(--f3d-gray-700)}.ai-style-preview__title{font-weight:var(--f3d-font-bold);margin-bottom:var(--f3d-spacing-3)}.ai-style-preview__images{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--f3d-spacing-3)}@media (max-width:576px){.ai-style-preview__images{grid-template-columns:1fr}}.ai-style-preview__image-wrapper{position:relative}.ai-style-preview__label{font-size:var(--f3d-text-sm);font-weight:var(--f3d-font-semibold);margin-bottom:var(--f3d-spacing-2);display:block}.ai-style-preview__image{width:100%;border-radius:var(--f3d-radius-base);border:1px solid var(--f3d-gray-300)}[data-bs-theme=dark] .ai-style-preview__image{border-color:var(--f3d-gray-700)}.ai-progress-section,.ai-result-section{margin-top:var(--f3d-spacing-6)}.ai-auth-bar{position:fixed;bottom:0;left:0;right:0;z-index:1040;background:linear-gradient(135deg,rgba(var(--f3d-primary-rgb),.95) 0%,rgba(var(--f3d-secondary-rgb),.95) 100%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0-4px 20px rgba(0,0,0,.15),0-2px 10px rgba(var(--f3d-primary-rgb),.2);border-top:1px solid rgba(255,255,255,.1);animation:slideUpFadeIn .4s cubic-bezier(.4,0,.2,1)}.ai-auth-bar.closing{animation:slideDownFadeOut .3s cubic-bezier(.4,0,.2,1) forwards}.ai-auth-bar-content{display:flex;align-items:center;gap:1.5rem;padding:1.25rem 2rem;max-width:1400px;margin:0 auto}@media (max-width:768px){.ai-auth-bar-content{flex-direction:column;gap:1rem;padding:1rem;text-align:center}}.ai-auth-bar-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.15);border-radius:12px;border:1px solid rgba(255,255,255,.2)}.ai-auth-bar-icon i{font-size:1.5rem;color:#fff}@media (max-width:768px){.ai-auth-bar-icon{width:40px;height:40px}.ai-auth-bar-icon i{font-size:1.25rem}}.ai-auth-bar-text{flex:1;color:#fff}.ai-auth-bar-text strong{display:block;font-size:1.125rem;font-weight:600;margin-bottom:.25rem}@media (max-width:768px){.ai-auth-bar-text strong{font-size:1rem}}.ai-auth-bar-subtext{display:block;font-size:.875rem;opacity:.9}@media (max-width:768px){.ai-auth-bar-subtext{font-size:.8125rem}}.ai-auth-bar-actions{display:flex;gap:.75rem;flex-shrink:0}@media (max-width:768px){.ai-auth-bar-actions{width:100%;justify-content:center}}.ai-auth-btn{padding:.625rem 1.5rem;font-weight:600;font-size:.9375rem;border-radius:8px;transition:all .2s ease;white-space:nowrap}.ai-auth-btn.btn-outline-light{border:2px solid rgba(255,255,255,.3);color:#fff;background:0 0}.ai-auth-btn.btn-outline-light:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.5);transform:translateY(-1px)}.ai-auth-btn.btn-light{background:#fff;color:var(--f3d-primary);border:2px solid #fff}.ai-auth-btn.btn-light:hover{background:rgba(255,255,255,.95);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}@media (max-width:768px){.ai-auth-btn{flex:1;padding:.5rem 1rem;font-size:.875rem}}.ai-auth-bar-close{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease}.ai-auth-bar-close:hover{background:rgba(255,255,255,.2);transform:scale(1.05)}.ai-auth-bar-close i{font-size:1rem}@media (max-width:768px){.ai-auth-bar-close{position:absolute;top:.75rem;right:.75rem}}@media (max-width:992px){.ai-header__title{font-size:var(--f3d-text-2xl)}.ai-quality-grid{grid-template-columns:1fr}}@media (max-width:768px){.ai-generator-page{padding:var(--f3d-spacing-3)0}.ai-tabs{flex-direction:column;align-items:stretch}.ai-tab{width:100%;text-align:center}.credit-type-grid{grid-template-columns:1fr}.ai-grid-select{grid-template-columns:repeat(3,1fr)}}@media (max-width:576px){.ai-header__title{font-size:var(--f3d-text-xl)}.ai-option-card{padding:var(--f3d-spacing-2)}.ai-option-card__icon{font-size:var(--f3d-text-2xl)}.ai-option-card__name{font-size:var(--f3d-text-xs)}.ai-quality-card{padding:var(--f3d-spacing-3)}.ai-upload-area{padding:var(--f3d-spacing-6)}.ai-upload-area__icon{font-size:var(--f3d-text-4xl)}}