:root{--bg-primary:#fff;--bg-secondary:#fafbfc;--bg-surface:#f5f7fa;--bg-card:#fff;--bg-card-hover:#f9fafb;--bg-nav:#ffffffeb;--bg-input:#f9fafb;--bg-upload:#f5f7fa;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#4b5563;--text-on-accent:#fff;--border:#e5e7eb;--border-light:#f3f4f6;--accent:#7c3aed;--accent-light:#a78bfa;--accent-dark:#6d28d9;--accent-bg:#7c3aed0f;--gradient:linear-gradient(135deg,#7c3aed,#a855f7,#ec4899);--gradient-text:linear-gradient(135deg,#7c3aed,#a855f7);--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 2px 8px #0000000f;--shadow-lg:0 4px 16px #00000014;--shadow-card:0 1px 3px #0000000a,0 0 0 1px #00000005;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--transition:.2s cubic-bezier(.4,0,.2,1)}[data-theme=dark]{--bg-primary:#0a0a0f;--bg-secondary:#111118;--bg-surface:#1a1a24;--bg-card:#16161f;--bg-card-hover:#1d1d28;--bg-nav:#0a0a0feb;--bg-input:#1a1a24;--bg-upload:#1a1a2480;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#cbd5e1;--text-on-accent:#fff;--border:#ffffff14;--border-light:#ffffff0a;--accent:#a855f7;--accent-light:#c084fc;--accent-dark:#7c3aed;--accent-bg:#a855f71f;--shadow-sm:0 1px 2px #0006;--shadow-md:0 2px 8px #00000080;--shadow-lg:0 4px 16px #0009;--shadow-card:0 1px 3px #0006,0 0 0 1px #ffffff0a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background var(--transition),color var(--transition);font-family:Inter,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}a{color:var(--accent);transition:color var(--transition);text-decoration:none}a:hover{color:var(--accent-light)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.nav{z-index:100;background:var(--bg-nav);backdrop-filter:blur(24px)saturate(180%);border-bottom:1px solid var(--border);padding:0 20px;position:sticky;top:0;box-shadow:0 1px 3px #00000005}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;height:68px;margin:0 auto;display:flex}.nav-logo{color:var(--text-primary);transition:opacity var(--transition);align-items:center;gap:12px;font-size:1.18rem;font-weight:700;display:flex}.nav-logo:hover{opacity:.8}.logo-icon{background:var(--gradient);color:#fff;border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.15rem;display:flex;box-shadow:0 2px 8px #7c3aed33}.nav-links{gap:4px;display:flex}.nav-links a{color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition);padding:8px 16px;font-size:.92rem;font-weight:500}.nav-links a:hover{color:var(--text-primary);background:var(--bg-surface)}.nav-links a.active{color:var(--accent);background:var(--accent-bg);font-weight:600}.nav-tools{margin-bottom:-18px;padding-bottom:18px;position:relative}.nav-tools-trigger{color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition);background:0 0;align-items:center;padding:0;font-family:Inter;font-size:.92rem;font-weight:500;display:inline-flex;overflow:hidden}.nav-tools-trigger:hover,.nav-tools-trigger.open,.nav-tools-trigger.active{color:var(--accent);background:var(--accent-bg)}.nav-tools-link{color:inherit;align-items:center;padding:8px 12px 8px 16px;display:inline-flex}.nav-tools-toggle{color:inherit;cursor:pointer;font:inherit;background:0 0;border:none;justify-content:center;align-items:center;padding:8px 12px 8px 8px;display:inline-flex}.nav-tools-toggle:hover{color:inherit}.nav-tools-caret{transition:transform var(--transition);font-size:.9rem;line-height:1}.nav-tools-trigger.open .nav-tools-caret{transform:rotate(180deg)}.nav-tools-menu{background:var(--bg-card);border:1px solid var(--border);opacity:0;visibility:hidden;pointer-events:none;width:min(980px,100vw - 40px);transition:all var(--transition);z-index:140;border-radius:4px;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px;max-height:calc(100vh - 100px);padding:28px 30px;display:grid;position:fixed;top:70px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 30px 80px #0f172a29}@media (max-width:1020px){.nav-tools-menu{width:auto;left:20px;right:20px;transform:none}}.nav-tools:after{content:"";height:24px;position:absolute;bottom:-18px;left:0;right:0}.nav-tools-menu.open{opacity:1;visibility:visible;pointer-events:auto}.nav-tools-group{gap:14px;display:grid}.nav-tools-group-title{color:var(--text-primary);font-size:.9rem;font-weight:800}.nav-tools-group-grid{gap:12px;display:grid}.nav-tools-item{transition:all var(--transition);border-radius:16px;align-items:flex-start;gap:14px;padding:10px 12px;text-decoration:none;display:flex}.nav-tools-item:hover,.nav-tools-item.active{background:color-mix(in srgb,var(--accent)8%,var(--bg-secondary)92%)}.nav-tools-item-icon{width:20px;height:20px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:inline-flex}.nav-tools-item-icon svg{width:20px;height:20px}.nav-tools-item-copy{gap:4px;display:grid}.nav-tools-item-label{color:var(--text-primary);font-size:.95rem;font-weight:700;line-height:1.25}.nav-tools-item-desc{color:var(--text-secondary);font-size:.82rem;line-height:1.45}.nav-actions{align-items:center;gap:8px;display:flex}.nav-icon-btn{cursor:pointer;width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;padding:0;display:inline-flex}.nav-icon-btn:hover{background:var(--accent-bg);color:var(--accent);transform:translateY(-1px)}.nav-icon-btn.bordered{border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-card)}.nav-icon-btn.bordered:hover{border-color:color-mix(in srgb,var(--accent)45%,var(--border))}.nav-icon-btn-svg{justify-content:center;align-items:center;display:inline-flex}.nav-icon-btn-svg svg{width:20px;height:20px}.nav-icon-btn-wrapper{position:relative}.nav-icon-dropdown{background:var(--bg-card);border:1px solid var(--border);z-index:150;border-radius:12px;min-width:140px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 20px 40px #0f172a26}.nav-icon-dropdown-item{color:var(--text-primary);cursor:pointer;text-align:left;width:100%;transition:all var(--transition);background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;display:flex}.nav-icon-dropdown-item:hover,.nav-icon-dropdown-item.active{background:var(--accent-bg);color:var(--accent)}.nav-icon-dropdown-item.active:after{content:"✓";font-size:.85rem}.nav-auth-wrapper{margin-left:4px}.nav-feedback-btn{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;height:40px;color:var(--text-primary);transition:all var(--transition);box-shadow:var(--shadow-card);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.nav-feedback-btn:hover{border-color:color-mix(in srgb,var(--accent)45%,var(--border));background:var(--accent-bg);color:var(--accent);transform:translateY(-1px)}.nav-feedback-icon{color:var(--text-secondary);justify-content:center;align-items:center;display:inline-flex}.nav-feedback-btn:hover .nav-feedback-icon{color:var(--accent)}.nav-auth-text-btn{background:var(--accent-bg);cursor:pointer;height:40px;color:var(--accent);transition:all var(--transition);border:none;border-radius:10px;justify-content:center;align-items:center;padding:0 16px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;display:inline-flex}.nav-auth-text-btn:hover{background:color-mix(in srgb,var(--accent)12%,var(--bg-card)88%);transform:translateY(-1px)}.nav-auth-btn{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;height:40px;color:var(--text-primary);transition:all var(--transition);box-shadow:var(--shadow-card);border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;display:inline-flex}.nav-auth-btn:hover{border-color:color-mix(in srgb,var(--accent)45%,var(--border));transform:translateY(-1px)}.nav-auth-login{background:var(--gradient);color:#fff;border:none}.nav-auth-login:hover{box-shadow:0 4px 12px #7c3aed40}.nav-login-text{font-weight:600}.nav-google-login-icon{justify-content:center;align-items:center;display:inline-flex}.nav-auth-loggedin{border:2px solid var(--border);border-radius:50%;width:40px;height:40px;padding:0;overflow:hidden}.nav-auth-loggedin:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.nav-user-avatar{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.nav-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.nav-avatar-fallback{width:100%;height:100%;color:var(--text-secondary);background:var(--bg-surface);justify-content:center;align-items:center;display:flex}.nav-avatar-fallback svg{width:20px;height:20px}.nav-auth-loading{cursor:default;opacity:.7}.theme-toggle{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;width:44px;height:44px;color:var(--text-secondary);transition:all var(--transition);box-shadow:var(--shadow-card);border-radius:12px;justify-content:center;align-items:center;font-size:1.05rem;display:inline-flex}.theme-toggle:hover{background:var(--accent-bg);color:var(--accent);border-color:color-mix(in srgb,var(--accent)45%,var(--border));transform:translateY(-1px)}.theme-toggle-icon{line-height:1}.lang-selector{border:1px solid var(--border);background:var(--bg-card);min-width:132px;height:44px;box-shadow:var(--shadow-card);border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.lang-selector-label{opacity:.9;font-size:.92rem}.lang-selector select{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:0;width:100%;padding:0;font-family:Inter;font-size:.85rem;font-weight:600}.lang-selector select:focus{outline:none}.lang-selector select option{background:var(--bg-primary);color:var(--text-primary)}.nav-hamburger{border:1px solid var(--border);background:var(--bg-card);width:40px;height:40px;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-card);transition:all var(--transition);border-radius:10px;padding:0;font-size:1.5rem;display:none}.nav-hamburger:hover{border-color:color-mix(in srgb,var(--accent)45%,var(--border));background:var(--accent-bg);color:var(--accent)}.mobile-menu{background:var(--bg-primary);z-index:99;opacity:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;padding:20px;transition:all .3s;display:none;position:fixed;inset:64px 0 0;overflow-y:auto;transform:translateY(-100%)}.mobile-menu.open{opacity:1;display:flex;transform:translateY(0)}.mobile-menu a{color:var(--text-primary);border-bottom:1px solid var(--border-light);transition:background var(--transition);padding:14px 16px;font-size:1.05rem;font-weight:500;display:block}.mobile-menu a:hover{background:var(--accent-bg)}.mobile-menu-tools{background:color-mix(in srgb,var(--bg-secondary)86%,var(--bg-primary)14%);border:1px solid var(--border);border-radius:18px;gap:18px;margin-top:10px;padding:16px;display:grid}.mobile-menu-tools-title{color:var(--text-primary);font-size:1.05rem;font-weight:800}.mobile-menu-tools-group{gap:10px;display:grid}.mobile-menu-tools-group-title{color:var(--text-muted);font-size:.88rem;font-weight:700}.mobile-menu-tools-list{gap:6px;display:grid}.mobile-menu-tool-item{border-radius:12px;align-items:center;gap:10px;border:none!important;padding:12px 14px!important;font-size:.98rem!important;display:flex!important}.mobile-menu-tool-item.active{background:color-mix(in srgb,var(--accent)12%,var(--bg-primary)88%)}.mobile-menu-tool-icon{width:18px;height:18px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mobile-menu-tool-icon svg{width:18px;height:18px}.mobile-theme-toggle{flex-shrink:0;justify-content:center;gap:10px;width:calc(100% - 32px);margin:16px 16px 32px}@media (max-width:1024px){.nav-links{display:none}.nav-hamburger{flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-auth-wrapper,.nav-actions>.nav-icon-btn{display:none}.nav-icon-btn-wrapper>.nav-icon-btn{display:flex}.nav-actions{gap:8px}.nav-logo span{font-size:1rem}.logo-icon{width:34px;height:34px;font-size:1rem}}.mobile-menu-login{border-bottom:1px solid var(--border-light);padding:14px 16px}.mobile-menu-login .nav-auth-text-btn,.mobile-menu-login .nav-auth-btn{justify-content:center;width:100%}.hero{text-align:center;background:linear-gradient(180deg,var(--bg-primary)0%,var(--bg-secondary)100%);padding:130px 20px 110px;position:relative;overflow:hidden}[data-theme=dark] .hero:before{content:"";pointer-events:none;background:radial-gradient(at 50% -10%,#7c3aed2e 0%,#0000 65%);position:absolute;inset:0}.hero-bg-orbs{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-orb{filter:blur(80px);opacity:.18;border-radius:50%;position:absolute}.hero-orb-1{background:radial-gradient(circle,#7c3aedb3,#0000 70%);width:600px;height:600px;top:-200px;left:50%;transform:translate(-50%)}.hero-orb-2{opacity:.12;background:radial-gradient(circle,#4f46e580,#0000 70%);width:400px;height:400px;top:40%;right:-100px}[data-theme=light] .hero-orb{opacity:.08}.hero-content{z-index:1;max-width:820px;margin:0 auto;position:relative}.hero-badge{background:var(--bg-card);border:1px solid var(--border);color:var(--accent);box-shadow:var(--shadow-card);border-radius:999px;align-items:center;gap:10px;margin-bottom:28px;padding:10px 20px;font-size:.88rem;font-weight:600;display:inline-flex}.hero-badge .dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero h1{letter-spacing:-.03em;margin-bottom:24px;font-size:clamp(2.4rem,5.5vw,4rem);font-weight:800;line-height:1.1}.gradient-text{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--text-secondary);max-width:620px;margin:0 auto 36px;font-size:1.18rem;line-height:1.65}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.hero-trust{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 16px;margin-top:20px;font-size:.83rem;font-weight:500;display:flex}.hero-trust-item{color:var(--text-secondary);align-items:center;gap:5px;display:inline-flex}.hero-trust-item svg{color:#f59e0b}.hero-trust-sep{color:var(--border);font-size:1.1rem}.hero-stats{border-top:1px solid var(--border);justify-content:center;gap:48px;margin-top:64px;padding-top:48px;display:flex}.stat{text-align:center}.stat-num{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:1.75rem;font-weight:800;display:block}.stat-label{color:var(--text-muted);font-size:.85rem;font-weight:500}.home-section-header-tight{margin-bottom:40px}.home-showcase-list{flex-direction:column;gap:48px;display:flex}.home-showcase-row{grid-template-columns:minmax(0,1fr) minmax(340px,540px);align-items:center;gap:48px;display:grid}.home-showcase-row.reverse{grid-template-columns:minmax(340px,540px) minmax(0,1fr)}.home-showcase-row.reverse .home-showcase-copy{order:2}.home-showcase-row.reverse .home-showcase-visual{order:1}.home-showcase-copy{min-width:0}.home-showcase-title-row{align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.home-showcase-title{letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(1.6rem,1.25rem + .9vw,2.2rem);font-weight:800;line-height:1.15}.home-showcase-desc{color:var(--text-secondary);max-width:58ch;font-size:1.05rem;line-height:1.7}.home-showcase-visual{min-width:0}.home-visual-card{background:var(--bg-card);border:1px solid var(--border);min-height:290px;box-shadow:var(--shadow-card);border-radius:24px;padding:20px;position:relative;overflow:hidden}.home-visual-card:before{content:"";background:linear-gradient(135deg,color-mix(in srgb,var(--accent)4%,transparent)0%,color-mix(in srgb,var(--accent)8%,transparent)100%);pointer-events:none;position:absolute;inset:0}[data-theme=dark] .home-visual-card:before{background:linear-gradient(135deg,#7c3aed14 0%,#7c3aed1f 100%)}.home-visual-canvas{z-index:1;border-radius:20px;height:100%;min-height:248px;position:relative;overflow:hidden}.home-showcase-media{object-fit:cover;object-position:center;border-radius:20px;width:100%;height:100%;min-height:248px;display:block}.image-to-prompt-showcase{grid-template-columns:minmax(280px,.95fr) minmax(360px,1.05fr);align-items:center;gap:36px;display:grid}.image-to-prompt-showcase-copy{align-content:center;gap:18px;display:grid}.image-to-prompt-showcase-title{letter-spacing:-.04em;font-size:clamp(2rem,2.1vw,3.1rem);font-weight:800;line-height:1.08}.image-to-prompt-showcase-desc{color:var(--text-secondary);max-width:56ch;font-size:1.05rem;line-height:1.7}.image-to-prompt-showcase-card{border:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--accent)3%,var(--bg-card)),var(--bg-card));box-shadow:var(--shadow-card);border-radius:28px;padding:26px}.image-to-prompt-showcase-frame{border-radius:22px;justify-content:center;align-items:center;min-height:320px;display:flex;position:relative}.image-to-prompt-showcase-media{aspect-ratio:1;object-fit:cover;border-radius:18px;width:min(100%,520px);display:block;box-shadow:0 18px 34px #0f172a29}.tool-page-showcase{grid-template-columns:minmax(280px,.95fr) minmax(360px,1.05fr);align-items:center;gap:36px;display:grid}.tool-page-showcase-copy{align-content:center;gap:18px;display:grid}.tool-page-showcase-badge{border:1px solid color-mix(in srgb,var(--accent)24%,var(--border));background:color-mix(in srgb,var(--accent)8%,transparent);color:var(--accent);border-radius:999px;justify-content:center;justify-self:start;align-items:center;padding:7px 14px;font-size:.75rem;font-weight:700;display:inline-flex}.tool-page-showcase-title{letter-spacing:-.04em;font-size:clamp(2rem,2.1vw,3.1rem);font-weight:800;line-height:1.08}.tool-page-showcase-desc{color:var(--text-secondary);max-width:56ch;font-size:1.05rem;line-height:1.7}.tool-page-showcase-visual{min-width:0}.tool-page-showcase-card{min-height:340px}.tool-page-showcase-canvas,.tool-page-showcase-media{min-height:296px}.tool-example-section{gap:20px;width:min(100%,960px);margin:0 auto;display:grid}.tool-example-copy{text-align:center;justify-items:center;gap:12px;display:grid}.tool-example-badge{border:1px solid color-mix(in srgb,var(--accent)24%,var(--border));background:color-mix(in srgb,var(--accent)8%,transparent);color:var(--accent);border-radius:999px;justify-content:center;align-items:center;padding:7px 14px;font-size:.75rem;font-weight:700;display:inline-flex}.tool-example-desc{max-width:700px}.tool-example-card{border:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--accent)3%,var(--bg-card)),var(--bg-card));box-shadow:var(--shadow-card);border-radius:28px;padding:24px}.tool-example-media-shell{background:color-mix(in srgb,var(--accent)3%,var(--bg-secondary));border-radius:20px;overflow:hidden}.tool-example-media{object-fit:cover;border-radius:18px;width:100%;max-height:520px;display:block}.comparison-section{padding-top:40px}.comparison-header{max-width:900px;margin-inline:auto}.comparison-title{margin-bottom:10px}.comparison-subtitle{max-width:760px;color:var(--text-secondary);margin:0 auto;font-size:1.02rem;line-height:1.7}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.comparison-card{border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-card);border-radius:24px;gap:14px;padding:12px;display:grid}.comparison-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid;position:relative}.comparison-image-panel{background:color-mix(in srgb,var(--accent)3%,var(--bg-secondary));border-radius:18px;min-width:0;position:relative;overflow:hidden}.comparison-image-label{z-index:1;color:#fff;backdrop-filter:blur(8px);background:#111827d1;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:.72rem;font-weight:700;display:inline-flex;position:absolute;top:10px;left:10px}.comparison-image{aspect-ratio:1;object-fit:cover;width:100%;display:block}.comparison-vs{z-index:2;background:var(--gradient);color:#fff;border:4px solid var(--bg-card);border-radius:999px;justify-content:center;align-items:center;width:52px;height:52px;font-size:1rem;font-weight:800;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 14px 30px #7c3aed38}.comparison-card-copy{color:var(--text-secondary);margin:0;font-size:.98rem;line-height:1.75}.home-inspiration-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.home-inspiration-card{border:1px solid var(--border);background:var(--bg-card);min-height:180px;box-shadow:var(--shadow-card);border-radius:14px;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;position:relative;overflow:hidden}.home-inspiration-card:hover{border-color:color-mix(in srgb,var(--accent)40%,var(--border));transform:translateY(-2px);box-shadow:0 4px 16px #0f172a14}.home-inspiration-image{object-fit:cover;width:100%;height:100%;min-height:180px;display:block}.home-inspiration-chip{color:var(--text-primary);backdrop-filter:blur(8px);background:#ffffffeb;border-radius:999px;padding:6px 12px;font-size:.75rem;font-weight:700;position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #0000001a}[data-theme=dark] .home-inspiration-chip{color:#fff;background:#0a0a0fd9}.home-cta-section{text-align:center;background:linear-gradient(160deg,var(--bg-secondary)0%,var(--bg-primary)100%);border-top:1px solid var(--border);padding:120px 20px;position:relative;overflow:hidden}[data-theme=dark] .home-cta-section{background:linear-gradient(160deg,#0d0b16 0%,#0a0a0f 100%)}.home-cta-orb{pointer-events:none;filter:blur(60px);background:radial-gradient(circle,#7c3aed26,#0000 65%);border-radius:50%;width:700px;height:700px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme=light] .home-cta-orb{opacity:.5}.home-cta-inner{z-index:1;flex-direction:column;align-items:center;gap:0;display:flex;position:relative}.home-cta-title{letter-spacing:-.03em;margin-bottom:18px;font-size:clamp(1.9rem,3.5vw,2.8rem);font-weight:800;line-height:1.12}.home-cta-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:36px;font-size:1.1rem;line-height:1.65}.home-cta-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:20px;display:flex}.home-cta-note{color:var(--text-muted);margin:0;font-size:.83rem}.testimonial-stars{color:#f59e0b;letter-spacing:1px;font-size:.95rem}@media (max-width:640px){.hero{padding:70px 16px 60px}.hero-stats{flex-wrap:wrap;gap:20px}.hero-trust{gap:8px 12px}.home-cta-section{padding:80px 16px}.home-cta-actions{flex-direction:column;align-items:stretch}}@media (max-width:980px){.home-showcase-row,.home-showcase-row.reverse{grid-template-columns:1fr}.home-showcase-row.reverse .home-showcase-copy,.home-showcase-row.reverse .home-showcase-visual{order:initial}.image-to-prompt-showcase,.tool-page-showcase,.comparison-grid{grid-template-columns:1fr}.home-inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.home-showcase-title-row{gap:12px}.home-visual-card{min-height:228px;padding:14px}.image-to-prompt-showcase-card{border-radius:20px;padding:14px}.image-to-prompt-showcase-frame{gap:14px;min-height:auto;display:grid}.image-to-prompt-showcase-media{width:100%;max-width:100%}.tool-page-showcase-card{min-height:228px}.tool-example-card{border-radius:20px;padding:14px}.comparison-card{padding:10px}.comparison-images{gap:8px}.comparison-vs{width:44px;height:44px;font-size:.9rem}.home-inspiration-grid{grid-template-columns:1fr 1fr;gap:10px}}.btn{cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:11px 24px;font-family:Inter;font-size:.92rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 1px 3px #7c3aed33,0 4px 12px #7c3aed26}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 2px 6px #7c3aed40,0 8px 20px #7c3aed33}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);box-shadow:var(--shadow-card)}.btn-secondary:hover{border-color:var(--accent);background:var(--accent-bg)}.btn-outline{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);box-shadow:var(--shadow-card)}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.btn-lg{border-radius:var(--radius-md);padding:15px 32px;font-size:1.02rem}.btn-sm{padding:7px 16px;font-size:.85rem}.btn-icon{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:34px;padding:6px 10px}.btn-icon:hover{border-color:var(--accent);background:var(--accent-bg)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-loading{position:relative;color:#0000!important}.btn-loading:after{content:"";border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.w-full{width:100%}.section{padding:96px 20px}.section-sm{padding:48px 20px 64px}.section-header{text-align:center;margin-bottom:56px}.section-badge{background:var(--accent-bg);border:1px solid color-mix(in srgb,var(--accent)25%,var(--border));color:var(--accent-dark);letter-spacing:.02em;border-radius:999px;margin-bottom:16px;padding:7px 18px;font-size:.82rem;font-weight:700;display:inline-block}[data-theme=dark] .section-badge{color:var(--accent-light)}.section-title{letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(1.65rem,3.2vw,2.4rem);font-weight:800;line-height:1.2}.section-subtitle{color:var(--text-secondary);max-width:640px;margin:0 auto;font-size:1.05rem;line-height:1.6}.page-header{background:radial-gradient(circle at top left,#7c3aed0f,transparent 40%),linear-gradient(180deg,var(--bg-secondary)0%,var(--bg-primary)100%);border-bottom:1px solid var(--border);padding:96px 20px 40px}.page-header-compact{padding-top:80px;padding-bottom:32px}.page-header-content{max-width:800px}.page-header-eyebrow{border:1px solid var(--border);background:var(--bg-card);color:var(--accent);letter-spacing:.02em;box-shadow:var(--shadow-card);border-radius:999px;align-items:center;margin-bottom:16px;padding:7px 16px;font-size:.82rem;font-weight:700;display:inline-flex}.page-title{letter-spacing:-.03em;margin-bottom:12px;font-size:clamp(1.85rem,3.2vw,2.75rem);font-weight:800;line-height:1.15}.page-subtitle{color:var(--text-secondary);max-width:720px;font-size:1.05rem;line-height:1.65}.breadcrumb{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:14px;font-size:.8rem;display:flex}.breadcrumb a{color:var(--text-muted)}.breadcrumb a:hover{color:var(--accent)}.breadcrumb-sep{opacity:.5}.grid-2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}.tool-card{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);box-shadow:var(--shadow-card);border-radius:20px;padding:28px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;position:relative;overflow:hidden}.tool-card:hover{border-color:color-mix(in srgb,var(--accent)50%,var(--border));box-shadow:0 4px 16px #0f172a14,0 0 0 1px color-mix(in srgb,var(--accent)30%,transparent);color:var(--text-primary);transform:translateY(-3px)}.tool-card-icon{background:var(--accent-bg);border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:1.4rem;display:flex}.tool-card-title{margin-bottom:8px;font-size:1.05rem;font-weight:700}.tool-card-desc{color:var(--text-secondary);margin-bottom:14px;font-size:.85rem;line-height:1.5}.tool-card-arrow{color:var(--accent);font-size:.8rem;font-weight:600}.tools-catalog{flex-direction:column;gap:36px;display:flex}.tools-catalog-group{border-bottom:1px solid var(--border);padding:0 0 36px}.tools-catalog-group:last-child{border-bottom:none;padding-bottom:0}.tools-catalog-group-head{margin-bottom:22px}.tools-catalog-group-title{letter-spacing:-.03em;font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:800}.tools-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.tool-card-reference{min-height:150px;box-shadow:none;border-radius:18px;flex-direction:column;justify-content:space-between;padding:24px 26px;display:flex}.tool-card-reference:hover{box-shadow:0 16px 36px #0f172a14,0 0 0 1px color-mix(in srgb,var(--accent)40%,transparent);transform:translateY(-2px)}.tool-card-topline{align-items:flex-start;gap:16px;display:flex}.tool-card-copy{min-width:0}.tool-card-icon-reference{border:1px solid color-mix(in srgb,var(--accent)24%,var(--border));color:#8b7cff;background:0 0;flex:0 0 42px;width:42px;height:42px;margin-bottom:0}.tool-card-icon-reference svg{width:20px;height:20px}.tool-card-reference .tool-card-title{margin-bottom:10px;font-size:1.22rem}.tool-card-reference .tool-card-desc{max-width:34ch;margin-bottom:0;font-size:.98rem;line-height:1.6}.tool-card-reference .tool-card-arrow{margin-top:18px;font-size:.92rem}.home-tools-strip-header{margin-bottom:28px}.home-tools-strip-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.home-tool-strip-card{background:var(--bg-card);justify-content:center;min-height:170px}.home-tool-strip-card .tool-card-topline{flex-direction:column;align-items:center}.home-tool-strip-card .tool-card-copy{text-align:center}.home-tools-interest{color:var(--text-secondary);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:26px;font-size:.92rem;display:flex}.home-tools-interest-links{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.home-tools-interest-links a{color:var(--accent);font-style:italic;text-decoration:none}.home-tools-interest-links a:hover{text-decoration:underline}@media (max-width:900px){.tools-catalog-grid{grid-template-columns:1fr}.home-tools-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.home-tools-strip-grid{grid-template-columns:1fr}}.tool-layout{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (max-width:900px){.tool-layout{grid-template-columns:1fr}}.tool-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.tool-panel-header{border-bottom:1px solid var(--border);background:var(--bg-secondary);padding:18px 24px;font-size:.95rem;font-weight:700}.tool-panel-body{padding:24px}.tool-header-inline{align-items:center;gap:10px;display:inline-flex}.inline-tool-icon{width:18px;height:18px;color:var(--accent);flex:none;justify-content:center;align-items:center;display:inline-flex}.inline-tool-icon svg{width:18px;height:18px;display:block}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--transition);background:var(--bg-upload);padding:48px 24px;position:relative}.upload-zone:hover,.upload-zone.dragover{border-color:var(--accent);background:var(--accent-bg);border-width:2px}.upload-zone input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-icon{margin-bottom:12px;font-size:2.5rem}.upload-icon-svg{width:72px;height:72px;color:color-mix(in srgb,var(--text-primary)82%,var(--accent)18%);margin:0 auto 16px}.upload-icon-svg svg{width:100%;height:100%;display:block}.upload-text{color:var(--text-primary);margin-bottom:4px;font-size:.95rem;font-weight:600}.upload-hint{color:var(--text-muted);font-size:.8rem}.image-preview-box{border-radius:var(--radius-md);background:var(--bg-upload);min-height:120px;margin:16px 0;position:relative;overflow:hidden}.image-preview-box img{border-radius:var(--radius-md);width:100%;height:auto;display:block}.image-preview-placeholder{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:220px;padding:60px 20px;font-size:.88rem;display:flex}.ph-icon{font-size:2rem;line-height:1}.img-remove-btn{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;display:flex;position:absolute;top:8px;right:8px}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:all var(--transition);box-shadow:var(--shadow-card);padding:11px 16px;font-family:Inter;font-size:.95rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.form-textarea{resize:vertical;min-height:100px}.form-select{cursor:pointer}.pricing-section{width:100%}.pricing-error{color:#ef4444;background:#ef444414;border:1px solid #ef444433;border-radius:12px;margin-bottom:24px;padding:12px 18px;font-size:.92rem}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:24px;display:grid}.pricing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:24px;flex-direction:column;gap:20px;padding:32px 28px;transition:box-shadow .2s,transform .2s;display:flex;position:relative}.pricing-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000014}.pricing-card-featured{border-color:var(--accent);background:linear-gradient(160deg,var(--bg-card)60%,#7c3aed0d 100%);box-shadow:0 20px 60px #7c3aed24}.pricing-card-featured:hover{box-shadow:0 24px 70px #7c3aed38}.pricing-badge{white-space:nowrap;background:var(--accent);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:5px 16px;font-size:.72rem;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #7c3aed59}.pricing-badge-current{background:#16a34a;box-shadow:0 4px 14px #16a34a59}.pricing-card-current{box-shadow:0 8px 32px #16a34a26;border-color:#16a34a!important}.pricing-card-current .pricing-cta:disabled{color:#fff;opacity:1;cursor:default;background:#16a34a;border-color:#16a34a}.pricing-card-header{flex-direction:column;gap:6px;display:flex}.pricing-plan-name{color:var(--text-primary);letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.pricing-plan-desc{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.5}.pricing-price-row{align-items:baseline;gap:2px;display:flex}.pricing-currency{color:var(--text-primary);margin-top:4px;font-size:1.3rem;font-weight:700}.pricing-amount{color:var(--text-primary);letter-spacing:-.03em;font-size:3rem;font-weight:800;line-height:1}.pricing-period{color:var(--text-secondary);margin-left:2px;font-size:.95rem;font-weight:500}.pricing-stats{background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;gap:0;display:flex;overflow:hidden}.pricing-stat{text-align:center;flex-direction:column;flex:1;align-items:center;gap:2px;padding:14px 10px;display:flex}.pricing-stat-divider{background:var(--border);flex-shrink:0;align-self:stretch;width:1px}.pricing-stat-value{color:var(--accent);font-size:1.4rem;font-weight:800;line-height:1}.pricing-stat-label{color:var(--text-secondary);font-size:.72rem;font-weight:500;line-height:1.3}.pricing-features{flex-direction:column;flex:1;gap:10px;margin:0;padding:0;list-style:none;display:flex}.pricing-feature-item{color:var(--text-secondary);align-items:flex-start;gap:10px;font-size:.9rem;line-height:1.45;display:flex}.pricing-feature-icon{color:var(--accent);flex-shrink:0;align-items:center;margin-top:1px;display:flex}.pricing-cta{letter-spacing:.01em;margin-top:auto;padding:13px 20px;font-size:.97rem;font-weight:700;border-radius:12px!important}.pricing-cta-loading{align-items:center;gap:8px;display:inline-flex}.pricing-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}.pricing-signin-note{text-align:center;color:var(--text-secondary);opacity:.75;margin:0;font-size:.8rem}@media (max-width:640px){.pricing-grid{grid-template-columns:1fr}.pricing-card{padding:28px 20px}.pricing-amount{font-size:2.5rem}}.related-tools-section{background:var(--bg-secondary);border-top:1px solid var(--border);padding:72px 20px}.related-tools-header{text-align:center;margin-bottom:36px}.related-tools-title{letter-spacing:-.02em;margin-bottom:8px;font-size:clamp(1.35rem,2.5vw,1.8rem);font-weight:800}.related-tools-subtitle{color:var(--text-secondary);margin:0;font-size:.95rem}.related-tools-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;max-width:960px;margin:0 auto;display:grid}.related-tool-card{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);box-shadow:var(--shadow-card);border-radius:16px;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.related-tool-card:hover{border-color:var(--accent);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed1a}.related-tool-icon{background:var(--accent-bg);width:40px;height:40px;color:var(--accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.related-tool-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.related-tool-name{font-size:.9rem;font-weight:700;line-height:1.2}.related-tool-desc{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;line-height:1.4;overflow:hidden}.related-tool-arrow{color:var(--text-muted);flex-shrink:0;font-size:1rem;transition:color .2s,transform .2s}.related-tool-card:hover .related-tool-arrow{color:var(--accent);transform:translate(3px)}@media (max-width:640px){.related-tools-section{padding:56px 12px}.related-tools-grid{grid-template-columns:1fr;gap:10px}.related-tool-desc{display:none}}.steps-grid{grid-template-columns:repeat(3,1fr);gap:0;display:grid;position:relative}.steps-grid:before{content:"";background:linear-gradient(90deg,var(--accent),var(--accent-light));opacity:.25;pointer-events:none;height:2px;position:absolute;top:28px;left:calc(16.66% + 28px);right:calc(16.66% + 28px)}.step-item{text-align:center;padding:0 24px 28px;position:relative}.step-num{background:var(--gradient);color:#fff;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;font-size:1.3rem;font-weight:800;display:flex;position:relative;box-shadow:0 8px 20px #7c3aed47}@media (max-width:768px){.steps-grid{grid-template-columns:1fr;gap:20px}.steps-grid:before{display:none}.step-item{text-align:left;align-items:start;min-height:60px;padding:0 0 0 72px;display:grid}.step-num{width:48px;height:48px;margin:0;font-size:1.1rem;position:absolute;top:0;left:0}.step-title{margin-bottom:6px}.section{padding:56px 16px}.section-sm{padding:32px 16px 48px}.section-header{margin-bottom:36px}.page-header{padding-top:70px;padding-bottom:28px}}@media (max-width:480px){.section{padding:44px 12px}.section-sm{padding:24px 12px 36px}.page-header{padding-top:60px;padding-bottom:20px}.page-title{font-size:clamp(1.4rem,5vw,2rem)}}@media (max-width:640px){.model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.model-btn{min-height:64px;padding:10px;font-size:.76rem}.model-btn-main{flex-wrap:wrap;font-size:.8rem;line-height:1.3}}.faq-item{border-radius:14px;margin-bottom:10px;transition:box-shadow .2s}.faq-item[open]{border-color:color-mix(in srgb,var(--accent)20%,var(--border));box-shadow:0 4px 16px #7c3aed12}.faq-question{border-radius:14px;padding:18px 22px;font-size:.95rem}.faq-answer-inner{padding:0 22px 18px;font-size:.9rem;line-height:1.7}.result-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.result-header-title{font-size:.85rem;font-weight:700}.result-actions{gap:6px;display:flex}.result-content{white-space:pre-wrap;min-height:100px;color:var(--text-primary);padding:20px;font-size:.9rem;line-height:1.7}.result-placeholder{color:var(--text-muted);font-style:italic}.result-streaming{border-left:3px solid var(--accent);animation:1.5s infinite pulse}.result-generating-state{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:180px;padding:48px 20px;display:flex}.ph-icon-generating{background:var(--accent-bg);width:56px;height:56px;color:var(--accent);border-radius:16px;justify-content:center;align-items:center;display:flex}.ph-icon-generating svg{width:28px;height:28px;display:block}.ph-icon-empty{background:color-mix(in srgb,var(--accent)6%,var(--bg-surface)94%);width:52px;height:52px;color:var(--text-muted);border-radius:14px;justify-content:center;align-items:center;display:flex}.ph-icon-empty svg{width:26px;height:26px;display:block}.ph-generating-label{color:var(--text-secondary);font-size:.88rem;font-weight:600}.ph-generating-dots{align-items:center;gap:6px;display:flex}.ph-generating-dots span{background:var(--accent);opacity:.7;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite gen-dot-bounce;display:block}.ph-generating-dots span:nth-child(2){animation-delay:.2s}.ph-generating-dots span:nth-child(3){animation-delay:.4s}@keyframes gen-dot-bounce{0%,80%,to{opacity:.4;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.panel-header-generating{color:var(--accent);opacity:.85;margin-left:2px;font-size:.78rem;font-weight:500;animation:1.8s ease-in-out infinite pulse}.icon-sparkle .sparkle-star-1{transform-origin:12px 10px;animation:2s ease-in-out infinite sparkle-spin}.icon-sparkle .sparkle-star-2{transform-origin:19px 6px;animation:2s ease-in-out .3s infinite sparkle-spin}.icon-sparkle .sparkle-star-3{transform-origin:5px 17px;animation:2s ease-in-out .6s infinite sparkle-spin}@keyframes sparkle-spin{0%,to{opacity:1;transform:rotate(0)scale(1)}50%{opacity:.75;transform:rotate(20deg)scale(1.15)}}.btn-icon-svg svg{width:16px;height:16px;display:block}.model-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-top:8px;display:grid}.model-btn{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);flex-direction:column;gap:4px;padding:10px 12px;font-family:Inter;font-size:.78rem;font-weight:600;display:flex}.model-btn:hover{border-color:var(--accent);color:var(--accent)}.model-btn.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.model-btn-main{justify-content:center;align-items:center;gap:4px;display:flex}.model-btn-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.model-btn .model-badge{color:var(--text-muted);font-size:.65rem;font-weight:400}.model-btn.active .model-badge{color:var(--accent-light)}.model-tokens{color:var(--accent);background:var(--accent-bg);border-radius:10px;padding:2px 6px;font-size:.65rem;font-weight:600}.model-btn.active .model-tokens{color:var(--accent);background:#fff}.tabs{background:color-mix(in srgb,var(--bg-secondary)92%,var(--bg-primary)8%);border:1px solid var(--border);border-radius:20px;gap:0;margin-bottom:24px;padding:6px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition);text-align:center;background:0 0;border:none;border-radius:14px;flex:1;padding:16px 22px;font-family:Inter;font-size:.96rem;font-weight:700;text-decoration:none;position:relative}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.tab-btn.active:after{content:"";background:linear-gradient(90deg,color-mix(in srgb,var(--accent)85%,#fff 15%),color-mix(in srgb,var(--accent-light)80%,#fff 20%));border-radius:999px;height:3px;position:absolute;bottom:-6px;left:14px;right:14px}.image-to-prompt-workspace-section{padding-top:20px}.image-to-prompt-workspace{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-card)88%,#fff 12%)0%,var(--bg-card)100%);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:28px;overflow:hidden}.image-to-prompt-switcher{border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-secondary)95%,var(--bg-primary)5%);gap:0;display:flex}.image-to-prompt-switcher-tab{color:var(--text-muted);transition:all var(--transition);border-bottom:3px solid #0000;align-items:center;gap:10px;padding:22px 28px;font-size:.98rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.image-to-prompt-switcher-tab:hover{color:var(--text-primary);background:color-mix(in srgb,var(--bg-primary)60%,transparent 40%)}.image-to-prompt-switcher-tab.active{color:var(--accent);border-bottom-color:var(--accent);background:color-mix(in srgb,var(--bg-card)95%,var(--accent)5%)}.image-to-prompt-switcher-tab.active:after{content:"";background:linear-gradient(90deg,color-mix(in srgb,var(--accent)88%,#fff 12%),color-mix(in srgb,var(--accent-light)82%,#fff 18%));height:3px;position:absolute;bottom:-2px;left:0;right:0}.image-to-prompt-switcher-icon{justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.image-to-prompt-switcher-icon svg{width:18px;height:18px;display:block}.image-to-prompt-helper{color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 28px 0;font-size:.93rem;display:flex}.image-to-prompt-helper-copy{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.image-to-prompt-helper a,.image-to-prompt-helper-link{color:var(--accent);font-weight:600;text-decoration:none}.image-to-prompt-helper-icon{width:16px;height:16px;color:var(--text-muted);justify-content:center;align-items:center;display:inline-flex}.image-to-prompt-helper-icon svg{width:16px;height:16px;display:block}.image-to-prompt-layout{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:start;gap:22px;padding:24px 28px 28px}.image-to-prompt-input-panel,.image-to-prompt-result-panel{border-color:color-mix(in srgb,var(--border)88%,var(--accent)12%);border-radius:24px;box-shadow:0 16px 36px #0f172a0d}.image-to-prompt-panel-heading{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-secondary)94%,#fff 6%)0%,var(--bg-secondary)100%);padding:18px 22px}.image-to-prompt-input-body{padding:22px}.image-to-prompt-inline-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;margin-bottom:20px;display:grid}.image-to-prompt-inline-tab{border:1px solid var(--border);background:color-mix(in srgb,var(--bg-secondary)88%,var(--bg-primary)12%);color:var(--text-muted);cursor:pointer;transition:all var(--transition);box-shadow:none;text-align:center;border-radius:18px;min-height:74px;padding:18px 20px;font-family:Inter;font-weight:700}.image-to-prompt-inline-tab.active{border-color:color-mix(in srgb,var(--accent)38%,var(--border));color:var(--text-primary);background:var(--bg-card);box-shadow:0 8px 20px #0f172a14}.image-to-prompt-url-group{margin-bottom:20px}.image-to-prompt-url-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.image-to-prompt-preview-box{border:1px solid var(--border);background:color-mix(in srgb,var(--bg-secondary)88%,#fff 12%);margin-top:18px;padding:10px}.image-to-prompt-mode-section{margin-top:18px;margin-bottom:18px}.image-to-prompt-mode-label{color:var(--text-primary);margin-bottom:14px;font-size:.98rem;font-weight:800}.image-to-prompt-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.image-to-prompt-mode-card{border:1px solid var(--border);background:color-mix(in srgb,var(--bg-primary)97%,var(--bg-secondary)3%);min-height:98px;color:var(--text-primary);text-align:left;cursor:pointer;transition:all var(--transition);border-radius:18px;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:18px 20px;display:flex;position:relative;box-shadow:0 2px 8px #0f172a0a}.image-to-prompt-mode-card:hover{border-color:color-mix(in srgb,var(--accent)35%,var(--border));transform:translateY(-1px);box-shadow:0 10px 24px #0f172a14}.image-to-prompt-mode-card.active{background:color-mix(in srgb,#7c3aed 8%,var(--bg-card)92%);border-color:#7c3aed;box-shadow:0 14px 28px #7c3aed1f}.image-to-prompt-mode-card-label{font-size:1.05rem;font-weight:800;line-height:1.2}.image-to-prompt-mode-card-hint{color:var(--text-secondary);font-size:.8rem;line-height:1.4}.image-to-prompt-mode-check{color:#fff;background:#7c3aed;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.9rem;font-weight:800;display:inline-flex;position:absolute;bottom:10px;right:12px}.image-to-prompt-visual-stack{gap:0;height:100%;display:grid}.image-to-prompt-result-panel{min-height:100%}.image-to-prompt-result-header{align-items:flex-start;gap:12px;padding:18px 20px}.image-to-prompt-result-copy{gap:6px;display:grid}.image-to-prompt-result-subtitle{color:var(--text-muted);font-size:.82rem;line-height:1.5}.image-to-prompt-result-content{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-primary)96%,#fff 4%)0%,var(--bg-primary)100%);min-height:340px;font-size:.94rem;line-height:1.78}@media (max-width:900px){.image-to-prompt-layout{grid-template-columns:1fr}.image-to-prompt-result-content{min-height:220px}}@media (max-width:640px){.container{padding:0 12px}.section-sm,.page-header{padding-left:12px;padding-right:12px}.tool-panel{border-radius:20px}.tool-panel-header{padding:16px 18px;font-size:.92rem}.tool-panel-body{padding:18px}.tabs{white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;background:color-mix(in srgb,var(--bg-secondary)94%,var(--bg-primary)6%);border-radius:18px;flex-wrap:nowrap;grid-template-columns:none;align-items:stretch;gap:8px;padding:6px;display:flex;overflow:auto hidden}.tabs::-webkit-scrollbar{display:none}.tab-btn{white-space:normal;border-radius:12px;flex:1 0 0;min-width:96px;min-height:46px;padding:10px 12px;font-size:.84rem;line-height:1.15}.tab-btn.active:after{height:2px;bottom:-6px;left:10px;right:10px}.image-to-prompt-switcher{white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;flex-direction:row;gap:0;overflow:auto hidden}.image-to-prompt-switcher::-webkit-scrollbar{display:none}.image-to-prompt-switcher-tab{text-align:center;flex:1 0 0;justify-content:center;width:auto;min-width:124px;min-height:50px;padding:14px 12px 13px;font-size:.86rem;line-height:1.2}.image-to-prompt-switcher-icon,.image-to-prompt-switcher-icon svg{width:16px;height:16px}.result-header{flex-wrap:wrap;align-items:flex-start;gap:12px;padding:14px 16px}.result-header-title{font-size:.95rem}.result-content{padding:16px;font-size:.92rem;line-height:1.65}.form-input,.form-select{min-height:48px;font-size:16px}.form-textarea{min-height:150px;font-size:16px}.btn.w-full,.btn.btn-primary.w-full{min-height:52px;font-size:.98rem}.image-to-prompt-layout{gap:12px;padding:12px}.image-to-prompt-helper{align-items:flex-start;padding:12px 12px 0;font-size:.84rem}.image-to-prompt-helper-copy{width:100%;line-height:1.4}.image-to-prompt-url-row{grid-template-columns:1fr}.image-to-prompt-url-row .btn{width:100%;min-height:48px}.image-to-prompt-panel-heading{padding:14px 16px}.image-to-prompt-input-body{padding:14px}.image-to-prompt-inline-tabs{white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;background:color-mix(in srgb,var(--bg-secondary)90%,var(--bg-primary)10%);border:1px solid var(--border);border-radius:18px;flex-wrap:nowrap;grid-template-columns:none;gap:8px;width:100%;padding:6px;display:flex;overflow:auto hidden}.image-to-prompt-inline-tabs::-webkit-scrollbar{display:none}.image-to-prompt-inline-tab{white-space:normal;text-align:center;border-radius:14px;flex:1 0 0;justify-content:center;align-items:center;min-width:132px;min-height:56px;padding:10px 12px;font-size:.84rem;line-height:1.2;display:flex}.image-to-prompt-inline-tab.active{box-shadow:0 6px 18px #0f172a14}.image-to-prompt-preview-box{border-radius:16px;padding:8px}.image-to-prompt-mode-section{margin-top:16px;margin-bottom:16px}.image-to-prompt-mode-label{margin-bottom:12px;font-size:.92rem}.image-to-prompt-mode-grid{grid-template-columns:1fr 1fr;gap:10px}.image-to-prompt-mode-card{border-radius:16px;min-height:88px;padding:14px 14px 18px}.image-to-prompt-mode-card-label{font-size:.94rem}.image-to-prompt-mode-card-hint{font-size:.74rem}.image-to-prompt-preview-box img{max-height:220px!important}.image-to-prompt-result-header{padding:14px 16px}.image-to-prompt-result-copy{width:100%}.image-to-prompt-result-subtitle{font-size:.8rem}.image-to-prompt-result-content{border-bottom-right-radius:20px;border-bottom-left-radius:20px;min-height:200px;padding:14px}}@media (max-width:420px){.container{padding:0 8px}.section-sm,.page-header{padding-left:8px;padding-right:8px}.image-to-prompt-workspace{border-radius:22px}.image-to-prompt-switcher-tab{min-width:112px;min-height:48px;padding:12px 10px;font-size:.8rem}.image-to-prompt-layout{padding:10px}.image-to-prompt-helper{padding:10px 10px 0;font-size:.8rem}.image-to-prompt-inline-tabs{display:flex}.image-to-prompt-inline-tab{width:auto;min-width:118px;min-height:52px;font-size:.8rem}.image-to-prompt-mode-grid{grid-template-columns:1fr}.image-to-prompt-mode-card{min-height:76px;padding:14px 14px 16px}.tool-panel-header,.image-to-prompt-panel-heading{padding:12px 14px}.tool-panel-body,.image-to-prompt-input-body,.result-content,.image-to-prompt-result-content{padding:12px}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.card:hover{border-color:color-mix(in srgb,var(--accent)40%,var(--border));transform:translateY(-2px);box-shadow:0 4px 16px #0f172a14}.card-body{padding:28px}.card-icon{margin-bottom:18px;font-size:2.2rem}.card-title{margin-bottom:10px;font-size:1.15rem;font-weight:700}.card-desc{color:var(--text-secondary);font-size:.92rem;line-height:1.65}.steps-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}@media (max-width:768px){.steps-grid{grid-template-columns:1fr;gap:20px}}.step-item{text-align:center;padding:28px}.step-num{background:var(--gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;font-size:1.3rem;font-weight:800;display:flex;box-shadow:0 4px 16px #7c3aed40}.step-title{margin-bottom:10px;font-size:1.12rem;font-weight:700}.step-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.testimonial-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.testimonial-card:hover{border-color:color-mix(in srgb,var(--accent)30%,var(--border));transform:translateY(-2px);box-shadow:0 4px 16px #0f172a14}.testimonial-stars{color:#f59e0b;letter-spacing:2px;margin-bottom:12px;font-size:.9rem}.testimonial-text{color:var(--text-secondary);margin-bottom:16px;font-size:.9rem;line-height:1.6}.testimonial-author{align-items:center;gap:12px;display:flex}.testimonial-avatar{background:var(--gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.testimonial-name{font-size:.9rem;font-weight:600}.testimonial-role{color:var(--text-muted);font-size:.75rem}.faq-list{max-width:800px;margin:0 auto}.faq-item{border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:8px;overflow:hidden}.faq-question{background:var(--bg-card);text-align:left;width:100%;color:var(--text-primary);cursor:pointer;border:none;justify-content:space-between;align-items:center;padding:16px 20px;font-family:Inter;font-size:.9rem;font-weight:600;list-style:none;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-question::marker{content:"";display:none}.faq-question:hover{background:var(--bg-card-hover)}.faq-icon{color:var(--accent);font-size:1.2rem;transition:transform .3s}.faq-item[open] .faq-icon{transform:rotate(45deg)}.faq-answer-inner{color:var(--text-secondary);padding:0 20px 16px;font-size:.85rem;line-height:1.6}.progress-bar{background:var(--bg-surface);border-radius:999px;width:100%;height:8px;overflow:hidden}.progress-fill{background:var(--gradient);border-radius:999px;height:100%;transition:width .3s}#toast-container{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;top:80px;right:20px}.toast{border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-lg);color:var(--text-primary);align-items:center;gap:10px;min-width:280px;padding:12px 20px;font-size:.85rem;font-weight:500;animation:.3s slideIn;display:flex}.toast.success{border-color:#22c55e}.toast.error{border-color:#ef4444}.toast.success .toast-icon{color:#22c55e}.toast.error .toast-icon{color:#ef4444}.toast.hiding{animation:.3s forwards slideOut}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1}to{opacity:0;transform:translate(100%)}}.modal-overlay{z-index:200;opacity:0;visibility:hidden;background:#00000080;justify-content:center;align-items:center;padding:20px;transition:all .3s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;visibility:visible}.modal{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{font-size:1.1rem;font-weight:700}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.3rem}.modal-form{padding:24px}.key-input-wrap{gap:8px;display:flex}.key-input-wrap input{flex:1}.key-toggle{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:0 10px;font-size:1rem}.batch-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:12px;margin-bottom:8px;padding:12px 16px;display:flex}.batch-thumb{object-fit:cover;border-radius:var(--radius-sm);width:50px;height:50px}.batch-status{text-transform:uppercase;white-space:nowrap;border-radius:999px;margin-left:auto;padding:3px 8px;font-size:.7rem;font-weight:600}.status-pending{background:var(--bg-surface);color:var(--text-muted)}.status-done{color:#22c55e;background:#22c55e1a}.status-error{color:#ef4444;background:#ef44441a}.batch-shell{grid-template-columns:380px minmax(0,1fr);align-items:start;gap:24px;display:grid}.batch-sidebar,.batch-main{min-width:0}.batch-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.batch-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.batch-card-header h2{font-size:1.05rem;font-weight:700}.batch-count{background:var(--accent-bg);color:var(--accent);border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:700}.batch-card-text,.batch-meta,.batch-result-meta{color:var(--text-secondary);font-size:.85rem}.batch-card-text{margin-bottom:18px;line-height:1.7}.batch-meta{margin-top:10px;margin-bottom:10px}.batch-actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.batch-progress-block{border-top:1px solid var(--border);margin-top:20px;padding-top:18px}.batch-progress-copy{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:.85rem;display:flex}.batch-progress-copy strong{color:var(--text-primary);font-size:.95rem}.batch-empty{border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-muted);text-align:center;padding:32px 20px;font-size:.9rem}.batch-results-list{gap:14px;display:grid}.batch-result-card{border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(180deg,var(--bg-card),var(--bg-secondary));padding:16px 18px}.batch-result-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.batch-file-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.92rem;font-weight:700;overflow:hidden}.batch-result-preview{color:var(--text-primary);white-space:pre-wrap;max-height:130px;margin-top:8px;font-size:.88rem;line-height:1.7;overflow:auto}@media (max-width:980px){.batch-shell{grid-template-columns:1fr}}.image-result-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.image-result-item{border-radius:var(--radius-md);background:var(--bg-surface);position:relative;overflow:hidden}.image-result-item img{cursor:zoom-in;width:100%;height:auto;display:block}.image-result-actions{justify-content:center;gap:8px;padding:10px;display:flex}.image-preview-modal{width:100%;max-width:min(92vw,960px);padding-bottom:20px}.image-preview-modal-media{object-fit:contain;width:100%;max-height:78vh;padding:20px;display:block}.history-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.history-item{border-radius:var(--radius-sm);aspect-ratio:1;cursor:default;background:var(--bg-surface);position:relative;overflow:hidden}.history-item img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.history-item:hover img{transform:scale(1.05)}.history-item-actions{z-index:2;gap:6px;display:flex;position:absolute;bottom:8px;right:8px}.history-icon-btn{color:#fff;cursor:pointer;backdrop-filter:blur(8px);background:#111827c7;border:1px solid #ffffff40;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;box-shadow:0 4px 12px #0003}.history-icon-btn:hover{background:#111827eb}.inspiration-overview{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:28px}.inspiration-section-header{margin-bottom:24px}.inspiration-overview-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.inspiration-overview-stat{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border);text-align:center;padding:16px 18px}.inspiration-overview-stat strong{color:var(--text-primary);margin-bottom:4px;font-size:1.15rem;font-weight:800;display:block}.inspiration-overview-stat span{color:var(--text-secondary);font-size:.82rem}.inspiration-category{margin-bottom:40px}.category-header{justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;display:flex}.category-eyebrow{color:var(--accent);margin-bottom:8px;font-size:.78rem;font-weight:700}.category-title{margin-bottom:6px;font-size:1.2rem;font-weight:700}.category-subtitle{color:var(--text-secondary);max-width:720px;font-size:.92rem}.category-count{background:var(--accent-bg);color:var(--accent);border-radius:999px;flex-shrink:0;padding:7px 12px;font-size:.78rem;font-weight:700}.inspiration-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px;display:grid}.inspiration-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:18px;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.inspiration-card:hover{border-color:color-mix(in srgb,var(--accent)50%,var(--border));box-shadow:0 8px 24px #0f172a14,0 0 0 1px color-mix(in srgb,var(--accent)25%,transparent);transform:translateY(-3px)}.inspiration-card-image-wrap{padding:10px 10px 0;position:relative}.inspiration-card-image{aspect-ratio:1.08;object-fit:cover;background:var(--bg-secondary);border-radius:14px;width:100%;display:block}.inspiration-card-image-wrap:after{content:"";pointer-events:none;background:linear-gradient(#0f172a00 0%,#0f172a47 100%);border-radius:0 0 16px 16px;height:38%;position:absolute;bottom:0;left:12px;right:12px}.inspiration-card-badge{color:#fff;backdrop-filter:blur(12px);background:#0f172abf;border-radius:999px;max-width:calc(100% - 40px);padding:6px 12px;font-size:.7rem;font-weight:700;line-height:1.3;position:absolute;top:20px;left:20px;box-shadow:0 2px 8px #00000026}.inspiration-card-body{flex-direction:column;flex:1;gap:12px;padding:16px 18px 20px;display:flex}.inspiration-card-title-link{color:inherit}.inspiration-card-title-link:hover{color:var(--accent)}.inspiration-card-meta{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.inspiration-card-copy{width:100%;min-width:0}.inspiration-card-title{letter-spacing:-.02em;font-size:1.15rem;font-weight:800;line-height:1.2}.inspiration-card-mood{color:var(--accent);background:var(--accent-bg);border:1px solid color-mix(in srgb,var(--accent)22%,var(--border));border-radius:999px;padding:5px 10px;font-size:.74rem;font-weight:700}.inspiration-card-prompt{color:var(--text-secondary);line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:84px;margin:0;font-size:.84rem;line-height:1.62;display:-webkit-box;overflow:hidden}.inspiration-card-actions{flex-direction:column;gap:10px;margin-top:auto;display:flex}.inspiration-card-action{background:var(--gradient);color:#fff;border:none;border-radius:12px;width:100%;min-height:44px;box-shadow:0 10px 24px #7c3aed33}.inspiration-card-action:hover{color:#fff;transform:translateY(-1px);box-shadow:0 14px 28px #7c3aed42}.inspiration-card-link{min-height:20px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:.84rem;font-weight:600;text-decoration:none;display:inline-flex}.inspiration-card-link:hover{color:var(--accent)}.inspiration-breadcrumbs{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;font-size:.84rem;display:flex}.inspiration-breadcrumbs a{color:var(--accent)}.inspiration-detail-shell{gap:24px;display:grid}.inspiration-detail-hero{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:stretch;gap:24px;display:grid}.inspiration-detail-media,.inspiration-detail-summary{height:100%}.inspiration-detail-image{object-fit:cover;width:100%;height:100%;min-height:340px;display:block}.inspiration-detail-summary-body{flex-direction:column;gap:16px;height:100%;display:flex}.inspiration-detail-heading{letter-spacing:-.02em;font-size:1.8rem;font-weight:800}.inspiration-detail-copy{color:var(--text-secondary);line-height:1.7}.inspiration-detail-chip-row{flex-wrap:wrap;gap:10px;display:flex}.inspiration-detail-chip{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);border-radius:999px;padding:7px 12px;font-size:.78rem;font-weight:700}.inspiration-detail-actions{flex-wrap:wrap;gap:12px;margin-top:auto;display:flex}.inspiration-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.inspiration-detail-section-body{flex-direction:column;gap:14px;display:flex}.inspiration-detail-prompt-box{border:1px solid var(--border);background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-secondary);padding:18px;line-height:1.7}.inspiration-detail-list{gap:10px;display:grid}.inspiration-detail-list-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-secondary);padding:12px 14px;font-size:.9rem}.inspiration-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.inspiration-related-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);transition:border-color var(--transition),transform var(--transition);overflow:hidden}.inspiration-related-card:hover{border-color:var(--accent);transform:translateY(-2px)}.inspiration-related-image{aspect-ratio:1.2;object-fit:cover;width:100%;display:block}.inspiration-related-body{gap:4px;padding:12px;display:grid}.inspiration-related-body strong{font-size:.9rem;line-height:1.3}.inspiration-related-body span{color:var(--text-secondary);font-size:.78rem}.style-tag{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);color:var(--text-primary);cursor:pointer;align-items:center;padding:10px 20px;font-size:.85rem;font-weight:500;transition:all .3s;display:inline-flex}.style-tag:hover{border-color:var(--accent);background:var(--accent-bg);color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (max-width:768px){.page-header,.page-header-compact{padding-top:58px;padding-bottom:22px}.inspiration-overview{padding:20px}.inspiration-overview-stats{grid-template-columns:1fr}.category-header{flex-direction:column;align-items:flex-start}.inspiration-grid,.inspiration-card-actions,.inspiration-detail-hero,.inspiration-detail-grid,.inspiration-related-grid{grid-template-columns:1fr}.inspiration-detail-image{min-height:260px}.inspiration-detail-actions{flex-direction:column}.inspiration-card-image{aspect-ratio:1.15}}.tutorials-editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.tutorial-editorial-card{color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);border-radius:18px;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:block;overflow:hidden}.tutorial-editorial-card:hover{border-color:color-mix(in srgb,var(--accent)40%,var(--border));transform:translateY(-3px);box-shadow:0 18px 34px #0f172a14}.tutorial-editorial-media-wrap{padding:8px 8px 0}.tutorial-editorial-media{aspect-ratio:1.72;object-fit:cover;border-radius:14px;width:100%;display:block}.tutorial-editorial-body{gap:10px;padding:14px 18px 16px;display:grid}.tutorial-editorial-badge{text-transform:uppercase;letter-spacing:.05em;color:#7c3aed;font-size:.76rem;font-weight:800}.tutorial-editorial-title{letter-spacing:-.03em;font-size:1.85rem;font-weight:800;line-height:1.22}.tutorial-editorial-excerpt{color:var(--text-muted);font-size:.98rem;line-height:1.75}.tutorial-editorial-footer{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;margin-top:8px;font-size:.88rem;display:flex}.tutorial-author-row{align-items:center;gap:10px;font-weight:500;display:inline-flex}.tutorial-author-avatar{object-fit:cover;border:1px solid var(--border);background:var(--bg-secondary);border-radius:50%;width:28px;height:28px}.tutorial-editorial-date-group{flex-wrap:wrap;align-items:center;gap:12px;display:inline-flex}.tutorial-article-shell{gap:28px;display:grid}.tutorial-article{width:min(100%,860px);margin:0 auto}.tutorial-article-header{width:min(100%,860px)}.tutorial-article-meta{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;display:flex}.tutorial-article-hero{margin-bottom:28px}.tutorial-article-hero-image{aspect-ratio:1.85;object-fit:cover;border-radius:24px;width:100%;min-height:340px;display:block}.tutorial-article-content{overflow-wrap:break-word;word-wrap:break-word;max-width:100%;color:var(--text-primary);gap:20px;font-size:1rem;line-height:1.7;display:grid}.tutorial-article-content>*{margin:0}.tutorial-article-content h2{letter-spacing:-.02em;color:var(--text-primary);margin-top:8px;margin-bottom:4px;font-size:clamp(1.25rem,1.1rem + .5vw,1.5rem);font-weight:700;line-height:1.3}.tutorial-article-content h3{color:var(--text-primary);margin-top:6px;margin-bottom:4px;font-size:1.1rem;font-weight:600;line-height:1.4}.tutorial-article-content p{color:var(--text-secondary);margin:0;line-height:1.7}.tutorial-article-content ul,.tutorial-article-content ol{gap:8px;margin:0;padding-left:24px;display:grid}.tutorial-article-content li{color:var(--text-secondary);line-height:1.6}.tutorial-article-content img{border-radius:16px;max-width:100%;height:auto;margin:8px 0}.tutorial-article-content a{color:var(--accent);font-weight:500;text-decoration:none}.tutorial-article-content a:hover{text-decoration:underline}.tutorial-article-lead{color:var(--text-secondary);font-size:1.05rem;line-height:1.7}.tutorial-article-section{gap:12px;display:grid}.tutorial-article-step{padding-top:4px}.tutorial-inline-figure{margin:8px 0}.tutorial-step-media{aspect-ratio:1.7;object-fit:cover;border-radius:16px;width:100%;display:block}.tutorial-section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:.72rem;font-weight:700}.tutorial-takeaway-box{background:color-mix(in srgb,var(--accent)8%,var(--bg-card));border:1px solid color-mix(in srgb,var(--accent)18%,var(--border));border-radius:20px;padding:20px 24px}.tutorial-takeaway-box h2{margin-top:0;margin-bottom:12px}.tutorial-tip-list{gap:10px;display:grid}.tutorial-tip-item{color:var(--text-secondary);padding-left:20px;font-size:.95rem;line-height:1.6;position:relative}.tutorial-tip-item:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:.6rem;left:0}.tutorial-backlinks{background:var(--bg-surface);border:1px solid var(--border);border-radius:20px;padding:20px 24px}.tutorial-backlinks h2{margin-top:0;margin-bottom:16px;font-size:1.2rem}.tutorial-backlinks ul{gap:10px;padding-left:0;list-style:none;display:grid}.tutorial-backlinks li{padding-left:20px;line-height:1.5;position:relative}.tutorial-backlinks li:before{content:"→";color:var(--accent);font-weight:600;position:absolute;left:0}.tutorial-related-section{gap:18px;width:min(100%,1100px);margin:0 auto;display:grid}.tutorial-related-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.tutorial-back-link{color:var(--accent);font-weight:700;text-decoration:none}.tutorial-back-link:hover{text-decoration:underline}.tutorial-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.tutorial-related-card{height:100%}.tutorial-related-body{gap:8px;padding:14px 18px 18px;display:grid}.tutorial-related-title{font-size:1.08rem;line-height:1.45}@media (max-width:980px){.tutorial-article-meta{grid-template-columns:1fr}}@media (max-width:820px){.tutorials-editorial-grid,.tutorial-related-grid{grid-template-columns:1fr}.tutorial-editorial-footer,.tutorial-article-meta{flex-direction:column;align-items:flex-start}.tutorial-editorial-title{font-size:1.45rem}.tutorial-article-hero-image{aspect-ratio:1.45;min-height:260px}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);margin-top:0;padding:60px 20px 30px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}@media (max-width:768px){.footer-grid{grid-template-columns:1fr;gap:24px}}.brand-desc{color:var(--text-muted);margin-top:12px;font-size:.85rem;line-height:1.6}.footer-col-title{margin-bottom:16px;font-size:.85rem;font-weight:700}.footer-links{flex-direction:column;gap:10px;display:flex}.footer-links a{color:var(--text-muted);transition:color var(--transition);font-size:.85rem}.footer-links a:hover{color:var(--accent)}.footer-email{font-weight:500;color:var(--accent)!important}.footer-bottom{border-top:1px solid var(--border);text-align:center;padding-top:24px}.footer-copy{color:var(--text-muted);font-size:.8rem}.flex{display:flex}.gap-2{gap:8px}.gap-3{gap:12px}.flex-wrap{flex-wrap:wrap}.justify-between{justify-content:space-between}.items-center{align-items:center}.text-center{text-align:center}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.hidden{display:none!important}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rich-editor-wrapper{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);transition:all var(--transition);overflow:hidden}.rich-editor-wrapper.expanded{z-index:1000;border-radius:0;flex-direction:column;display:flex;position:fixed;inset:0}.editor-header{border-bottom:1px solid var(--border);background:var(--bg-surface);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.editor-title{color:var(--text-primary);font-size:.95rem;font-weight:600}.editor-expand-btn{color:var(--accent);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition);background:0 0;border:none;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:500;display:flex}.editor-expand-btn:hover{background:var(--accent-bg)}.editor-toolbar{border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-wrap:wrap;gap:2px;padding:8px 12px;display:flex}.editor-toolbar-btn{cursor:pointer;width:32px;height:32px;color:var(--text-secondary);transition:all var(--transition);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:.9rem;font-weight:600;display:flex}.editor-toolbar-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.editor-toolbar-btn.active{background:var(--accent-bg);color:var(--accent)}.editor-toolbar-sep{background:var(--border);width:1px;height:24px;margin:4px 6px}.editor-block-toolbar{border-bottom:1px solid var(--border);background:var(--bg-surface);gap:4px;padding:8px 12px;display:flex;overflow-x:auto}.editor-block-btn{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;color:var(--text-secondary);transition:all var(--transition);white-space:nowrap;border-radius:6px;padding:6px 12px;font-size:.85rem;font-weight:500}.editor-block-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.editor-content-wrapper{flex:1;min-height:200px;max-height:400px;overflow-y:auto}.rich-editor-wrapper.expanded .editor-content-wrapper{max-height:none}.editor-content{min-height:200px;padding:16px}.editor-content .ProseMirror{outline:none;min-height:200px}.editor-content .ProseMirror p{margin:0 0 12px;line-height:1.6}.editor-content .ProseMirror h1,.editor-content .ProseMirror h2,.editor-content .ProseMirror h3{margin:16px 0 12px;font-weight:600;line-height:1.3}.editor-content .ProseMirror h1{font-size:1.5rem}.editor-content .ProseMirror h2{font-size:1.25rem}.editor-content .ProseMirror h3{font-size:1.1rem}.editor-content .ProseMirror ul,.editor-content .ProseMirror ol{margin:12px 0;padding-left:24px}.editor-content .ProseMirror li{margin:4px 0}.editor-content .ProseMirror blockquote{border-left:3px solid var(--accent);color:var(--text-secondary);margin:16px 0;padding-left:16px;font-style:italic}.editor-content .ProseMirror code{background:var(--bg-surface);border-radius:4px;padding:2px 6px;font-family:Monaco,Courier New,monospace;font-size:.9em}.editor-content .ProseMirror pre{background:var(--bg-surface);border-radius:var(--radius-sm);margin:16px 0;padding:16px;overflow-x:auto}.editor-content .ProseMirror pre code{background:0 0;padding:0}.editor-content .ProseMirror a{color:var(--accent);text-decoration:underline}.editor-content .ProseMirror img{border-radius:var(--radius-sm);max-width:100%;margin:12px 0}.editor-bubble-menu{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);gap:4px;padding:6px;display:flex}.editor-bubble-menu .editor-toolbar-btn{width:28px;height:28px;font-size:.8rem}.editor-stats{border-top:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);gap:16px;padding:8px 16px;font-size:.8rem;display:flex}.editor-loading{text-align:center;color:var(--text-muted);padding:40px}.editor-modal-overlay{z-index:1001;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.editor-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(100%,800px);max-height:80vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.editor-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.editor-modal-header h3{margin:0;font-size:1.1rem;font-weight:600}.editor-modal-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.5rem;display:flex}.editor-modal-close:hover{background:var(--bg-surface);color:var(--text-primary)}.editor-source-textarea{background:var(--bg-secondary);min-height:300px;color:var(--text-primary);resize:none;border:none;outline:none;flex:1;padding:16px 20px;font-family:Monaco,Courier New,monospace;font-size:.85rem;line-height:1.5}.editor-modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.editor-toolbar-btn.disabled{opacity:.4;cursor:not-allowed}.editor-toolbar-btn.disabled:hover{color:var(--text-secondary);background:0 0}.language-manager{max-width:900px}.language-manager-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.language-manager-header h2{font-size:1.25rem;font-weight:600}.language-tabs{border-bottom:1px solid var(--border);gap:8px;margin-bottom:24px;padding-bottom:12px;display:flex}.language-tab{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition);background:0 0;border:none;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:500;display:flex}.language-tab:hover{background:var(--bg-surface);color:var(--text-primary)}.language-tab.active{background:var(--accent-bg);color:var(--accent)}.tab-badge{background:var(--bg-surface);border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.75rem;font-weight:600;display:inline-flex}.language-tab.active .tab-badge{background:var(--accent);color:#fff}.language-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px}.language-panel-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.language-panel-header h3{margin-bottom:8px;font-size:1.1rem;font-weight:600}.panel-description{color:var(--text-muted);max-width:500px;font-size:.85rem}.panel-stats{color:var(--text-secondary);background:var(--bg-surface);border-radius:var(--radius-sm);padding:8px 16px;font-size:.85rem;font-weight:500}.language-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.language-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);cursor:pointer;transition:all var(--transition);align-items:center;gap:12px;padding:12px 16px;display:flex}.language-card:hover{border-color:var(--accent-light);background:var(--accent-bg)}.language-card.enabled{border-color:var(--accent);background:var(--accent-bg)}.language-card-flag{font-size:1.5rem;line-height:1}.language-card-info{flex-direction:column;flex:1;display:flex}.language-card-label{color:var(--text-primary);font-size:.9rem;font-weight:500}.language-card-code{color:var(--text-muted);text-transform:uppercase;font-size:.75rem}.language-card-toggle{margin-left:auto}.toggle-indicator{color:var(--text-muted);font-size:1.2rem}.toggle-indicator.on{color:var(--accent)}.default-language-section{border-top:1px solid var(--border);margin-top:32px;padding-top:24px}.default-language-section h4{margin-bottom:8px;font-size:1rem;font-weight:600}.default-language-section .form-select{max-width:300px;margin-top:12px}.user-dropdown{position:relative}.user-dropdown-trigger{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:transform .2s;display:flex}.user-dropdown-trigger:hover{transform:scale(1.05)}.nav-user-avatar{background:linear-gradient(135deg,var(--accent),var(--accent-light));border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.nav-avatar-img{object-fit:cover;width:100%;height:100%}.nav-avatar-initial{color:#fff;font-size:14px;font-weight:600}.user-dropdown-menu{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);min-width:280px;box-shadow:var(--shadow-lg);z-index:1000;animation:.2s dropdownSlide;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}:is([dir=rtl] .user-dropdown-menu,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .user-dropdown-menu){left:0;right:auto}.user-dropdown-header{background:var(--bg-surface);align-items:center;gap:12px;padding:16px;display:flex}.user-dropdown-info{flex:1;min-width:0}.user-dropdown-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.user-dropdown-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.user-dropdown-divider{background:var(--border);height:1px;margin:0}.user-dropdown-item{color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:.9rem;text-decoration:none;transition:background .15s;display:flex}.user-dropdown-item:hover{background:var(--bg-surface)}.user-dropdown-item svg{color:var(--text-secondary);flex-shrink:0}.user-dropdown-logout,.user-dropdown-logout svg{color:#dc2626}.user-page-container{max-width:900px;min-height:60vh;margin:40px auto;padding:0 20px}.user-page-loading{text-align:center;color:var(--text-muted);padding:60px 20px;font-size:1rem}.user-page-header{margin-bottom:24px}.user-page-header h1{color:var(--text-primary);margin:0;font-size:1.75rem;font-weight:700}.user-page-tabs{border-bottom:1px solid var(--border);gap:8px;margin-bottom:32px;padding-bottom:12px;display:flex}.user-page-tab{color:var(--text-secondary);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.user-page-tab:hover{color:var(--text-primary);background:var(--bg-surface)}.user-page-tab.active{color:var(--accent);background:var(--accent-bg)}.user-page-tab svg{flex-shrink:0}.subscription-cards{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:40px;display:grid}@media (max-width:640px){.subscription-cards{grid-template-columns:1fr}}.subscription-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px}.subscription-card-label{color:var(--accent);margin-bottom:8px;font-size:.9rem;font-weight:600}.subscription-card-value{color:var(--text-primary);margin-bottom:4px;font-size:1.35rem;font-weight:700}.subscription-card-value.plan-name{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.subscription-card-subtext{color:var(--text-muted);margin-bottom:16px;font-size:.85rem}.subscription-card-action{background:var(--accent);color:#fff;border-radius:var(--radius-sm);padding:8px 16px;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.subscription-card-action:hover{background:var(--accent-dark)}.subscription-card-action.secondary{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.subscription-card-action.secondary:hover{background:var(--bg-surface);color:var(--text-primary)}.credit-history-section h2{color:var(--text-primary);margin:0 0 20px;font-size:1.25rem;font-weight:600}.credit-history-table{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.credit-history-header{background:var(--bg-surface);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;grid-template-columns:1.5fr .8fr 1.2fr 1.5fr;gap:16px;padding:14px 20px;font-size:.7rem;font-weight:600;display:grid}.credit-history-row{border-top:1px solid var(--border);color:var(--text-primary);grid-template-columns:1.5fr .8fr 1.2fr 1.5fr;align-items:center;gap:16px;padding:14px 20px;font-size:.85rem;display:grid}.credit-history-row:hover{background:var(--bg-surface)}.credit-history-row .positive{color:#16a34a;font-weight:500}.credit-history-row .negative{color:#dc2626;font-weight:500}.credit-history-empty{text-align:center;color:var(--text-muted);padding:40px;font-size:.9rem}.subscription-footer{background:var(--bg-surface);border-radius:var(--radius-md);text-align:center;color:var(--text-secondary);margin-top:40px;padding:24px;font-size:.9rem}.subscription-footer a{color:#3b82f6;text-decoration:none}.subscription-footer a:hover{text-decoration:underline}.arts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:32px;display:grid}.arts-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:box-shadow .2s;overflow:hidden}.arts-card:hover{box-shadow:var(--shadow-lg)}.arts-image-wrapper{aspect-ratio:1;background:var(--bg-surface);position:relative;overflow:hidden}.arts-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.arts-card:hover .arts-image{transform:scale(1.03)}.arts-image-placeholder{width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.arts-zoom-btn{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;bottom:12px;left:12px}.arts-zoom-btn:hover{background:#000c}.arts-card-content{padding:16px;position:relative}.arts-date{color:var(--text-muted);margin-bottom:8px;font-size:.8rem}.arts-copy-btn{background:var(--bg-surface);width:32px;height:32px;color:var(--accent);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.arts-copy-btn:hover{background:var(--accent);color:#fff}.copied-tooltip{background:var(--accent);color:#fff;white-space:nowrap;border-radius:4px;padding:4px 8px;font-size:.7rem;animation:.2s fadeIn;position:absolute;top:-28px;right:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.arts-prompt{color:var(--text-primary);-webkit-line-clamp:3;line-clamp:3;box-orient:vertical;-webkit-box-orient:vertical;margin:0 32px 8px 0;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.arts-show-more{color:var(--accent);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0}.arts-show-more:hover{text-decoration:underline}.arts-model{color:var(--text-muted);font-size:.75rem}.arts-delete-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex;position:absolute;bottom:16px;right:16px}.arts-delete-btn:hover{color:#dc2626}.arts-pagination{text-align:center;color:var(--text-muted);padding:20px;font-size:.85rem}.arts-empty{text-align:center;color:var(--text-muted);padding:80px 20px}.arts-empty svg{opacity:.5;width:64px;height:64px;margin-bottom:16px}.arts-empty p{margin-bottom:20px;font-size:1rem}.arts-empty-cta{background:var(--accent);color:#fff;border-radius:var(--radius-md);padding:12px 24px;font-weight:500;text-decoration:none;transition:background .2s;display:inline-block}.arts-empty-cta:hover{background:var(--accent-dark)}.arts-modal{z-index:10000;background:#000000e6;justify-content:center;align-items:center;padding:40px 20px;display:flex;position:fixed;inset:0}.arts-modal-content{background:var(--bg-card);border-radius:var(--radius-lg);flex-direction:column;max-width:800px;max-height:90vh;display:flex;position:relative;overflow:hidden}.arts-modal-content img{object-fit:contain;background:var(--bg-surface);max-height:60vh}.arts-modal-close{color:#fff;cursor:pointer;z-index:1;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;display:flex;position:absolute;top:12px;right:12px}.arts-modal-info{padding:20px}.arts-modal-prompt{color:var(--text-primary);margin:0 0 12px;font-size:.95rem;line-height:1.6}.arts-modal-meta{color:var(--text-muted);gap:20px;margin-bottom:16px;font-size:.8rem;display:flex}.arts-modal-copy{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:500;display:inline-flex}.arts-modal-copy:hover{background:var(--accent-dark)}@media (max-width:768px){.user-dropdown-menu{right:-10px}:is([dir=rtl] .user-dropdown-menu,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .user-dropdown-menu){left:-10px;right:auto}.credit-history-header,.credit-history-row{grid-template-columns:1fr .7fr 1fr;gap:8px;padding:12px}.credit-history-header>div:last-child,.credit-history-row>div:last-child{display:none}.arts-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width:480px){.arts-grid{grid-template-columns:1fr}.user-page-tabs{gap:4px}.user-page-tab{padding:8px 12px;font-size:.8rem}.user-page-tab span{display:none}}.breadcrumbs{color:var(--text-secondary);padding:12px 0;font-size:.875rem}.breadcrumbs-list{flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs-item{align-items:center;gap:6px;display:inline-flex}.breadcrumbs-item a{color:var(--text-secondary);text-decoration:none;transition:color .15s}.breadcrumbs-item a:hover{color:var(--accent)}.breadcrumbs-item [aria-current=page]{color:var(--text-primary);font-weight:500}.breadcrumbs-sep{color:var(--text-muted)}.contact-page-layout{grid-template-columns:1fr 320px;align-items:start;gap:32px;max-width:900px;margin:0 auto;display:grid}@media (max-width:768px){.contact-page-layout{grid-template-columns:1fr}}.contact-feedback-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:32px}.contact-card-header{margin-bottom:24px}.contact-card-header h2{color:var(--text-primary);margin:0 0 6px;font-size:1.4rem;font-weight:700}.contact-card-header p{color:var(--text-secondary);margin:0;font-size:.95rem}.contact-feedback-form{flex-direction:column;gap:20px;display:flex}.contact-form-group{flex-direction:column;gap:6px;display:flex}.contact-form-label{color:var(--text-primary);font-size:.875rem;font-weight:600}.contact-form-hint{color:var(--text-muted);font-size:.8rem}.contact-form-select{border:1px solid var(--border);background:var(--input-bg,var(--surface));color:var(--text-primary);cursor:pointer;border-radius:8px;outline:none;padding:10px 14px;font-size:.9rem;transition:border-color .15s}.contact-form-select:focus{border-color:var(--accent)}.contact-form-textarea{border:1px solid var(--border);background:var(--input-bg,var(--surface));color:var(--text-primary);resize:vertical;border-radius:8px;outline:none;padding:12px 14px;font-family:inherit;font-size:.9rem;transition:border-color .15s}.contact-form-textarea:focus{border-color:var(--accent)}.contact-form-textarea::placeholder{color:var(--text-muted)}.contact-signin-notice{background:var(--accent-soft,#7c3aed14);border:1px solid var(--accent-border,#7c3aed33);color:var(--text-secondary);border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:.875rem;display:flex}.contact-signin-link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:.875rem;font-weight:600;text-decoration:underline}.contact-signin-link:hover{opacity:.8}.contact-upload-area{align-items:center;display:flex;position:relative}.contact-file-input{opacity:0;width:0;height:0;position:absolute}.contact-upload-label{background:var(--surface);border:1px dashed var(--border);cursor:pointer;color:var(--text-secondary);border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:500;transition:border-color .15s,color .15s;display:inline-flex}.contact-upload-label:hover{border-color:var(--accent);color:var(--accent)}.contact-upload-icon{color:var(--accent);display:flex}.contact-uploaded-files{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.contact-file-tag{background:var(--accent-soft,#7c3aed1a);color:var(--accent);border-radius:20px;padding:3px 10px;font-size:.78rem;font-weight:500;display:inline-block}.contact-form-actions{justify-content:flex-start;display:flex}.contact-submit-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex}.contact-submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.contact-submit-btn:disabled{opacity:.45;cursor:not-allowed}.contact-status-message{border-radius:8px;padding:12px 16px;font-size:.9rem;font-weight:500}.contact-status-success{color:#16a34a;background:#22c55e1a;border:1px solid #22c55e40}.contact-status-error{color:#dc2626;background:#ef44441a;border:1px solid #ef444440}.contact-channels{flex-direction:column;gap:16px;display:flex}.contact-channel-card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;align-items:center;gap:16px;padding:20px;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.contact-channel-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 16px #7c3aed1f}.contact-channel-icon{background:var(--accent-soft,#7c3aed1a);width:44px;height:44px;color:var(--accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-channel-info h3{color:var(--text-primary);margin:0 0 3px;font-size:.95rem;font-weight:700}.contact-channel-info p{color:var(--text-secondary);margin:0;font-size:.85rem}