:root{--color-primary:#4f46e5;--color-primary-light:#6366f1;--color-primary-lighter:#eef2ff;--color-primary-dark:#4338ca;--color-accent-violet:#7c3aed;--color-accent-rose:#e11d48;--color-accent-amber:#d97706;--color-accent-emerald:#059669;--color-accent-sky:#0284c7;--color-accent-pink:#db2777;--color-accent-teal:#0d9488;--color-accent-orange:#ea580c;--color-white:#fff;--color-gray-25:#fcfcfd;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.875rem;--font-size-md:.9375rem;--font-size-lg:1rem;--font-size-xl:1.125rem;--font-size-2xl:1.375rem;--font-size-3xl:1.625rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--sidebar-width:240px;--topbar-height:56px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--border-color:var(--color-gray-200);--border:1px solid var(--border-color);--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{min-height:100vh;line-height:var(--line-height-normal)}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;font-weight:var(--font-weight-semibold)}p{overflow-wrap:break-word}#app{min-height:100vh}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-gray-800);background-color:var(--color-white)}.app-layout{min-height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}::selection{background:var(--color-primary-lighter);color:var(--color-primary-dark)}.badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);align-items:center;padding:2px 8px;line-height:1.6;display:inline-flex}.badge--new{color:#1d4ed8;background:#dbeafe}.badge--offer{color:#b45309;background:#fef3c7}.netlify-badge,#netlify-badge,.netlify-drawer,[data-netlify-drawer],[id*=netlify],iframe[title*=Netlify],iframe[src*=netlify]{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}.sidebar{width:var(--sidebar-width);background:var(--color-white);border-right:var(--border);z-index:100;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar__logo{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:var(--border);flex-shrink:0;display:flex}.sidebar__logo-icon{background:linear-gradient(135deg, var(--color-primary), var(--color-accent-violet));border-radius:var(--radius-md);color:#fff;width:32px;height:32px;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__logo-text{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);letter-spacing:-.01em}.sidebar__logo-text span{color:var(--color-primary)}.sidebar__logo-dropdown{color:var(--color-gray-400);transition:color var(--transition-fast);cursor:pointer;margin-left:auto}.sidebar__logo-dropdown:hover{color:var(--color-gray-600)}.sidebar__search{padding:var(--space-3) var(--space-4);flex-shrink:0}.sidebar__search-input{width:100%;padding:var(--space-2) var(--space-3);border:var(--border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-gray-700);background:var(--color-gray-50);transition:all var(--transition-fast);outline:none;padding-left:36px}.sidebar__search-input::placeholder{color:var(--color-gray-400)}.sidebar__search-input:focus{border-color:var(--color-primary-light);background:var(--color-white);box-shadow:0 0 0 3px #4f46e514}.sidebar__search-wrapper{position:relative}.sidebar__search-icon{color:var(--color-gray-400);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.sidebar__nav{padding:var(--space-2) var(--space-3);flex:1;overflow-y:auto}.sidebar__group{margin-bottom:var(--space-4)}.sidebar__group-label{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em}.sidebar__item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;display:flex;position:relative}.sidebar__item:hover{background:var(--color-gray-50);color:var(--color-gray-800)}.sidebar__item--active,.sidebar__item--active:hover{background:var(--color-primary-lighter);color:var(--color-primary)}.sidebar__item-icon{width:20px;height:20px;color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__item-icon svg{width:18px;height:18px}.sidebar__item-badge{margin-left:auto}.sidebar__footer{padding:var(--space-4);border-top:var(--border);flex-shrink:0}.sidebar__credits{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--space-3);display:flex}.sidebar__credits-icon{border:2px solid var(--color-gray-300);border-radius:50%;flex-shrink:0;width:16px;height:16px}.sidebar__cta{width:100%;padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.sidebar__cta:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.sidebar__cta:active{transform:translateY(0)}.sidebar__invite{padding:var(--space-2);font-size:var(--font-size-sm);color:var(--color-gray-500);cursor:pointer;transition:color var(--transition-fast);margin-top:var(--space-2);justify-content:center;align-items:center;display:flex}.sidebar__invite:hover{color:var(--color-primary)}.main{margin-left:var(--sidebar-width);background:var(--color-white);flex:1;min-height:100vh}.topbar{padding:var(--space-3) var(--space-8);height:var(--topbar-height);background:var(--color-white);border-bottom:var(--border);z-index:50;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar__left{align-items:center;gap:var(--space-4);display:flex}.topbar__breadcrumb{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.topbar__right{align-items:center;gap:var(--space-3);display:flex;position:relative}.topbar__icon-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-gray-500);transition:all var(--transition-fast);cursor:pointer;justify-content:center;align-items:center;display:flex}.topbar__icon-btn svg{width:18px;height:18px;display:block}.topbar__icon-btn:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.topbar__avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-accent-violet));color:#fff;width:32px;height:32px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);cursor:pointer;transition:box-shadow var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.topbar__avatar:hover{box-shadow:0 0 0 3px #4f46e526}.content{padding:var(--space-6) var(--space-8);max-width:1100px}.content--batch{max-width:none;padding:0}.content--admin{max-width:none}.content--billing{width:100%;max-width:none;padding:0}.banners{gap:var(--space-3);margin-bottom:var(--space-8);flex-direction:column;display:flex}.banner{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);background:var(--color-gray-50);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--color-gray-100);display:flex}.banner:hover{background:var(--color-gray-100);border-color:var(--color-gray-200)}.banner__badge{flex-shrink:0}.banner__text{font-size:var(--font-size-sm);color:var(--color-gray-700);font-weight:var(--font-weight-medium)}.banner__arrow{color:var(--color-gray-400);font-size:var(--font-size-lg);transition:transform var(--transition-fast);margin-left:auto}.banner:hover .banner__arrow{transform:translate(3px)}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--space-5);letter-spacing:-.02em}.section-subtitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--space-1);letter-spacing:-.01em}.section-desc{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--space-5)}.feature-grid{gap:var(--space-5);margin-bottom:var(--space-12);grid-template-columns:repeat(6,1fr);display:grid}.feature-card{align-items:center;gap:var(--space-3);cursor:pointer;group:card;flex-direction:column;display:flex}.feature-card__thumb{aspect-ratio:1;border-radius:var(--radius-xl);background:var(--color-gray-100);width:100%;transition:all var(--transition-base);box-shadow:var(--shadow-xs);position:relative;overflow:hidden}.feature-card:hover .feature-card__thumb{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-card__thumb img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.feature-card:hover .feature-card__thumb img{transform:scale(1.05)}.feature-card__icon-badge{border-radius:var(--radius-md);color:#fff;width:28px;height:28px;box-shadow:var(--shadow-md);justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;bottom:8px;left:8px}.feature-card__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);text-align:center;transition:color var(--transition-fast)}.feature-card:hover .feature-card__label{color:var(--color-primary)}.quick-edits{margin-bottom:var(--space-12)}.quick-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.quick-card{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:var(--border);background:var(--color-white);cursor:pointer;transition:all var(--transition-fast);display:flex}.quick-card:hover{border-color:var(--color-primary-light);background:var(--color-primary-lighter);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.quick-card__icon{border-radius:var(--radius-lg);width:40px;height:40px;transition:transform var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.quick-card:hover .quick-card__icon{transform:scale(1.1)}.quick-card__icon--violet{color:#7c3aed;background:#ede9fe}.quick-card__icon--sky{color:#0284c7;background:#e0f2fe}.quick-card__icon--emerald{color:#059669;background:#d1fae5}.quick-card__icon--rose{color:#e11d48;background:#ffe4e6}.quick-card__icon--amber{color:#d97706;background:#fef3c7}.quick-card__icon--teal{color:#0d9488;background:#ccfbf1}.quick-card__icon--pink{color:#db2777;background:#fce7f3}.quick-card__icon--orange{color:#ea580c;background:#ffedd5}.quick-card__info{flex-direction:column;gap:2px;display:flex}.quick-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}.quick-card__desc{font-size:var(--font-size-xs);color:var(--color-gray-500)}@media (width<=1200px){.feature-grid{grid-template-columns:repeat(4,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.feature-grid{grid-template-columns:repeat(3,1fr)}.quick-grid{grid-template-columns:1fr}}.batch-page{min-height:calc(100vh - var(--topbar-height) - var(--space-12));justify-content:center;align-items:center;display:flex}.batch-upload-card{background-color:var(--color-gray-50);border:2px dashed var(--color-gray-300);border-radius:var(--radius-xl);width:100%;max-width:600px;padding:var(--space-12) var(--space-6);text-align:center;transition:border-color var(--transition-fast), background-color var(--transition-fast);flex-direction:column;align-items:center;display:flex}.batch-upload-card:hover{border-color:var(--color-primary-light);background-color:var(--color-primary-lighter)}.batch-upload-icon{color:#0284c7;border-radius:var(--radius-lg);width:64px;height:64px;margin-bottom:var(--space-6);background-color:#e0f2fe;justify-content:center;align-items:center;display:flex}.batch-upload-icon svg{width:32px;height:32px}.batch-upload-card h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--space-2)}.batch-upload-card p{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--space-6)}.batch-upload-btn{color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);transition:background-color var(--transition-fast);cursor:pointer;background-color:#1d4ed8;border:none;display:flex}.batch-upload-btn:hover{background-color:#1e3a8a}.batch-formats{gap:var(--space-2);display:flex}.format-badge{background-color:var(--color-gray-100);color:var(--color-gray-600);font-size:11px;font-weight:var(--font-weight-medium);border-radius:4px;padding:4px 8px}.batch-workspace{height:calc(100vh - var(--topbar-height));gap:0;display:flex}.batch-left{background:var(--color-gray-50);flex-direction:column;flex:1;display:flex;overflow:hidden}.batch-toolbar{padding:var(--space-3) var(--space-5);border-bottom:var(--border);background:var(--color-white);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.batch-toolbar__count{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700)}.batch-toolbar__right{gap:var(--space-2);display:flex}.batch-toolbar__btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-600);background:var(--color-white);border:var(--border);cursor:pointer;transition:all var(--transition-fast);display:flex}.batch-toolbar__btn:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.batch-grid{gap:var(--space-4);padding:var(--space-5);flex:1;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-auto-rows:auto;align-content:start;display:grid;overflow-y:auto}.batch-thumb{border-radius:var(--radius-lg);background:var(--color-white);border:2px solid var(--color-gray-200);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);cursor:pointer;width:100%;padding-bottom:133.33%;position:relative;overflow:hidden}.batch-thumb:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);z-index:2;transform:translateY(-2px)}.batch-thumb>img:not(.batch-thumb__model-badge){object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.batch-thumb__overlay{padding:var(--space-4) var(--space-3) var(--space-2);background:linear-gradient(#0000,#0009);flex-direction:column;gap:2px;display:flex;position:absolute;bottom:0;left:0;right:0}.batch-thumb__name{font-size:11px;font-weight:var(--font-weight-medium);color:#fff}.batch-thumb__size{color:#ffffffb3;font-size:10px;font-weight:var(--font-weight-medium);background:#0000004d;border-radius:3px;width:fit-content;padding:1px 6px}.batch-thumb__checkbox{z-index:10;cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary);position:absolute;top:8px;left:8px}.batch-thumb__model-badge{background:var(--color-gray-900);color:#fff;font-size:11px;font-weight:var(--font-weight-bold);border-radius:var(--radius-full);z-index:10;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:2px 6px;display:flex;position:absolute;top:6px;right:36px}.batch-thumb__delete{color:#fff;cursor:pointer;opacity:0;width:24px;height:24px;transition:opacity var(--transition-fast), background var(--transition-fast);z-index:10;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:6px;right:6px}.batch-thumb:hover .batch-thumb__delete{opacity:1}.batch-thumb__delete:hover{background:#e11d48}.batch-upload-card.drag-over{border-color:var(--color-primary);background-color:var(--color-primary-lighter)}.batch-right{background:var(--color-white);border-left:var(--border);flex-direction:column;flex-shrink:0;width:340px;height:100%;display:flex}.batch-right__header{padding:var(--space-5) var(--space-5) var(--space-3);border-bottom:var(--border);flex-shrink:0}.batch-right__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--space-1)}.batch-right__subtitle{font-size:var(--font-size-xs);color:var(--color-gray-500)}.batch-right__subtitle strong{color:var(--color-primary)}.batch-options-list{padding:var(--space-3) var(--space-4);gap:var(--space-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.setting-card{align-items:center;gap:var(--space-3);padding:var(--space-3);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;display:flex}.setting-card:hover{border-color:var(--color-primary-light);background:var(--color-primary-lighter)}.setting-card.selected{border-color:var(--color-primary);background:var(--color-primary-lighter)}.setting-card input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;width:18px;height:18px}.setting-card__preview{border-radius:var(--radius-md);border:var(--border);background:var(--color-gray-100);flex-shrink:0;width:44px;height:44px;overflow:hidden}.setting-card__preview img{object-fit:cover;width:100%;height:100%}.setting-info{flex-direction:column;gap:1px;min-width:0;display:flex}.setting-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.setting-desc{color:var(--color-gray-500);white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.3;overflow:hidden}.batch-models-summary{padding:var(--space-3) var(--space-5);border-top:var(--border);background:var(--color-gray-50);justify-content:space-between;align-items:center;display:flex}.batch-models-summary__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600)}.batch-models-summary__faces{gap:-4px;display:flex}.batch-models-summary__faces img{object-fit:cover;width:44px;height:44px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-fast);border:2px solid #fff;border-radius:50%;margin-left:-8px}.batch-models-summary__faces img:hover{z-index:10;transform:scale(1.1)}.batch-models-summary__faces img:first-child{margin-left:0}.batch-right__footer{padding:var(--space-4) var(--space-5);border-top:var(--border);background:var(--color-white);flex-shrink:0}.batch-cost-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:6px;margin-bottom:12px;padding:12px 14px;display:flex}.batch-cost-row{color:#475569;justify-content:space-between;align-items:center;font-size:12px;display:flex}.batch-cost-row--free{background:#10b98114;border:1px solid #10b98126;border-radius:6px;padding:4px 8px}.batch-cost-label{align-items:center;gap:6px;font-weight:500;display:flex}.batch-cost-value{color:#0f172a;flex-direction:column;align-items:flex-end;font-weight:600;display:flex}.batch-cost-detail{color:#64748b;font-size:10px;font-weight:400}.batch-cost-divider{background:#e2e8f0;height:1px;margin:4px 0}.batch-insufficient-credits-alert{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;flex-direction:column;gap:8px;margin-bottom:12px;padding:10px 12px;display:flex}.batch-upgrade-btn-inline{color:#fff;cursor:pointer;text-align:center;background:#7c3aed;border:none;border-radius:6px;width:100%;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.batch-upgrade-btn-inline:hover{background:#6d28d9}.process-btn{width:100%;padding:var(--space-3);background:linear-gradient(135deg, var(--color-primary), var(--color-accent-violet));color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-md);border:none}.process-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale()}.process-btn:hover:not(:disabled){box-shadow:var(--shadow-lg);filter:brightness(1.05);transform:translateY(-1px)}.process-btn:active:not(:disabled){transform:translateY(0)}.image-modal{z-index:1000;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.image-modal.active{opacity:1;pointer-events:all}.image-modal__img{object-fit:contain;border-radius:var(--radius-lg);max-width:100%;max-height:90vh;box-shadow:0 10px 30px #00000080}.image-modal__close{cursor:pointer;width:32px;height:32px;box-shadow:var(--shadow-md);color:var(--color-gray-900);transition:transform var(--transition-fast);background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-15px;right:-15px}.image-modal__close:hover{transform:scale(1.1)}.avatar-modal{z-index:1000;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.avatar-modal.active{opacity:1;pointer-events:all}.avatar-modal__content{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-6);width:400px;max-width:90vw;box-shadow:var(--shadow-xl)}.avatar-modal__header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.avatar-modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.avatar-modal__close{cursor:pointer;color:var(--color-gray-500);background:0 0;border:none}.avatar-modal__grid{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.avatar-card{border:2px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-2);cursor:pointer;text-align:center;transition:all var(--transition-fast)}.avatar-card:hover{border-color:var(--color-primary-light)}.avatar-card.selected{border-color:var(--color-primary);background:var(--color-primary-lighter)}.avatar-card img{aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius-sm);width:100%;margin-bottom:var(--space-2)}.avatar-card span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-800)}.avatar-modal__footer{justify-content:flex-end;display:flex}.avatar-modal__apply{background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;border:none}.avatar-modal__apply:disabled{opacity:.5;cursor:not-allowed}.content--generate{flex-direction:column;max-width:none;padding:0;display:flex}.generate-view{height:calc(100vh - var(--topbar-height));flex-direction:column;display:flex;position:relative;overflow:hidden}.generate-main{padding:var(--space-6);flex:1;justify-content:center;align-items:center;display:flex;overflow-y:auto}.generate-bottom{padding:var(--space-6);align-items:center;gap:var(--space-4);flex-direction:column;width:100%;max-width:800px;margin:0 auto;display:flex}.prompt-suggestions{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.prompt-pill{background:var(--color-gray-100);border:1px solid var(--color-gray-200);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-gray-800);cursor:pointer;transition:all var(--transition-fast)}.prompt-pill:hover{background:var(--color-gray-200);transform:translateY(-1px)}.prompt-box{background:var(--color-white);border-radius:var(--radius-xl);width:100%;padding:var(--space-4);gap:var(--space-4);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #00000014;flex-direction:column;display:flex;box-shadow:0 4px 20px #0000000a}.prompt-box:focus-within{border-color:#4f46e54d;box-shadow:0 4px 20px #0000000f,0 0 0 3px #4f46e50f}.prompt-input{resize:none;width:100%;font-size:var(--font-size-md);color:var(--color-gray-900);background:0 0;border:none;outline:none;min-height:52px;font-family:inherit;line-height:1.6}.prompt-input::placeholder{color:var(--color-gray-400)}.prompt-actions{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.prompt-actions__left{align-items:center;gap:var(--space-2);display:flex}.prompt-ref-preview{display:block;position:relative}.prompt-ref-thumbnail{border-radius:var(--radius-md);object-fit:cover;border:1px solid var(--color-gray-200);cursor:pointer;width:36px;height:36px;transition:opacity var(--transition-fast);display:block}.prompt-ref-thumbnail:hover{opacity:.8}.prompt-ref-remove-btn{background:var(--color-gray-800);color:#fff;cursor:pointer;width:16px;height:16px;transition:transform var(--transition-fast), background var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 4px #0003}.prompt-ref-remove-btn:hover{background:var(--color-gray-900);transform:scale(1.1)}.prompt-reference-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);display:flex}.prompt-reference-btn:hover{border-color:var(--color-primary-light);color:var(--color-primary);background:var(--color-primary-lighter)}.ratio-dropdown-wrap{position:relative}.prompt-ratio-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);display:flex}.prompt-ratio-btn:hover{border-color:var(--color-primary-light);color:var(--color-primary)}.ratio-icon{background:var(--color-gray-400);border-radius:2px}.ratio-1-1{width:12px;height:12px}.ratio-3-4{width:10px;height:14px}.ratio-4-5{width:11px;height:14px}.ratio-16-9{width:16px;height:9px}.ratio-dropdown{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);min-width:180px;padding:var(--space-2);z-index:50;display:none;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 8px 24px #0000001f}.ratio-dropdown.open{flex-direction:column;display:flex}.ratio-dropdown__item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.ratio-dropdown__item:hover{background:var(--color-gray-50)}.ratio-dropdown__item.active{background:var(--color-primary-lighter)}.ratio-dropdown__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-900)}.ratio-dropdown__size{color:var(--color-gray-500);font-size:11px}.prompt-submit-btn{background:linear-gradient(135deg, var(--color-gray-800), var(--color-gray-900));color:#fff;cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #00000026}.prompt-submit-btn:hover{background:var(--color-gray-900);transform:scale(1.05)}.prompt-submit-btn:active{transform:scale(.95)}.content--generate{max-width:none;height:calc(100vh - var(--topbar-height));flex-direction:column;padding:0;display:flex;overflow:hidden}.generate-view{flex-direction:column;height:100%;display:flex;position:relative}.generate-main{padding:var(--space-8);flex:1;overflow-y:auto}.generate-bottom{border-top:1px solid var(--color-gray-100);background:var(--color-white);padding:var(--space-4) var(--space-8);align-items:center;gap:var(--space-4);flex-direction:column;flex-shrink:0;width:100%;max-width:800px;margin:0 auto;display:flex}.image-modal{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.image-modal.open,.image-modal.active{display:flex}.image-modal__content{max-width:90vw;max-height:90vh;position:relative}.image-modal__close{border-radius:var(--radius-md);color:#fff;cursor:pointer;width:32px;height:32px;transition:background var(--transition-fast);background:#ffffff26;border:1px solid #ffffff4d;justify-content:center;align-items:center;display:flex;position:absolute;top:-40px;right:0}.image-modal__close:hover{background:#ffffff40}.image-modal__img{border-radius:var(--radius-lg);max-width:100%;max-height:90vh;display:block}.profile-dropdown{background:var(--color-surface,#fff);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);z-index:200;transform-origin:100% 0;flex-direction:column;width:265px;margin-top:8px;animation:.18s ease-out dropdownOpen;display:none;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 16px 40px -8px #00000026,0 6px 16px -4px #00000014}@keyframes dropdownOpen{0%{opacity:0;transform:scale(.95)translateY(-6px)}to{opacity:1;transform:scale(1)translateY(0)}}.profile-dropdown.open{display:flex}.topbar__avatar{cursor:pointer}.profile-dropdown__header{padding:var(--space-4);border-bottom:1px solid var(--color-gray-100);background:var(--color-gray-50)}.profile-dropdown__email{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);word-break:break-all}.profile-dropdown__plan{font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-medium);align-items:center;gap:var(--space-1);margin-top:4px;display:flex}.profile-dropdown__plan-badge{color:var(--color-primary);font-weight:var(--font-weight-bold);text-transform:uppercase;background:#7c3aed1a;border-radius:9999px;padding:1px 6px;font-size:9px}.profile-dropdown__items{padding:var(--space-2) 0}.profile-dropdown__item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);color:var(--color-gray-700);text-align:left;cursor:pointer;width:100%;transition:background var(--transition-fast);background:0 0;border:none;display:flex}.profile-dropdown__item:hover{background:var(--color-gray-50);color:var(--color-gray-900)}.profile-dropdown__item-icon{width:16px;height:16px;color:var(--color-gray-400);align-items:center;display:flex}.profile-dropdown__item-icon svg{width:100%;height:100%}.profile-dropdown__divider{background:var(--color-gray-100);height:1px;margin:var(--space-2) 0}.profile-dropdown__item--signout{color:var(--color-error)}.profile-dropdown__item--signout:hover{color:var(--color-error);background:#ef44440d}.pricing-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;padding:var(--space-4);background:#0f172a99;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.pricing-modal.open{display:flex}.pricing-modal__content{background:var(--color-white);border-radius:var(--radius-2xl);width:100%;max-width:960px;max-height:90vh;animation:.3s ease-out modalFadeIn;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pricing-modal__close{background:var(--color-gray-100);cursor:pointer;width:36px;height:36px;color:var(--color-gray-500);transition:all var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;right:20px}.pricing-modal__close:hover{background:var(--color-gray-200);color:var(--color-gray-700)}.pricing-modal__header{text-align:center;padding:var(--space-8) var(--space-8) var(--space-4) var(--space-8)}.pricing-modal__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);letter-spacing:-.03em}.pricing-modal__subtitle{font-size:var(--font-size-md);color:var(--color-gray-500);margin-top:var(--space-2)}.pricing-modal__toggle{background:#f1f5f9;border-radius:30px;justify-content:center;align-items:center;gap:8px;max-width:480px;margin:18px auto 0;padding:4px;display:flex}.pricing-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:24px;flex:1;padding:8px 18px;font-size:13px;font-weight:700;transition:all .15s}.pricing-toggle-btn.active{color:#7c3aed;background:#fff;box-shadow:0 2px 8px #00000014}.pricing-modal__grid{gap:var(--space-6);padding:var(--space-6) var(--space-8) var(--space-8) var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.topup-grid{grid-template-columns:repeat(4,1fr);gap:16px;padding:20px 32px 32px;display:grid}@media (width<=960px){.topup-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.topup-grid{grid-template-columns:1fr}}@media (width<=768px){.pricing-modal__grid{grid-template-columns:1fr}}.plan-card{border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-fast);flex-direction:column;display:flex;position:relative}.plan-card:hover{border-color:var(--color-gray-300);box-shadow:0 4px 20px #0000000d}.plan-card--popular{border-color:var(--color-primary);box-shadow:0 10px 30px -10px #7c3aed26}.plan-card--popular:hover{border-color:var(--color-primary);box-shadow:0 10px 30px -10px #7c3aed40}.plan-card__badge{background:var(--color-primary);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:4px 12px;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.plan-card__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.plan-card__price-wrap{margin-top:var(--space-4);align-items:baseline;display:flex}.plan-card__price{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--color-gray-900)}.plan-card__period{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-left:2px}.plan-card__desc{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-top:var(--space-3);margin-bottom:var(--space-6);height:40px;line-height:1.4}.plan-card__features{gap:var(--space-3);margin-bottom:var(--space-8);flex-direction:column;flex:1;display:flex}.plan-card__feature{align-items:flex-start;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-gray-600);display:flex}.plan-card__feature-icon{width:16px;height:16px;color:var(--color-primary);flex-shrink:0;align-items:center;margin-top:2px;display:flex}.plan-card__feature-icon svg{width:100%;height:100%}.plan-card__btn{width:100%;padding:var(--space-3);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--color-gray-200);color:var(--color-gray-700);background:0 0}.plan-card__btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.plan-card--popular .plan-card__btn{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.plan-card--popular .plan-card__btn:hover{background:var(--color-primary-dark,#6d28d9)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}}@keyframes shimmerWave{0%{background-position:-200% 0}to{background-position:200% 0}}.cs-spinner{vertical-align:middle;border:2.5px solid #7c3aed;border-color:#7c3aed #7c3aed #7c3aed2e #7c3aed2e;border-radius:50%;flex-shrink:0;width:28px;height:28px;animation:.75s linear infinite spin;display:inline-block}.cs-spinner--sm{border-width:2px;width:16px;height:16px}.cs-spinner--lg{border-width:3px;width:40px;height:40px}.cs-spinner--white{border-color:#fff #fff #ffffff40 #ffffff40}.cs-spinner--primary{border-color:#7c3aed #7c3aed #7c3aed33 #7c3aed33}.cs-loading-screen{width:100%;min-height:380px;color:var(--color-gray-500);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 24px;display:flex}.cs-loading-screen__title{color:var(--color-gray-800);margin:0 0 4px;font-size:15px;font-weight:600}.cs-loading-screen__desc{color:var(--color-gray-500);margin:0;font-size:13px}.cs-processing-overlay{-webkit-backdrop-filter:blur(4px);color:#fff;text-align:center;z-index:10;border-radius:inherit;background:#0f172ab3;flex-direction:column;justify-content:center;align-items:center;padding:12px;font-weight:600;display:flex;position:absolute;inset:0}.cs-processing-overlay span{letter-spacing:.02em;text-shadow:0 1px 3px #0006;margin-top:8px;font-size:12px}.batch-section{border-bottom:1px solid #f1f5f9;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.batch-section__header{justify-content:space-between;align-items:center;display:flex}.batch-section__title{color:#1e293b;text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:12px;font-weight:700}.batch-section__tag{color:#7c3aed;background:#f3e8ff;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.marketplace-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.marketplace-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;transition:all .15s;display:flex}.marketplace-card:hover{background:#f8fafc;border-color:#cbd5e1}.marketplace-card.selected{background:#fdf4ff;border-color:#7c3aed;box-shadow:0 0 0 1px #7c3aed}.marketplace-card__icon{font-size:16px;line-height:1}.marketplace-card__info{flex-direction:column;min-width:0;display:flex}.marketplace-card__name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.marketplace-card__ratio{color:#64748b;font-size:10px;font-weight:500}.resolution-pills-grid{flex-direction:column;gap:6px;display:flex}.resolution-pill{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:2px;padding:8px 12px;transition:all .15s;display:flex}.resolution-pill:hover{background:#f8fafc;border-color:#cbd5e1}.resolution-pill.selected{background:#fdf4ff;border-color:#7c3aed;box-shadow:0 0 0 1px #7c3aed}.resolution-pill.locked{opacity:.75;background:#f8fafc}.resolution-pill__top{justify-content:space-between;align-items:center;display:flex}.resolution-pill__name{color:#1e293b;font-size:12px;font-weight:700}.resolution-pill__badge{border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600}.badge--starter{color:#475569;background:#f1f5f9}.badge--pro{color:#7c3aed;background:#f3e8ff}.badge--biz{color:#92400e;background:#fef3c7}.resolution-pill__desc{color:#64748b;font-size:10px}.resolution-pill__lock{color:#9333ea;margin-top:2px;font-size:10px;font-weight:600}.smart-export-hub{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:16px;margin-bottom:24px;padding:20px 24px;display:flex;box-shadow:0 4px 12px #00000008}.smart-export-hub__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.smart-export-hub__title-wrap h2{color:#0f172a;margin:4px 0 2px;font-size:18px;font-weight:700}.smart-export-hub__title-wrap p{color:#64748b;margin:0;font-size:13px}.smart-export-hub__badge{color:#7c3aed;text-transform:uppercase;letter-spacing:.05em;background:#f3e8ff;border-radius:6px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.smart-export-hub__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.export-hub-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.export-hub-btn--primary{color:#fff;background:#7c3aed;box-shadow:0 2px 8px #7c3aed40}.export-hub-btn--primary:hover:not(:disabled){background:#6d28d9;transform:translateY(-1px);box-shadow:0 4px 14px #7c3aed59}.export-hub-btn--bundle{color:#fff;background:#0f172a;box-shadow:0 2px 8px #0f172a33}.export-hub-btn--bundle:hover:not(:disabled){background:#1e293b;transform:translateY(-1px);box-shadow:0 4px 14px #0f172a4d}.export-hub-btn:disabled{opacity:.5;cursor:not-allowed}.smart-export-hub__controls{border-top:1px solid #f1f5f9;flex-direction:column;gap:12px;padding-top:16px;display:flex}.export-platform-tabs{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.export-platform-tab{cursor:pointer;text-align:left;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;flex-direction:column;align-items:flex-start;padding:10px 12px;transition:all .15s;display:flex}.export-platform-tab:hover{background:#f8fafc;border-color:#cbd5e1}.export-platform-tab.active{background:#faf5ff;border-color:#7c3aed;box-shadow:0 0 0 1px #7c3aed}.export-platform-tab__icon{margin-bottom:2px;font-size:18px}.export-platform-tab__name{color:#1e293b;font-size:13px;font-weight:700}.export-platform-tab__dim{color:#64748b;margin-top:2px;font-size:11px}.export-resolution-bar{background:#f8fafc;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;display:flex}.export-resolution-label{color:#475569;font-size:12px;font-weight:600}.export-res-toggle-group{gap:6px;display:flex}.export-res-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.export-res-btn:hover{color:#0f172a;background:#f1f5f9}.export-res-btn.active{color:#fff;background:#7c3aed;border-color:#7c3aed}.export-res-btn.locked{opacity:.8}.export-res-tag{border-radius:4px;padding:1px 4px;font-size:9px}.export-res-btn.active .export-res-tag{color:#fff;background:#ffffff40}.job-card-platform-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;z-index:10;text-transform:uppercase;letter-spacing:.03em;background:#0f172abf;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:600;position:absolute;bottom:8px;left:8px}.job-outlets-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;transition:all .3s;display:grid}.job-outlets-grid--ratio-3x4 .job-card-wrapper{aspect-ratio:3/4!important}.job-outlets-grid--ratio-1x1 .job-card-wrapper{aspect-ratio:1!important}.job-outlets-grid--ratio-4x5 .job-card-wrapper{aspect-ratio:4/5!important}.job-card-wrapper{aspect-ratio:3/4;background:#f8fafc;border-radius:8px 8px 0 0;width:100%;position:relative;overflow:hidden}.job-card-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.job-card:hover .job-card-wrapper img{transform:scale(1.03)}.job-card-img-before{object-fit:cover;opacity:0;pointer-events:none;z-index:3;width:100%;height:100%;transition:opacity .25s ease-in-out;position:absolute;inset:0}.job-card-wrapper.show-before .job-card-img-before,.job-card-wrapper:hover.enable-hover-flip .job-card-img-before{opacity:1}.job-card-compare-pill{z-index:12;-webkit-backdrop-filter:blur(6px);color:#fff;cursor:pointer;background:#0f172abf;border:1px solid #ffffff40;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:8px;left:8px;box-shadow:0 2px 6px #0003}.job-card-compare-pill:hover{background:#7c3aed;border-color:#a78bfa;transform:translateY(-1px)}.job-card .asset-card-preview-btn{-webkit-backdrop-filter:blur(6px);color:#fff;cursor:pointer;z-index:20;opacity:.9;background:#0f172abf;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #00000040}.job-card:hover .asset-card-preview-btn{opacity:1;transform:scale(1.05)}.job-card .asset-card-preview-btn:hover{color:#fff;background:#7c3aed;border-color:#a78bfa;box-shadow:0 4px 14px #7c3aed73;transform:scale(1.15)!important}.results-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.results-filter-tabs{align-items:center;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.results-filter-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #0000;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.results-filter-tab:hover{color:#1e293b;background:#e2e8f0}.results-filter-tab.active{color:#fff;background:#7c3aed;box-shadow:0 2px 6px #7c3aed40}.results-filter-tab__count{background:#00000014;border-radius:10px;padding:1px 5px;font-size:10px}.results-filter-tab.active .results-filter-tab__count{background:#ffffff40}.assets-folders-grid-modern{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:16px;display:grid}.asset-folder-card-modern{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:14px;padding:16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 6px #00000005}.asset-folder-card-modern:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 10px 24px #0000000f}.folder-thumb-stack{background:#f1f5f9;border-radius:10px;justify-content:center;align-items:center;width:100%;height:140px;display:flex;position:relative;overflow:hidden}.folder-thumb-layer{object-fit:cover;border:2px solid #fff;border-radius:6px;width:90px;height:120px;transition:transform .25s;position:absolute;box-shadow:0 4px 10px #00000026}.folder-thumb-layer:first-child{z-index:1;transform:translate(-30px,4px)rotate(-6deg)}.folder-thumb-layer:nth-child(2){z-index:2;transform:translate(30px,4px)rotate(6deg)}.folder-thumb-layer:nth-child(3){z-index:3;transform:translate(0)rotate(0)}.asset-folder-card-modern:hover .folder-thumb-layer:first-child{transform:translate(-42px,2px)rotate(-10deg)}.asset-folder-card-modern:hover .folder-thumb-layer:nth-child(2){transform:translate(42px,2px)rotate(10deg)}.asset-folder-card-modern:hover .folder-thumb-layer:nth-child(3){transform:translateY(-6px)scale(1.05)}.folder-meta-modern{justify-content:space-between;align-items:center;display:flex}.folder-meta-title{color:#0f172a;margin:0 0 4px;font-size:15px;font-weight:700}.folder-meta-subtitle{color:#64748b;margin:0;font-size:12px}.folder-meta-badges{gap:6px;display:flex}.folder-meta-badge{color:#475569;background:#f1f5f9;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.folder-meta-badge--ai{color:#7c3aed;background:#faf5ff;border:1px solid #e9d5ff}.assets-segment-tabs{border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;margin-bottom:20px;padding-bottom:12px;display:flex}.assets-segment-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.assets-segment-tab:hover{color:#0f172a;background:#f1f5f9}.assets-segment-tab.active{color:#7c3aed;background:#faf5ff}.billing-container{box-sizing:border-box;flex-direction:column;gap:24px;width:100%;max-width:100%;padding:24px 32px;display:flex}.billing-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;width:100%;display:flex}.billing-header h1{color:#0f172a;letter-spacing:-.02em;margin:0 0 4px;font-size:24px;font-weight:800}.billing-header p{color:#64748b;margin:0;font-size:14px}.billing-header-actions{gap:10px;display:flex}.billing-kpi-grid{grid-template-columns:repeat(3,1fr);gap:20px;width:100%;display:grid}@media (width<=960px){.billing-kpi-grid{grid-template-columns:1fr}}.billing-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:space-between;gap:16px;padding:20px 24px;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000005}.billing-card:hover{border-color:#cbd5e1;box-shadow:0 6px 18px #0000000d}.billing-card-top{justify-content:space-between;align-items:flex-start;display:flex}.billing-card-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:12px;font-weight:700}.billing-card-value{color:#0f172a;align-items:center;gap:8px;font-size:22px;font-weight:800;display:flex}.billing-card-sub{color:#64748b;margin-top:4px;font-size:13px}.billing-gauge-track{background:#f1f5f9;border-radius:6px;width:100%;height:8px;margin:8px 0 4px;overflow:hidden}.billing-gauge-fill{background:linear-gradient(90deg,#7c3aed,#ec4899);border-radius:6px;height:100%;transition:width .4s}.billing-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.billing-btn--primary{color:#fff;background:#7c3aed}.billing-btn--primary:hover{background:#6d28d9;transform:translateY(-1px)}.billing-btn--outline{color:#334155;background:#fff;border:1px solid #cbd5e1}.billing-btn--outline:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.billing-tabs-bar{border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;padding-bottom:12px;display:flex}.billing-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .15s}.billing-tab-btn:hover{color:#0f172a;background:#f1f5f9}.billing-tab-btn.active{color:#7c3aed;background:#faf5ff}.billing-filter-bar{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-bottom:16px;padding:14px 20px;display:flex}.billing-filter-controls{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.billing-filter-group{align-items:center;gap:8px;display:flex}.billing-filter-label{color:#475569;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.billing-select{color:#0f172a;cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20' fill='%2364748b'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #cbd5e1;border-radius:8px;padding:8px 32px 8px 12px;font-size:13px;font-weight:600;transition:all .15s}.billing-select:hover{border-color:#94a3b8}.billing-select:focus{border-color:#7c3aed;outline:none;box-shadow:0 0 0 2px #7c3aed26}.billing-multiselect-wrap{position:relative}.billing-multiselect-trigger{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.billing-multiselect-trigger:hover{background:#f8fafc;border-color:#94a3b8}.billing-multiselect-trigger.active{color:#7c3aed;background:#faf5ff;border-color:#7c3aed}.billing-multiselect-menu{z-index:60;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:4px;width:250px;padding:8px;display:none;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d}.billing-multiselect-menu.open{display:flex}.billing-multiselect-option{color:#334155;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;transition:background .12s;display:flex}.billing-multiselect-option:hover{color:#0f172a;background:#f1f5f9}.billing-multiselect-option input[type=checkbox]{accent-color:#7c3aed;cursor:pointer;width:16px;height:16px}.billing-multiselect-actions{border-top:1px solid #f1f5f9;justify-content:space-between;margin-top:4px;padding-top:6px;display:flex}.billing-multiselect-link{color:#7c3aed;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:11px;font-weight:700}.billing-multiselect-link:hover{background:#faf5ff}.billing-pagination{color:#64748b;background:#f8fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;font-size:12px;display:flex}.billing-pagination-controls{align-items:center;gap:6px;display:flex}.billing-page-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s}.billing-page-btn:hover:not(:disabled){color:#0f172a;background:#f1f5f9}.billing-page-btn.active{color:#fff;background:#7c3aed;border-color:#7c3aed}.billing-page-btn:disabled{opacity:.4;cursor:not-allowed}.billing-table-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 2px 6px #00000005}.billing-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.billing-table th{color:#475569;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 18px;font-size:11px;font-weight:700}.billing-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px}.billing-table tr:last-child td{border-bottom:none}.billing-table tr:hover td{background:#fafafa}.badge-credit-spent{color:#ef4444;background:#fef2f2;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}.badge-credit-free{color:#10b981;background:#ecfdf5;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}.badge-invoice-paid{color:#10b981;text-transform:uppercase;background:#10b9811f;border-radius:4px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.receipt-paper{background:#fff;border-radius:12px;flex-direction:column;gap:20px;width:100%;max-width:540px;padding:32px;display:flex;box-shadow:0 20px 40px #0003}.receipt-header{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding-bottom:16px;display:flex}.receipt-close-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;transition:all .15s;display:flex}.receipt-close-btn:hover{color:#0f172a;background:#e2e8f0;transform:scale(1.05)}.receipt-logo{color:#0f172a;font-size:18px;font-weight:800}.receipt-logo span{color:#7c3aed}.receipt-row{color:#475569;justify-content:space-between;font-size:13px;display:flex}.receipt-total{color:#0f172a;border-top:2px dashed #e2e8f0;justify-content:space-between;padding-top:14px;font-size:16px;font-weight:800;display:flex}.app-custom-modal{-webkit-backdrop-filter:blur(6px);z-index:210;box-sizing:border-box;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.app-custom-modal.open{animation:.25s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex}.app-modal-card{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:760px;max-height:88vh;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #00000040,0 0 0 1px #0000000d}.app-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:24px 28px 16px;display:flex}.app-modal-header-left{align-items:center;gap:12px;display:flex}.app-modal-icon-badge{background:#f5f5f7;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.app-modal-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:20px;font-weight:800}.app-modal-subtitle{color:#64748b;margin-top:2px;font-size:13px}.app-modal-close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;transition:all .15s;display:flex}.app-modal-close-btn:hover{color:#0f172a;background:#e2e8f0}.app-modal-tabs{background:#fafbfc;border-bottom:1px solid #f1f5f9;gap:8px;padding:12px 28px;display:flex;overflow-x:auto}.app-modal-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:100px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.app-modal-tab-btn:hover{color:#0f172a;background:#f1f5f9}.app-modal-tab-btn--active{box-shadow:0 1px 3px #0000000d;color:#0f172a!important;background:#fff!important;border-color:#e2e8f0!important}.app-modal-body{flex:1;padding:24px 28px;overflow-y:auto}.modal-form-section{flex-direction:column;gap:18px;display:flex}.modal-form-group{flex-direction:column;gap:6px;display:flex}.modal-form-label{color:#334155;font-size:13px;font-weight:600}.modal-form-input,.modal-form-select,.modal-form-textarea{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .2s}.modal-form-input:focus,.modal-form-select:focus,.modal-form-textarea:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e51a}.modal-form-input:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc}.modal-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.modal-action-bar{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;display:flex}.modal-btn-primary{color:#fff;cursor:pointer;background:#000;border:none;border-radius:100px;padding:10px 22px;font-size:13px;font-weight:600;transition:all .2s}.modal-btn-primary:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.modal-btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:100px;padding:10px 22px;font-size:13px;font-weight:600;transition:all .2s}.modal-btn-danger:hover{background:#dc2626;box-shadow:0 4px 12px #ef444440}.danger-zone-box{background:#fff5f5;border:1px solid #fee2e2;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.danger-zone-text h4{color:#991b1b;margin:0 0 4px;font-size:14px;font-weight:700}.danger-zone-text p{color:#b91c1c;margin:0;font-size:12px}.support-whatsapp-card{color:#fff;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:18px 22px;display:flex;box-shadow:0 8px 24px #25d36640}.support-whatsapp-title{margin-bottom:2px;font-size:15px;font-weight:800}.support-whatsapp-sub{opacity:.9;font-size:12px}.support-whatsapp-btn{color:#128c7e;cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:100px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.support-whatsapp-btn:hover{transform:scale(1.04);box-shadow:0 4px 12px #00000026}.faq-accordion{flex-direction:column;gap:10px;display:flex}.faq-card{border:1px solid #e2e8f0;border-radius:12px;transition:all .2s;overflow:hidden}.faq-card:hover{border-color:#cbd5e1}.faq-question{color:#0f172a;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;justify-content:space-between;align-items:center;padding:14px 18px;font-size:14px;font-weight:600;display:flex}.faq-answer{color:#64748b;background:#fff;padding:0 18px 14px;font-size:13px;line-height:1.6;display:none}.faq-card.open .faq-answer{display:block}.faq-card.open .faq-chevron{transform:rotate(180deg)}.faq-chevron{color:#94a3b8;transition:transform .2s}.system-status-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.system-status-left{align-items:center;gap:10px;display:flex}.system-status-dot{background:#22c55e;border-radius:50%;width:10px;height:10px;box-shadow:0 0 8px #22c55e}.content--onmodel{flex-direction:column;max-width:none;padding:0;display:flex}.onmodel-view{height:calc(100vh - var(--topbar-height));width:100%;display:flex}.onmodel-left{padding:var(--space-8);flex-direction:column;flex:1;align-items:center;display:flex;overflow-y:auto}.onmodel-right{background:var(--color-white);border-left:1px solid var(--color-gray-200);width:320px;padding:var(--space-6);flex-direction:column;flex-shrink:0;display:flex}.onmodel-header{margin-bottom:var(--space-6);text-align:center}.onmodel-header h2,.onmodel-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--space-2)}.onmodel-header p{color:var(--color-gray-500);font-size:var(--font-size-sm)}.onmodel-slots-container{gap:var(--space-4);margin-bottom:var(--space-8);justify-content:center;display:flex}.onmodel-slot{border-radius:var(--radius-lg);width:120px;height:160px;position:relative;overflow:visible}.onmodel-slot.empty{border:2px dashed var(--color-gray-300);background:var(--color-gray-50);justify-content:center;align-items:center;display:flex}.onmodel-slot__placeholder{font-size:var(--font-size-xl);color:var(--color-gray-400);font-weight:var(--font-weight-bold)}.onmodel-slot.has-image{border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm)}.onmodel-slot__img{object-fit:contain;background:var(--color-gray-50);border-radius:calc(var(--radius-lg) - 1px);width:100%;height:100%}.onmodel-slot__remove{background:var(--color-gray-800);color:#fff;cursor:pointer;width:24px;height:24px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-8px;right:-8px}.onmodel-slot__remove:hover{background:var(--color-gray-900);transform:scale(1.1)}.onmodel-upload-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast);border:none;display:inline-flex}.onmodel-upload-btn:hover:not(:disabled){background:var(--color-primary-dark)}.onmodel-upload-btn:disabled{opacity:.5;cursor:not-allowed}.onmodel-models-grid{gap:var(--space-4);margin-bottom:var(--space-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}.onmodel-model-card{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);display:flex}.onmodel-model-card:hover{border-color:var(--color-primary-light);background:var(--color-gray-50)}.onmodel-model-card.selected{border-color:var(--color-primary);background:var(--color-primary-lighter);box-shadow:0 0 0 1px var(--color-primary)}.onmodel-model-card img{border-radius:var(--radius-md);object-fit:cover;width:48px;height:48px}.onmodel-model-card span{font-weight:var(--font-weight-medium);color:var(--color-gray-900)}.onmodel-right__footer{padding-top:var(--space-4);border-top:1px solid var(--color-gray-100);margin-top:auto}.onmodel-process-btn{width:100%;padding:var(--space-3);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--space-2);border:none;display:flex}.onmodel-process-btn:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.onmodel-process-btn:disabled{background:var(--color-gray-300);color:var(--color-gray-500);cursor:not-allowed}.onmodel-selected-preview{margin-bottom:var(--space-4);flex-direction:column;flex:1;justify-content:center;display:flex}.onmodel-selected-avatar{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-primary-lighter);border:1px solid var(--color-primary-light);border-radius:var(--radius-lg);display:flex}.onmodel-selected-avatar img{border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;width:52px;height:52px}.onmodel-selected-avatar__info{flex-direction:column;flex:1;gap:2px;display:flex}.onmodel-selected-avatar__name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-gray-900)}.onmodel-selected-avatar__tag{color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.onmodel-selected-avatar__change{border:1px solid var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast);background:0 0;flex-shrink:0}.onmodel-selected-avatar__change:hover{background:var(--color-primary-lighter)}.onmodel-no-model{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-6);background:var(--color-gray-50);border:2px dashed var(--color-gray-200);border-radius:var(--radius-lg);text-align:center;flex-direction:column;display:flex}.onmodel-no-model__icon{color:var(--color-gray-400)}.onmodel-no-model p{font-size:var(--font-size-sm);color:var(--color-gray-500)}.onmodel-browse-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-gray-700);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-4);display:flex}.onmodel-browse-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-lighter)}.model-picker-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.model-picker-overlay.open{opacity:1}.model-picker-modal{background:var(--color-white);border-radius:var(--radius-xl,16px);flex-direction:column;width:min(860px,90vw);max-height:80vh;transition:transform .2s;display:flex;overflow:hidden;transform:translateY(12px)scale(.98);box-shadow:0 24px 64px #0003}.model-picker-overlay.open .model-picker-modal{transform:translateY(0)scale(1)}.model-picker-header{padding:var(--space-6);border-bottom:1px solid var(--color-gray-100);flex-shrink:0;justify-content:space-between;align-items:flex-start;display:flex}.model-picker-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--space-1)}.model-picker-header p{font-size:var(--font-size-sm);color:var(--color-gray-500)}.model-picker-close{border-radius:var(--radius-md);border:1px solid var(--color-gray-200);background:var(--color-white);cursor:pointer;width:36px;height:36px;color:var(--color-gray-500);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.model-picker-close:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.model-picker-grid{gap:var(--space-4);padding:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid;overflow-y:auto}.model-picker-card{border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.model-picker-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md,0 4px 12px #0000001a);transform:translateY(-2px)}.model-picker-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.model-picker-card__img-wrap{aspect-ratio:3/4;background:var(--color-gray-50);position:relative;overflow:hidden}.model-picker-card__img-wrap img{object-fit:cover;width:100%;height:100%;display:block}.model-picker-card__check{background:var(--color-primary);color:#fff;width:26px;height:26px;box-shadow:var(--shadow-sm,0 1px 4px #00000026);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.model-picker-card__info{padding:var(--space-3);flex-direction:column;gap:2px;display:flex}.model-picker-card__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.model-picker-card__tag{color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.content--removebg{flex-direction:column;max-width:none;padding:0;display:flex}.removebg-view{height:calc(100vh - var(--topbar-height));width:100%;display:flex}.removebg-left{padding:var(--space-8);background:var(--color-gray-50);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.removebg-canvas-container{aspect-ratio:4/3;border:2px dashed var(--color-gray-300);border-radius:var(--radius-2xl);background:var(--color-white);justify-content:center;align-items:center;gap:var(--space-4);width:100%;max-width:640px;box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.removebg-canvas-container p{color:var(--color-gray-500);font-weight:var(--font-weight-medium)}.removebg-right{background:var(--color-white);border-left:1px solid var(--color-gray-200);width:320px;padding:var(--space-6);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.tool-header{margin-bottom:var(--space-6)}.tool-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--space-2)}.tool-header p{color:var(--color-gray-500);font-size:var(--font-size-sm)}.tool-section{margin-bottom:var(--space-6);gap:var(--space-3);flex-direction:column;display:flex}.tool-section h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.05em}.bg-options-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.bg-option-btn{align-items:center;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;display:flex}.bg-option-btn:hover{border-color:var(--color-primary-light);background:var(--color-primary-lighter)}.bg-option-btn.selected{border-color:var(--color-primary);background:var(--color-primary-lighter);box-shadow:0 0 0 1px var(--color-primary)}.bg-option-btn .checker-preview{border:1px solid var(--color-gray-300);background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;border-radius:50%;width:32px;height:32px}.bg-option-btn .white-preview{border:1px solid var(--color-gray-300);background-color:#fff;border-radius:50%;width:32px;height:32px}.bg-option-btn span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.toggle-row{padding:var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-md);border:1px solid var(--color-gray-100);justify-content:space-between;align-items:center;display:flex}.toggle-row span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.switch{width:40px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--color-gray-300);border-radius:24px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--color-primary)}input:checked+.slider:before{transform:translate(16px)}.tool-right-footer{padding-top:var(--space-4);border-top:1px solid var(--color-gray-100);margin-top:auto}.process-action-btn{width:100%;padding:var(--space-3);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--space-2);border:none;display:flex}.process-action-btn:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.process-action-btn:disabled{background:var(--color-gray-300);color:var(--color-gray-500);cursor:not-allowed}.content--upscale{flex-direction:column;max-width:none;padding:0;display:flex}.upscale-view{height:calc(100vh - var(--topbar-height));width:100%;display:flex}.upscale-left{padding:var(--space-8);background:var(--color-gray-50);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.upscale-canvas-container{aspect-ratio:4/3;border:2px dashed var(--color-gray-300);border-radius:var(--radius-2xl);background:var(--color-white);justify-content:center;align-items:center;gap:var(--space-4);width:100%;max-width:640px;box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.upscale-canvas-container p{color:var(--color-gray-500);font-weight:var(--font-weight-medium)}.upscale-right{background:var(--color-white);border-left:1px solid var(--color-gray-200);width:320px;padding:var(--space-6);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.scale-options-grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.scale-option-btn{padding:var(--space-2) 0;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);cursor:pointer;font-weight:var(--font-weight-semibold);color:var(--color-gray-700);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.scale-option-btn:hover{border-color:var(--color-primary-light);background:var(--color-primary-lighter)}.scale-option-btn.selected{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.content--edit{flex-direction:column;max-width:none;padding:0;display:flex}.edit-view{height:calc(100vh - var(--topbar-height));width:100%;display:flex}.edit-left{padding:var(--space-8);background:var(--color-gray-50);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.edit-canvas-container{aspect-ratio:4/3;border:2px dashed var(--color-gray-300);border-radius:var(--radius-2xl);background:var(--color-white);justify-content:center;align-items:center;gap:var(--space-4);width:100%;max-width:640px;box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.edit-canvas-container p{color:var(--color-gray-500);font-weight:var(--font-weight-medium)}.edit-right{background:var(--color-white);border-left:1px solid var(--color-gray-200);width:320px;padding:var(--space-6);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.edit-tools-grid{gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.edit-tool-btn{align-items:center;gap:var(--space-1);padding:var(--space-2);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);cursor:pointer;color:var(--color-gray-600);transition:all var(--transition-fast);flex-direction:column;flex:1;display:flex}.edit-tool-btn:hover{border-color:var(--color-primary-light);background:var(--color-gray-50)}.edit-tool-btn.selected{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-lighter)}.edit-tool-btn svg{width:20px;height:20px}.edit-tool-btn span{font-size:11px;font-weight:var(--font-weight-medium)}.brush-size-slider{width:100%;margin-top:var(--space-2);appearance:none;background:var(--color-gray-200);border-radius:2px;outline:none;height:4px}.brush-size-slider::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;border-radius:50%;width:16px;height:16px}.edit-prompt-box{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);width:100%;padding:var(--space-3);flex-direction:column;display:flex}.edit-prompt-box textarea{resize:none;width:100%;font-size:var(--font-size-sm);color:var(--color-gray-900);background:0 0;border:none;outline:none;min-height:80px;font-family:inherit;line-height:1.5}.edit-prompt-box textarea::placeholder{color:var(--color-gray-400)}.auth-page-wrapper{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;background:#fff;width:100vw;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden}.auth-page-wrapper:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 60% at 20% 100%,#4f46e50a 0%,#0000 70%),radial-gradient(60% 50% at 80% 0,#f472b608 0%,#0000 70%);position:absolute;inset:0}.auth-split-container{z-index:1;grid-template-columns:1fr 1fr;width:100%;height:100vh;display:grid;position:relative}.auth-showcase-panel{box-sizing:border-box;background:#f5f5f7;flex-direction:column;justify-content:space-between;height:100vh;padding:36px 48px;display:flex;position:relative;overflow:hidden}.auth-showcase-panel:after{content:"";pointer-events:none;background:radial-gradient(circle,#4f46e50f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-200px;right:-200px}.auth-showcase-top{z-index:1;flex-direction:column;gap:12px;display:flex;position:relative}.auth-brand-badge{color:#000;background:#fff;border:1px solid #e5e5ea;border-radius:100px;align-items:center;gap:6px;width:fit-content;padding:5px 14px;font-size:12px;font-weight:600;display:inline-flex}.auth-brand-badge-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s infinite pulseDot;box-shadow:0 0 6px #10b98180}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.4}}.auth-showcase-headline{color:#000;letter-spacing:-1.5px;margin:0;font-size:clamp(26px,2.8vw,36px);font-weight:900;line-height:1.12}.auth-showcase-headline span{color:#4f46e5}.auth-showcase-subtext{color:#666;max-width:480px;font-size:14px;font-weight:500;line-height:1.5}.auth-showcase-center{z-index:1;flex-direction:column;gap:14px;width:100%;max-width:600px;margin:8px 0;display:flex;position:relative}.auth-transformation-card{z-index:1;box-sizing:border-box;background:#fff;border:1px solid #e5e5ea;border-radius:16px;width:100%;padding:12px;position:relative;box-shadow:0 14px 36px #00000014}.auth-transform-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.auth-transform-item{aspect-ratio:4/5;background:#f5f5f7;border:1px solid #e5e5ea;border-radius:10px;max-height:280px;position:relative;overflow:hidden}.auth-transform-item img{object-fit:cover;width:100%;height:100%;display:block}.auth-transform-tag{letter-spacing:.04em;text-transform:uppercase;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700;position:absolute;bottom:8px;left:8px}.auth-transform-tag--before{color:#fff;background:#000000b3}.auth-transform-tag--after{color:#fff;background:#000}.auth-transform-arrow{color:#fff;background:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.auth-feature-pills{flex-wrap:wrap;gap:8px;display:flex}.auth-pill{color:#000;background:#fff;border:1px solid #e5e5ea;border-radius:100px;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 1px 3px #0000000a}.auth-showcase-metrics{z-index:1;border-top:1px solid #e5e5ea;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:16px;display:grid;position:relative}.auth-metric-item{flex-direction:column;gap:2px;display:flex}.auth-metric-value{color:#000;letter-spacing:-.5px;font-size:20px;font-weight:800}.auth-metric-label{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.auth-form-panel{background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:40px 48px;display:flex}.auth-form-panel>*{width:100%;max-width:400px}.auth-form-header{margin-bottom:20px}.auth-header-brand{align-items:center;gap:10px;margin-bottom:24px;display:flex}.auth-logo-ring{color:#fff;background:#000;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:flex}.auth-brand-name{color:#000;letter-spacing:-.5px;font-size:20px;font-weight:800}.auth-brand-name span{color:#4f46e5}.auth-segmented-switch{background:#f5f5f7;border:1px solid #e5e5ea;border-radius:100px;padding:4px;display:inline-flex}.auth-segment-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:100px;padding:8px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1)}.auth-segment-btn--active{color:#000;background:#fff;box-shadow:0 1px 3px #00000014}.auth-segment-btn:hover:not(.auth-segment-btn--active){color:#000}.auth-google-btn-modern{color:#000;cursor:pointer;background:#fff;border:1px solid #e5e5ea;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 3px #0000000a}.auth-google-btn-modern:hover{background:#f9fafb;transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.auth-divider-modern{text-align:center;align-items:center;margin:20px 0;display:flex}.auth-divider-modern:before,.auth-divider-modern:after{content:"";border-bottom:1px solid #e5e5ea;flex:1}.auth-divider-modern span{color:#999;text-transform:uppercase;letter-spacing:.05em;padding:0 14px;font-size:12px;font-weight:600}.auth-fields-wrapper{flex-direction:column;gap:16px;display:flex}.auth-field-group{flex-direction:column;gap:6px;display:flex}.auth-field-label{color:#000;font-size:13px;font-weight:600}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{color:#9ca3af;pointer-events:none;align-items:center;display:flex;position:absolute;left:14px}.auth-input-modern{color:#000;box-sizing:border-box;background:#f5f5f7;border:1px solid #e5e5ea;border-radius:10px;width:100%;padding:12px 14px 12px 42px;font-family:inherit;font-size:14px;transition:all .3s cubic-bezier(.16,1,.3,1)}.auth-input-modern::placeholder{color:#9ca3af}.auth-input-modern:focus{background:#fff;border-color:#000;outline:none;box-shadow:0 0 0 3px #0000000f}.auth-toggle-pwd{color:#9ca3af;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;right:12px}.auth-toggle-pwd:hover{color:#000}.auth-primary-submit{color:#fff;cursor:pointer;background:#000;border:none;border-radius:100px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:13px;font-family:inherit;font-size:15px;font-weight:600;line-height:1;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.auth-primary-submit:hover:not(:disabled){transform:scale(1.02);box-shadow:0 8px 24px #00000026}.auth-primary-submit:active:not(:disabled){transform:scale(.99)}.auth-primary-submit:disabled{opacity:.5;cursor:not-allowed}.auth-error-banner{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;font-size:13px;font-weight:500;animation:.3s shakeError;display:flex}@keyframes shakeError{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.auth-security-footer{color:#999;justify-content:center;align-items:center;gap:8px;margin-top:28px;font-size:12px;font-weight:500;display:flex}@media (width<=900px){.auth-split-container{grid-template-columns:1fr}.auth-showcase-panel{display:none}.auth-form-panel{min-height:100vh;padding:32px 24px}}.admin-view{padding:var(--space-6);gap:var(--space-6);font-family:var(--font-family);background:var(--color-gray-25);min-height:calc(100vh - var(--topbar-height));box-sizing:border-box;flex-direction:column;display:flex}.admin-header{justify-content:space-between;align-items:center;display:flex}.admin-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.admin-header p{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-top:var(--space-1)}.admin-stats-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.admin-stat-card{background:var(--color-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-xs);gap:var(--space-2);transition:transform var(--transition-base), box-shadow var(--transition-base);flex-direction:column;display:flex}.admin-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-stat-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.admin-stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.admin-stat-desc{font-size:var(--font-size-xs);color:var(--color-gray-400)}.admin-main-grid{gap:var(--space-6);grid-template-columns:2fr 1fr;display:grid}@media (width<=1024px){.admin-main-grid{grid-template-columns:1fr}}.admin-card{background:var(--color-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);flex-direction:column;display:flex}.admin-card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.admin-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.admin-filters{gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-gray-50);border-bottom:1px solid var(--border-color);flex-wrap:wrap;display:flex}.admin-filter-input{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-gray-700);flex:1;min-width:150px}.admin-filter-select{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-gray-700);cursor:pointer}.admin-table-container{max-height:480px;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;font-size:var(--font-size-sm)}.admin-table th{background:var(--color-gray-50);padding:var(--space-3) var(--space-4);font-weight:var(--font-weight-semibold);color:var(--color-gray-600);border-bottom:1px solid var(--border-color);z-index:10;position:sticky;top:0}.admin-table td{padding:var(--space-3) var(--space-4);color:var(--color-gray-700);border-bottom:1px solid var(--border-color);white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.admin-table tr:hover td{background:var(--color-gray-50)}.admin-badge{padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);align-items:center;display:inline-flex}.admin-badge--success{color:var(--color-success);background:#10b9811a}.admin-badge--warning{color:var(--color-warning);background:#f59e0b1a}.admin-badge--error{color:var(--color-error);background:#ef44441a}.admin-badge--info{color:var(--color-info);background:#3b82f61a}.provider-list{gap:var(--space-3);padding:var(--space-5);flex-direction:column;display:flex}.provider-row{padding:var(--space-2) 0;border-bottom:1px dashed var(--border-color);justify-content:space-between;align-items:center;display:flex}.provider-row:last-child{border-bottom:none}.provider-name{font-weight:var(--font-weight-medium);color:var(--color-gray-800)}.provider-details{flex-direction:column;align-items:flex-end;display:flex}.provider-cost{font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.provider-reqs{font-size:var(--font-size-xs);color:var(--color-gray-400)}.batch-grid-container{max-width:1200px;font-family:var(--font-family,sans-serif);flex-direction:column;gap:32px;margin:0 auto;padding:24px;display:flex}.batch-overview-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000000d}.batch-overview-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.batch-overview-title h1{color:#1e293b;margin:0 0 4px;font-size:18px;font-weight:600}.batch-overview-title p{color:#64748b;margin:0;font-size:13px}.batch-overview-status{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;font-weight:500;display:flex}.batch-overview-status strong{color:#10b981}.batch-progress-track{background:#e2e8f0;border-radius:4px;width:100%;height:8px;margin-bottom:12px;overflow:hidden}.batch-progress-fill{background:#7c3aed;border-radius:4px;height:100%;transition:width .3s}.batch-overview-stats{color:#64748b;gap:16px;font-size:13px;display:flex}.batch-overview-stats span{color:#1e293b;font-weight:500}.batch-overview-stats span.failed{color:#ef4444}.job-outlets-section h2{color:#1e293b;margin:0 0 16px;font-size:18px;font-weight:600}.job-outlets-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.job-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;padding:12px;transition:all .2s;display:flex;position:relative}.job-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.job-card-wrapper{aspect-ratio:1;background:#f8fafc;border-radius:6px;justify-content:center;align-items:center;width:100%;margin-bottom:12px;display:flex;position:relative;overflow:hidden}.job-card-wrapper img{object-fit:contain;width:100%;height:100%}.job-card-mode-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;z-index:10;text-transform:uppercase;letter-spacing:.05em;pointer-events:none;background:#0f172abf;border-radius:4px;padding:3px 6px;font-size:10px;font-weight:600;position:absolute;top:8px;left:8px}.job-card-badge{color:#059669;background:#d1fae5;border-radius:12px;align-items:center;width:fit-content;margin-bottom:8px;padding:4px 8px;font-size:11px;font-weight:500;display:inline-flex}.job-card-badge--failed{color:#dc2626;background:#fee2e2}.job-card-badge--processing{color:#4f46e5;background:#e0e7ff}.job-card-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.job-card-filename{color:#334155;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;font-weight:600;overflow:hidden}.job-card-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#7c3aed;border:none;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:500;transition:background .2s}.job-card-btn:hover:not(:disabled){background:#6d28d9}.job-card-btn:disabled{opacity:.5;cursor:not-allowed}.batch-split-preview{background:#f1f5f9;flex:1;justify-content:center;align-items:center;min-width:0;padding:32px;display:flex;position:relative;overflow:hidden}.batch-preview-box{background:#fff;border-radius:8px;justify-content:center;align-items:center;max-width:100%;max-height:100%;display:flex;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.batch-preview-box img{object-fit:contain;max-width:100%;max-height:70vh;display:block}.batch-preview-overlay{color:#64748b;text-align:center;background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:16px;max-width:400px;padding:40px;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.batch-split-sidebar-right{box-sizing:border-box;background:#fff;border-left:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;gap:24px;width:280px;min-width:280px;max-width:280px;padding:24px;display:flex}.batch-detail-section{gap:var(--space-4);flex-direction:column;display:flex}.batch-detail-section h4{text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-400,#94a3b8);margin:0;font-size:12px}.batch-info-list{gap:var(--space-3);flex-direction:column;display:flex}.batch-info-row{padding-bottom:var(--space-2);border-bottom:1px solid #f1f5f9;justify-content:space-between;font-size:13px;display:flex}.batch-info-label{color:var(--color-gray-500,#64748b)}.batch-info-val{color:var(--color-gray-800,#1e293b);word-break:break-all;text-align:right;max-width:180px;font-weight:500}.batch-detail-actions{gap:var(--space-3);flex-direction:column;margin-top:auto;display:flex}.batch-action-btn{border-radius:var(--radius-md,6px);cursor:pointer;text-align:center;width:100%;transition:all var(--transition-base,.15s ease);border:none;padding:12px;font-size:14px;font-weight:500}.batch-action-btn--primary{background:var(--color-primary,#6366f1);color:#fff}.batch-action-btn--primary:hover:not(:disabled){background:var(--color-primary-dark,#4f46e5)}.batch-action-btn--primary:disabled{background:var(--color-gray-300);cursor:not-allowed}.batch-action-btn--secondary{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.batch-action-btn--secondary:hover{color:#1e293b;background:#e2e8f0}.admin-tabs{gap:var(--space-2);border-bottom:2px solid var(--border-color);margin-bottom:var(--space-4);padding-bottom:2px;display:flex}.admin-tab{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-500);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000}.admin-tab:hover{color:var(--color-gray-900)}.admin-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.admin-prompt-list-item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;width:100%;transition:all .2s;display:flex}.admin-prompt-list-item:hover{background:var(--color-gray-50)}.admin-prompt-list-item.active{background:#f8fafc;border-color:#e2e8f0;box-shadow:0 1px 2px #0000000d}.admin-prompt-list-item .icon{border-radius:var(--radius-sm);color:#0ea5e9;background:#e0f2fe;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.admin-prompt-list-item.active .icon{color:#fff;background:#0ea5e9}.admin-prompt-list-item .details{flex-direction:column;display:flex}.admin-prompt-list-item .name{color:var(--color-gray-900);text-transform:capitalize;font-size:13px;font-weight:600}.admin-prompt-list-item .count{color:var(--color-gray-500);font-size:11px}.admin-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--font-weight-semibold)}.admin-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.15s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.admin-modal{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-xl);flex-direction:column;width:100%;max-width:440px;animation:.15s ease-out scaleUp;display:flex;overflow:hidden}.admin-modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.admin-modal-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.admin-modal-close{color:var(--color-gray-400);cursor:pointer;background:0 0;border:none;font-size:20px;line-height:1}.admin-modal-close:hover{color:var(--color-gray-700)}.admin-modal-body{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.admin-modal-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-color);background:var(--color-gray-50);justify-content:flex-end;gap:var(--space-2);display:flex}.admin-form-group{gap:var(--space-1);flex-direction:column;display:flex}.admin-form-group label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-gray-600)}.admin-modal-input{border:1px solid var(--color-gray-300);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-gray-800)}.admin-modal-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #6366f133}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.admin-action-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);color:var(--color-gray-700);cursor:pointer;align-items:center;gap:var(--space-1);transition:all var(--transition-base);background:0 0;display:inline-flex}.admin-action-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.admin-btn--primary{background:var(--color-primary);color:var(--color-white);border:none}.admin-btn--primary:hover{background:var(--color-primary-dark)}.admin-prompt-versions-container{gap:var(--space-2);margin-top:var(--space-3);flex-direction:column;display:flex}.admin-prompt-version-row{padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--color-gray-25);justify-content:space-between;align-items:center;display:flex}.admin-prompt-version-text{font-family:monospace;font-size:var(--font-size-xs);color:var(--color-gray-600);white-space:pre-wrap;word-break:break-all;max-width:70%}.admin-custom-stats-grid{gap:var(--space-5);margin-bottom:var(--space-6);grid-template-columns:repeat(4,1fr);width:100%;display:grid}@media (width<=768px){.admin-custom-stats-grid{grid-template-columns:1fr}}.admin-custom-stat-card{background:var(--color-white);border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 1px 3px #0000000d}.admin-custom-stat-icon-wrapper{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.admin-custom-stat-info{flex-direction:column;gap:4px;display:flex}.admin-custom-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.admin-custom-stat-value{color:#1e293b;font-size:22px;font-weight:700}.admin-control-bar{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.admin-control-buttons{gap:10px;display:flex}.admin-control-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.admin-control-btn:hover{background:#e2e8f0}.admin-search-box{width:320px;position:relative}.admin-search-box input{color:#334155;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:8px 12px 8px 36px;font-size:13px}.admin-search-box input:focus{background:#fff;border-color:#4f46e5;outline:none}.admin-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.admin-table th{color:#475569;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 20px;font-size:11px;font-weight:700}.admin-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px 20px}.admin-user-email{color:#1e293b;font-weight:600}.admin-user-credits{color:#4f46e5;font-weight:700}.admin-table-action-btn{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.admin-table-action-btn:hover{background:#f8fafc;border-color:#94a3b8}.admin-table-action-btn--primary{color:#4f46e5;border-color:#cbd5e1}.admin-table-action-btn--primary:hover{background:#f5f3ff;border-color:#818cf8}.admin-custom-pagination,.admin-pagination{background:#fff;border-top:1px solid #f1f5f9;border-bottom-right-radius:12px;border-bottom-left-radius:12px;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.admin-pagination-text{color:#64748b;font-size:13px;font-weight:500}.admin-pagination-controls{align-items:center;gap:6px;display:flex}.admin-pagination-pages{align-items:center;gap:4px;display:flex}.admin-pagination-page-btn{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 8px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.admin-pagination-page-btn:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.admin-pagination-page-btn--active{color:#fff!important;background:#4f46e5!important;border-color:#4f46e5!important}.admin-pagination-page-btn:disabled{opacity:.35;cursor:not-allowed;background:#f8fafc;border-color:#f1f5f9}.assets-container{flex-direction:column;gap:24px;padding:24px;display:flex}.assets-header{justify-content:space-between;align-items:center;display:flex}.assets-header h1{color:#0f172a;margin:0 0 4px;font-size:24px;font-weight:700}.assets-header p{color:#64748b;margin:0;font-size:14px}.assets-tabs{border-bottom:1px solid #e2e8f0;gap:8px;padding-bottom:8px;display:flex}.assets-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .15s}.assets-tab-btn:hover{color:#0f172a;background:#f1f5f9}.assets-tab-btn.active{color:#fff;background:#7c3aed}.assets-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.asset-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.asset-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.asset-card-thumbnail{aspect-ratio:1;background:#f8fafc;border-radius:8px;justify-content:center;align-items:center;width:100%;margin-bottom:12px;display:flex;position:relative;overflow:hidden}.asset-card-thumbnail img{object-fit:contain;width:100%;height:100%;transition:transform .3s}.asset-card:hover .asset-card-thumbnail img{transform:scale(1.03)}.asset-card-preview-btn{-webkit-backdrop-filter:blur(6px);color:#fff;cursor:pointer;z-index:15;opacity:.85;background:#0f172ab3;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #00000040}.asset-card:hover .asset-card-preview-btn{opacity:1;transform:scale(1.05)}.asset-card-preview-btn:hover{color:#fff;background:#7c3aed;border-color:#a78bfa;box-shadow:0 4px 14px #7c3aed73;transform:scale(1.15)!important}.asset-card-info{flex-direction:column;flex:1;gap:4px;display:flex}.asset-card-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.asset-card-meta{color:#64748b;justify-content:space-between;align-items:center;font-size:11px;display:flex}.asset-card-actions{gap:8px;margin-top:12px;display:flex}.asset-card-btn{cursor:pointer;color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.asset-card-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.asset-card-btn--primary{color:#fff;background:#7c3aed;border:none}.asset-card-btn--primary:hover{color:#fff;background:#6d28d9}.asset-card-btn--danger{color:#dc2626;border-color:#fee2e2}.asset-card-btn--danger:hover{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.asset-folder-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.asset-folder-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.asset-folder-icon{color:#7c3aed;background:#f3e8ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.asset-folder-card:hover .asset-folder-icon{color:#fff;background:#7c3aed}.asset-folder-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.asset-folder-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.asset-folder-meta{color:#64748b;font-size:12px}.assets-detail-header{align-items:center;gap:16px;margin-bottom:8px;display:flex}.asset-back-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:inline-flex}.asset-back-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.assets-side-by-side{grid-template-columns:1fr 1fr;gap:24px;width:100%;display:grid}.assets-column-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;min-height:400px;padding:20px;display:flex}.assets-column-title{color:#1e293b;border-bottom:2px solid #e2e8f0;margin:0;padding-bottom:8px;font-size:16px;font-weight:700}.admin-toggle-switch{width:44px;height:22px;display:inline-block;position:relative}.admin-toggle-switch input{opacity:0;width:0;height:0}.admin-toggle-slider{cursor:pointer;background-color:#cbd5e1;border-radius:22px;transition:all .3s;position:absolute;inset:0}.admin-toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #00000026}.admin-toggle-switch input:checked+.admin-toggle-slider{background-color:var(--color-primary)}.admin-toggle-switch input:focus+.admin-toggle-slider{box-shadow:0 0 1px var(--color-primary)}.admin-toggle-switch input:checked+.admin-toggle-slider:before{transform:translate(22px)}.admin-toggle-switch input:disabled+.admin-toggle-slider{opacity:.5;cursor:not-allowed}