@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}:root{--color-bg-primary:#fafafa;--color-bg-secondary:#fff;--color-bg-tertiary:#f5f5f7;--color-bg-card:hsla(0,0%,100%,.95);--color-bg-glass:hsla(0,0%,100%,.7);--color-gold:#d4a853;--color-gold-light:#e8c87a;--color-gold-dark:#b8922e;--color-purple:#8b5cf6;--color-purple-light:#a78bfa;--color-purple-dark:#7c3aed;--color-accent-gradient:linear-gradient(135deg,#d4a853,#8b5cf6 50%,#a78bfa);--color-gold-gradient:linear-gradient(135deg,#d4a853,#e8c87a);--color-purple-gradient:linear-gradient(135deg,#8b5cf6,#a78bfa);--color-accent-glow:rgba(212,168,83,.25);--color-purple-glow:rgba(139,92,246,.2);--color-text-primary:#1a1a2e;--color-text-secondary:#4a4a6a;--color-text-tertiary:#7a7a9a;--color-text-muted:#a0a0b8;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-border:rgba(0,0,0,.06);--color-border-hover:rgba(0,0,0,.12);--color-border-focus:rgba(139,92,246,.5);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.06);--shadow-md:0 4px 12px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.04);--shadow-lg:0 12px 32px rgba(0,0,0,.08),0 4px 8px rgba(0,0,0,.04);--shadow-xl:0 20px 48px rgba(0,0,0,.1);--shadow-gold:0 8px 24px rgba(212,168,83,.2);--shadow-purple:0 8px 24px rgba(139,92,246,.15);--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--sidebar-width:280px;--header-height:60px;--content-max-width:1200px;--mobile-nav-height:72px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);line-height:1.6;background:var(--color-bg-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.25}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{color:var(--color-text-secondary)}a{color:var(--color-purple);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-purple-dark)}.app-layout{min-height:100vh}.app-layout,.app-sidebar{display:flex;flex-direction:column}.app-sidebar{position:fixed;left:0;right:0;bottom:0;height:var(--mobile-nav-height);background:var(--color-bg-secondary);border-top:1px solid var(--color-border);z-index:100;box-shadow:0 -4px 20px rgba(0,0,0,.06)}.app-main{flex:1 1;display:flex;flex-direction:column;min-height:100vh;padding-bottom:var(--mobile-nav-height)}.app-header{height:var(--header-height);padding:0 var(--space-lg)}.app-content{flex:1 1;padding:var(--space-lg);max-width:var(--content-max-width);width:100%;margin:0 auto}.glass-card{background:var(--color-bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg);transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.glass-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-accent-gradient);color:#fff;box-shadow:var(--shadow-md)}.btn--primary:hover:not(:disabled){box-shadow:var(--shadow-gold),var(--shadow-lg);transform:translateY(-2px)}.btn--secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-gold)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-purple)}.btn--lg{padding:var(--space-md) var(--space-2xl);font-size:var(--font-size-md);border-radius:var(--radius-xl)}.btn--sm{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs)}.btn--full{width:100%}.input-group{display:flex;flex-direction:column;gap:var(--space-sm)}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.input{padding:var(--space-md);font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-text-primary);background:var(--color-bg-secondary);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);outline:none}.input:focus{border-color:var(--color-purple);box-shadow:0 0 0 3px var(--color-purple-glow)}.input::placeholder{color:var(--color-text-muted)}.textarea{min-height:120px;resize:vertical}.uploader{position:relative;border:2px dashed var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center;transition:all var(--transition-normal);cursor:pointer;background:var(--color-bg-tertiary)}.uploader--active,.uploader:hover{border-color:var(--color-gold);background:rgba(212,168,83,.05)}.uploader__icon{width:48px;height:48px;margin:0 auto var(--space-md);color:var(--color-gold)}.uploader__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.uploader__subtitle{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.uploader__preview{position:relative;width:100%;max-width:280px;margin:0 auto;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.uploader__preview img{width:100%;height:auto;display:block}.uploader__remove{position:absolute;top:var(--space-sm);right:var(--space-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:var(--radius-full);color:var(--color-error);cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-fast)}.uploader__remove:hover{background:var(--color-error);color:#fff}.spinner{width:24px;height:24px;border:2.5px solid var(--color-border);border-top-color:var(--color-purple);border-radius:var(--radius-full);animation:spin .8s linear infinite}.spinner--lg{width:40px;height:40px;border-width:3px}@keyframes spin{to{transform:rotate(1turn)}}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:inherit;z-index:10}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-md);gap:var(--space-md)}.feature-card{padding:var(--space-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-normal);cursor:pointer;text-decoration:none;display:block;box-shadow:var(--shadow-sm)}.feature-card:hover{border-color:var(--color-gold);transform:translateY(-4px);box-shadow:var(--shadow-gold)}.feature-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-gold-gradient);border-radius:var(--radius-lg);margin-bottom:var(--space-md);font-size:22px;box-shadow:var(--shadow-gold)}.feature-card__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.feature-card__description{font-size:var(--font-size-sm);color:var(--color-text-tertiary);line-height:1.4;display:none}.result-container{display:flex;flex-direction:column;gap:var(--space-lg);margin-top:var(--space-lg)}.result-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.result-panel__header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px;background:var(--color-bg-tertiary)}.result-panel__content{padding:var(--space-lg)}.result-panel__image{width:100%;aspect-ratio:1;object-fit:contain;background:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.sidebar-logo{display:none}.sidebar-nav{flex:1 1;display:flex;align-items:center;justify-content:space-around;padding:var(--space-sm) 0}.nav-section{display:contents}.nav-section__title{display:none}.nav-link{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-xs) var(--space-sm);color:var(--color-text-tertiary);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none;font-size:var(--font-size-xs);min-width:56px}.nav-link--active,.nav-link:hover{color:var(--color-purple)}.nav-link--active .nav-link__icon{background:var(--color-purple-gradient);color:#fff;padding:6px;border-radius:var(--radius-md);box-shadow:var(--shadow-purple)}.nav-link__icon{width:24px;height:24px;font-size:18px;display:flex;align-items:center;justify-content:center}.page-header{margin-bottom:var(--space-xl);text-align:center}.page-header__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm);background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:500px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-md);gap:var(--space-md);margin-bottom:var(--space-xl)}.stat-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg);text-align:center;box-shadow:var(--shadow-sm)}.stat-card__label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.5px}.stat-card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);background:var(--color-gold-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tabs{display:flex;gap:var(--space-xs);padding:var(--space-xs);background:var(--color-bg-tertiary);border-radius:var(--radius-xl);margin-bottom:var(--space-lg);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.tab:hover{color:var(--color-text-primary)}.tab--active{background:var(--color-bg-secondary);color:var(--color-purple);box-shadow:var(--shadow-sm)}.alert{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--font-size-sm)}.alert--success{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);color:var(--color-success)}.alert--error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:var(--color-error)}.alert--info{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);color:var(--color-info)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-slide-up{animation:slideUp var(--transition-slow) ease-out}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mt-2xl{margin-top:var(--space-2xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.absolute{position:absolute}.overflow-hidden{overflow:hidden}@media (min-width:640px){.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-card__description{display:block}.stats-grid{grid-template-columns:repeat(4,1fr)}.result-container{flex-direction:row}.result-panel{flex:1 1}}@media (min-width:1024px){.app-sidebar{position:fixed;left:0;top:0;bottom:0;right:auto;width:var(--sidebar-width);height:auto;border-top:none;border-right:1px solid var(--color-border);flex-direction:column;box-shadow:none}.app-main{margin-left:var(--sidebar-width);padding-bottom:0}.app-content{padding:var(--space-2xl)}.sidebar-logo{display:block;padding:var(--space-xl);border-bottom:1px solid var(--color-border)}.sidebar-logo__text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{flex-direction:column;align-items:stretch;justify-content:flex-start;padding:var(--space-md);overflow-y:auto}.nav-section{display:block;margin-bottom:var(--space-lg)}.nav-section__title{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-xs)}.nav-link,.nav-section__title{padding:var(--space-sm) var(--space-md)}.nav-link{flex-direction:row;font-size:var(--font-size-sm);min-width:auto;gap:var(--space-md)}.nav-link--active{background:rgba(139,92,246,.08)}.nav-link--active .nav-link__icon{background:none;color:var(--color-purple);padding:0;box-shadow:none}.page-header{text-align:left}.page-header__title{font-size:var(--font-size-3xl)}.page-header__description{margin:0;max-width:600px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.feature-card{padding:var(--space-xl)}}@supports (padding-bottom:env(safe-area-inset-bottom)){.app-sidebar{padding-bottom:env(safe-area-inset-bottom)}.app-main{padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom))}@media (min-width:1024px){.app-main{padding-bottom:0}}}.sidebar-nav--mobile{display:flex}.sidebar-nav--desktop{display:none}.nav-link__label{font-size:var(--font-size-xs)}@media (min-width:1024px){.sidebar-nav--mobile{display:none}.sidebar-nav--desktop{display:flex;flex-direction:column}.nav-link__label{font-size:var(--font-size-sm)}}.language-switcher{position:relative;z-index:200}.language-switcher__trigger{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);color:var(--color-text-primary)}.language-switcher__trigger:hover{border-color:var(--color-purple);box-shadow:var(--shadow-sm)}.language-switcher__flag{font-size:var(--font-size-lg)}.language-switcher__arrow{font-size:8px;color:var(--color-text-tertiary)}.language-switcher__dropdown{position:absolute;top:calc(100% + var(--space-xs));right:0;min-width:160px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:fadeIn var(--transition-fast) ease-out}.language-switcher__option{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);text-align:left}.language-switcher__option:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.language-switcher__option--active{background:rgba(139,92,246,.1);color:var(--color-purple);font-weight:var(--font-weight-medium)}.step-indicator{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);margin-bottom:var(--space-xl);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow-x:auto;-webkit-overflow-scrolling:touch}.step-indicator__step{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);transition:all var(--transition-fast);white-space:nowrap}.step-indicator__number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);background:var(--color-bg-tertiary)}.step-indicator__label,.step-indicator__number{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.step-indicator__label{display:none}.step-indicator__step--active .step-indicator__number{background:var(--color-purple-gradient);color:#fff;box-shadow:var(--shadow-purple)}.step-indicator__step--active .step-indicator__label{color:var(--color-purple);font-weight:var(--font-weight-medium)}.step-indicator__step--completed .step-indicator__number{background:var(--color-gold-gradient);color:#fff;box-shadow:var(--shadow-gold)}.step-indicator__step--completed .step-indicator__label{color:var(--color-gold)}.step-indicator__connector{width:24px;height:2px;background:var(--color-border);border-radius:1px;flex-shrink:0}.step-indicator__connector--active{background:var(--color-purple)}@media (min-width:640px){.step-indicator__label{display:block}.step-indicator__connector{width:40px}}.tooltip-wrapper{position:relative;display:inline-flex}.tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:var(--space-xs);background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-full);font-size:12px;color:var(--color-text-tertiary);cursor:help}.tooltip-content{bottom:calc(100% + 8px);padding:var(--space-sm) var(--space-md);background:var(--color-text-primary);color:#fff;font-size:var(--font-size-xs);border-radius:var(--radius-md);white-space:nowrap;z-index:100;animation:fadeIn var(--transition-fast) ease-out}.tooltip-content,.tooltip-content:after{position:absolute;left:50%;transform:translateX(-50%)}.tooltip-content:after{content:"";top:100%;border:6px solid transparent;border-top:6px solid var(--color-text-primary)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);position:-webkit-sticky;position:sticky;top:0;z-index:50}.app-header__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.app-header__actions{display:flex;align-items:center;gap:var(--space-md)}@keyframes successPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.success-animation{animation:successPulse .4s ease-out}.success-checkmark{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--color-gold-gradient);border-radius:var(--radius-full);color:#fff;font-size:32px;box-shadow:var(--shadow-gold);margin:0 auto var(--space-md)}.how-it-works{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg);margin-top:var(--space-xl)}.how-it-works__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.how-it-works__steps{display:flex;flex-direction:column;gap:var(--space-md)}.how-it-works__step{display:flex;align-items:flex-start;gap:var(--space-md)}.how-it-works__step-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-purple-gradient);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);flex-shrink:0}.how-it-works__step-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.chat-assistant__fab{position:fixed;bottom:24px;right:24px;width:60px;height:60px;border-radius:var(--radius-full);background:var(--color-accent-gradient);border:none;font-size:1.75rem;cursor:pointer;box-shadow:0 4px 20px rgba(139,92,246,.4);transition:all var(--transition-fast);z-index:1000;display:flex;align-items:center;justify-content:center}.chat-assistant__fab:hover{transform:scale(1.1);box-shadow:0 6px 25px rgba(139,92,246,.5)}.chat-assistant__panel{position:fixed;bottom:100px;right:24px;width:380px;max-width:calc(100vw - 48px);max-height:70vh;background:var(--color-bg-secondary);border-radius:var(--radius-xl);box-shadow:0 10px 50px rgba(0,0,0,.15);border:1px solid var(--color-border);display:flex;flex-direction:column;z-index:999;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-assistant__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--color-accent-gradient);color:#fff}.chat-assistant__header-info{display:flex;align-items:center;gap:var(--space-md)}.chat-assistant__header h3{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.chat-assistant__avatar{font-size:1.5rem}.chat-assistant__status{color:hsla(0,0%,100%,.8);font-size:var(--font-size-xs)}.chat-assistant__close{background:hsla(0,0%,100%,.2);border:none;width:28px;height:28px;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.chat-assistant__close:hover{background:hsla(0,0%,100%,.3)}.chat-assistant__messages{flex:1 1;overflow-y:auto;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);min-height:300px;max-height:400px}.chat-assistant__message{max-width:85%;animation:fadeIn .2s ease-out}.chat-assistant__message--user{align-self:flex-end}.chat-assistant__message--assistant{align-self:flex-start}.chat-assistant__message-content{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--font-size-sm);line-height:1.5}.chat-assistant__message--user .chat-assistant__message-content{background:var(--color-purple);color:#fff;border-bottom-right-radius:var(--radius-sm)}.chat-assistant__message--assistant .chat-assistant__message-content{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-bottom-left-radius:var(--radius-sm)}.chat-assistant__message-content p{margin:0 0 var(--space-sm) 0}.chat-assistant__message-content p:last-child{margin-bottom:0}.chat-assistant__image-preview{margin-bottom:var(--space-sm);border-radius:var(--radius-lg);overflow:hidden}.chat-assistant__image-preview img{width:100%;max-height:150px;object-fit:cover}.chat-assistant__actions{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-md)}.chat-assistant__action-btn{padding:var(--space-xs) var(--space-md);background:#fff;border:1px solid var(--color-purple);border-radius:var(--radius-full);color:var(--color-purple);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}.chat-assistant__action-btn:hover{background:var(--color-purple);color:#fff}.chat-assistant__typing{display:flex;gap:4px;padding:var(--space-md)}.chat-assistant__typing span{width:8px;height:8px;background:var(--color-purple-light);border-radius:var(--radius-full);animation:bounce 1.4s ease-in-out infinite}.chat-assistant__typing span:first-child{animation-delay:-.32s}.chat-assistant__typing span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(.8)}40%{transform:scale(1.2)}}.chat-assistant__upload-preview{padding:var(--space-sm) var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);background:var(--color-bg-tertiary);border-top:1px solid var(--color-border)}.chat-assistant__upload-preview img{width:50px;height:50px;object-fit:cover;border-radius:var(--radius-md)}.chat-assistant__upload-preview button{background:var(--color-error);border:none;width:20px;height:20px;border-radius:var(--radius-full);color:#fff;font-size:10px;cursor:pointer}.chat-assistant__input-area{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.chat-assistant__attach-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:var(--space-xs);opacity:.7;transition:opacity var(--transition-fast)}.chat-assistant__attach-btn:hover{opacity:1}.chat-assistant__input{flex:1 1;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-tertiary);font-size:var(--font-size-sm);outline:none;transition:all var(--transition-fast)}.chat-assistant__input:focus{border-color:var(--color-purple);box-shadow:0 0 0 3px var(--color-purple-glow)}.chat-assistant__send-btn{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-purple-gradient);border:none;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.chat-assistant__send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-assistant__send-btn:not(:disabled):hover{transform:scale(1.1)}@media (max-width:480px){.chat-assistant__panel{bottom:90px;right:16px;left:16px;width:auto;max-height:60vh}.chat-assistant__fab{bottom:16px;right:16px;width:54px;height:54px}}.hidden{display:none!important}.studio-layout{display:flex;height:calc(100vh - 70px);overflow:hidden}.studio-sidebar{width:200px;background:var(--color-bg-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0}.studio-sidebar__header{padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.studio-sidebar__header h2{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.studio-sidebar__nav{flex:1 1;overflow-y:auto;padding:var(--space-sm)}.studio-tool-btn{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all var(--transition-fast);margin-bottom:var(--space-xs)}.studio-tool-btn:hover{background:var(--color-bg-tertiary)}.studio-tool-btn--active{background:var(--color-purple-glow);border-left:3px solid var(--color-purple)}.studio-tool-btn__icon{font-size:1.25rem}.studio-tool-btn__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.studio-workspace{flex:1 1;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg-primary)}.studio-tool-header{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.studio-tool-header__icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-gradient);border-radius:var(--radius-lg)}.studio-tool-header__info h1{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.studio-tool-header__info p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.studio-content{flex:1 1;display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-lg);gap:var(--space-lg);padding:var(--space-lg);overflow:auto}.studio-panel{background:var(--color-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:var(--space-lg);display:flex;flex-direction:column;overflow:hidden}.studio-panel__title{margin:0 0 var(--space-lg) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.studio-upload-area{margin-bottom:var(--space-lg)}.studio-inputs{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.studio-input-group{display:flex;flex-direction:column;gap:var(--space-xs)}.studio-input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.studio-input-label .required{color:var(--color-error);margin-left:2px}.studio-select,.studio-text-input{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-tertiary);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:all var(--transition-fast)}.studio-select:focus,.studio-text-input:focus{outline:none;border-color:var(--color-purple);box-shadow:0 0 0 3px var(--color-purple-glow)}.studio-actions{margin-top:auto;padding-top:var(--space-lg)}.studio-empty-output{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-tertiary);text-align:center}.studio-empty-output p{font-size:var(--font-size-lg);margin-bottom:var(--space-sm)}.studio-empty-output span{font-size:var(--font-size-sm)}.studio-output-item{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border)}.studio-output-item:last-child{border-bottom:none}.studio-output-item h4{margin:0 0 var(--space-md) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.studio-output-image img{max-width:100%;border-radius:var(--radius-lg);margin-bottom:var(--space-md)}.content-display{display:flex;flex-direction:column;gap:var(--space-lg)}.content-section{background:var(--color-bg-tertiary);padding:var(--space-md);border-radius:var(--radius-md);position:relative}.content-section h5{margin:0 0 var(--space-sm) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.content-value{margin:0;font-size:var(--font-size-base);line-height:1.6}.copy-btn{position:absolute;top:var(--space-sm);right:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-purple);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-xs);cursor:pointer;opacity:.8;transition:opacity var(--transition-fast)}.copy-btn:hover{opacity:1}.bullet-list{margin:0;padding-left:var(--space-lg)}.bullet-list li{margin-bottom:var(--space-xs)}.hashtags{color:var(--color-purple);font-size:var(--font-size-sm);margin-top:var(--space-sm)}.keyword-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.keyword-tag{padding:var(--space-xs) var(--space-sm);background:var(--color-purple-glow);color:var(--color-purple);border-radius:var(--radius-full);font-size:var(--font-size-xs)}.quality-report{text-align:center}.quality-score{flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.quality-score,.score-circle{display:flex;align-items:center}.score-circle{width:80px;height:80px;border-radius:var(--radius-full);justify-content:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#fff}.score--good{background:var(--color-success)}.score--ok{background:var(--color-warning)}.score--bad{background:var(--color-error)}.quality-suggestions{text-align:left;background:var(--color-bg-tertiary);padding:var(--space-md);border-radius:var(--radius-md)}.quality-suggestions h5{margin:0 0 var(--space-sm) 0}.quality-suggestions ul{margin:0;padding-left:var(--space-lg)}.quality-suggestions li{margin-bottom:var(--space-xs);font-size:var(--font-size-sm)}@media (max-width:1024px){.studio-layout{flex-direction:column;height:auto}.studio-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--color-border)}.studio-sidebar__nav{display:flex;overflow-x:auto;padding:var(--space-sm);gap:var(--space-xs)}.studio-tool-btn{flex-shrink:0;margin-bottom:0}.studio-content{grid-template-columns:1fr}}@media (max-width:768px){.studio-layout{flex-direction:column;height:auto;min-height:calc(100vh - 60px)}.studio-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);position:-webkit-sticky;position:sticky;top:0;z-index:50}.studio-sidebar__header{display:none}.studio-sidebar__nav{display:flex;overflow-x:auto;padding:var(--space-sm);gap:var(--space-xs);-webkit-overflow-scrolling:touch;scrollbar-width:none}.studio-sidebar__nav::-webkit-scrollbar{display:none}.studio-tool-btn{flex-shrink:0;flex-direction:column;padding:var(--space-sm);min-width:70px;text-align:center;margin-bottom:0;border-radius:var(--radius-lg)}.studio-tool-btn__icon{font-size:1.5rem;margin-bottom:2px}.studio-tool-btn__name{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px}.studio-tool-btn--active{background:var(--color-purple);color:#fff;border-left:none}.studio-tool-btn--active .studio-tool-btn__name{color:#fff}.studio-workspace{flex:1 1;padding:0}.studio-tool-header{padding:var(--space-md);flex-direction:column;text-align:center;gap:var(--space-md)}.studio-tool-header__icon{width:50px;height:50px;font-size:1.75rem}.studio-tool-header__info h1{font-size:var(--font-size-lg)}.studio-tool-header__info p{font-size:var(--font-size-xs);line-height:1.4}.studio-content{display:flex;flex-direction:column;padding:var(--space-md);gap:var(--space-md)}.studio-panel{padding:var(--space-md);border-radius:var(--radius-lg)}.studio-panel__title{font-size:var(--font-size-base);padding-bottom:var(--space-sm)}.studio-input-group,.studio-panel__title{margin-bottom:var(--space-md)}.studio-select,.studio-text-input{width:100%;padding:var(--space-md);font-size:16px}.studio-actions{padding-top:var(--space-md)}.studio-actions .btn{width:100%;padding:var(--space-md) var(--space-lg);font-size:var(--font-size-base)}.studio-output-image img{border-radius:var(--radius-md)}.content-section{padding:var(--space-sm)}.content-section h5{font-size:var(--font-size-xs)}.content-value{font-size:var(--font-size-sm)}.copy-btn{padding:var(--space-xs) var(--space-md);font-size:11px}.keyword-tags{gap:4px}.keyword-tag{font-size:10px;padding:2px 8px}.quality-score .score-circle{width:60px;height:60px;font-size:var(--font-size-lg)}.studio-empty-output{padding:var(--space-xl)}.studio-empty-output p{font-size:var(--font-size-base)}}@media (max-width:380px){.studio-tool-btn{min-width:60px;padding:var(--space-xs)}.studio-tool-btn__icon{font-size:1.25rem}.studio-tool-btn__name{font-size:9px;max-width:50px}.studio-tool-header__info h1{font-size:var(--font-size-base)}}@media (max-width:768px){.app-sidebar{display:none}.app-main{margin-left:0;padding-bottom:0}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-secondary);border-top:1px solid var(--color-border);display:flex;justify-content:space-around;padding:var(--space-sm) 0;z-index:100;box-shadow:0 -2px 10px rgba(0,0,0,.1)}.mobile-bottom-nav__item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--color-text-secondary);font-size:10px;padding:var(--space-xs) var(--space-md)}.mobile-bottom-nav__item--active{color:var(--color-purple)}.mobile-bottom-nav__icon{font-size:1.5rem;margin-bottom:2px}}.hero-section{text-align:center;padding:var(--space-2xl) var(--space-lg);background:var(--color-accent-gradient);border-radius:var(--radius-xl);margin-bottom:var(--space-xl);color:#fff}.hero-title{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:var(--font-weight-bold);margin:0 0 var(--space-md) 0}.hero-subtitle{font-size:clamp(.9rem,2.5vw,1.125rem);opacity:.95;margin:0 0 var(--space-lg) 0;max-width:500px;margin-left:auto;margin-right:auto}.hero-cta{display:inline-block;padding:var(--space-md) var(--space-xl);background:#fff;color:var(--color-purple);border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);text-decoration:none;transition:all var(--transition-fast);box-shadow:0 4px 15px rgba(0,0,0,.2)}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.25)}.section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-align:center;margin:0 0 var(--space-lg) 0;color:var(--color-text-primary)}.tools-preview{margin-bottom:var(--space-xl)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:var(--space-md);gap:var(--space-md);margin-bottom:var(--space-lg)}.tool-preview-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;text-decoration:none;transition:all var(--transition-fast)}.tool-preview-card:hover{border-color:var(--color-purple);transform:translateY(-2px);box-shadow:0 4px 12px var(--color-purple-glow)}.tool-preview-card__icon{font-size:2rem;display:block;margin-bottom:var(--space-sm)}.tool-preview-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-xs) 0}.tool-preview-card__desc{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0}.view-all-link{display:block;text-align:center;color:var(--color-purple);text-decoration:none;font-weight:var(--font-weight-medium)}.view-all-link:hover{text-decoration:underline}.how-it-works-new{background:var(--color-bg-secondary);border-radius:var(--radius-xl);padding:var(--space-xl);margin-bottom:var(--space-xl)}.steps-row{display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:center}.step-item{display:flex;align-items:flex-start;gap:var(--space-md);flex:1 1;min-width:200px;max-width:300px}.step-number{width:40px;height:40px;background:var(--color-purple-gradient);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);flex-shrink:0}.step-content h4{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.step-content p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.platforms-section{margin-bottom:var(--space-xl)}.platforms-grid{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.platform-badge{padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.final-cta{text-align:center;padding:var(--space-xl);background:var(--color-bg-tertiary);border-radius:var(--radius-xl)}.final-cta h2{margin:0 0 var(--space-lg) 0;font-size:var(--font-size-xl)}@media (max-width:768px){.hero-section{padding:var(--space-xl) var(--space-md);border-radius:var(--radius-lg)}.hero-cta{width:100%;text-align:center}.tools-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.tool-preview-card{padding:var(--space-md)}.tool-preview-card__icon{font-size:1.5rem}.tool-preview-card__title{font-size:12px}.tool-preview-card__desc{display:none}.how-it-works-new{padding:var(--space-lg)}.steps-row{flex-direction:column;gap:var(--space-md)}.step-item{max-width:none}.platforms-grid{gap:var(--space-xs)}.platform-badge{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm)}.final-cta{padding:var(--space-lg)}.final-cta .hero-cta{width:100%}}