@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap");:root{--fv-black:#0d0d0d;--fv-grey-text:#5a5a5a;--fv-grey-border:#e8e8e8;--fv-grey-bg:#f7f7f7;--fv-white:#fff;--fv-font:"Plus Jakarta Sans",sans-serif;--fv-mono:"JetBrains Mono",monospace}.fv-page{color:var(--fv-black);font-family:var(--fv-font);-webkit-font-smoothing:antialiased}.fv-bc{align-items:center;display:flex;font-family:var(--fv-mono);font-size:13px;gap:8px;margin:0 auto 8px;max-width:1100px;padding:20px 48px 0 0}.fv-bc,.fv-bc a{color:var(--fv-grey-text)}.fv-bc a{text-decoration:none}.fv-bc a:hover{color:var(--fv-accent)}.fv-bc__sep{color:var(--fv-grey-border)}.fv-hero{align-items:center;display:grid;gap:48px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1100px;padding:56px 48px 0}.fv-hero__illu{display:flex;justify-content:center}.fv-hero__illu svg{height:auto;max-width:480px;width:100%}.fv-hero__badge{align-items:center;background:color-mix(in srgb,var(--fv-accent) 10%,#fff);border-radius:4px;color:var(--fv-accent);display:inline-flex;font-family:var(--fv-mono);font-size:11px;font-weight:700;gap:6px;letter-spacing:.08em;margin-bottom:20px;padding:5px 10px;text-transform:uppercase}.fv-hero__badge:before{animation:fv-pulse 2s ease-in-out infinite;background:var(--fv-accent);border-radius:50%;content:"";height:6px;width:6px}@keyframes fv-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.fv-hero__title{font-size:48px;font-weight:800;letter-spacing:-2px;line-height:1.05;margin-bottom:16px}.fv-hero__highlight{color:var(--fv-accent)}.fv-hero__sub{color:var(--fv-grey-text);font-size:16px;line-height:1.7;margin-bottom:28px;max-width:420px}.fv-hero__stats{display:flex;gap:24px}.fv-stat__val{font-size:20px;font-weight:800;letter-spacing:-.5px}.fv-stat__val--p1{color:var(--fv-accent)}.fv-stat__val--p2{color:var(--fv-pole2)}.fv-stat__val--p3{color:var(--fv-pole3)}.fv-stat__label{color:var(--fv-grey-text);font-family:var(--fv-mono);font-size:12px}.fv-main{align-items:start;display:grid;gap:80px;grid-template-columns:1fr 480px;margin:0 auto;max-width:1100px;padding:48px 48px 0}.fv-form-panel{gap:0}.fv-form-panel,.fv-section{display:flex;flex-direction:column}.fv-section{gap:16px;margin-bottom:24px;position:relative}.fv-section__title{border-bottom:1px solid var(--fv-grey-border);color:var(--fv-grey-text);font-family:var(--fv-mono);font-size:13px;font-weight:700;letter-spacing:.08em;padding-bottom:12px;text-transform:uppercase}.fv-upload{background:var(--fv-grey-bg);border:2px dashed var(--fv-grey-border);border-radius:12px;cursor:pointer;position:relative;transition:all .2s}.fv-upload:hover{background:color-mix(in srgb,var(--fv-accent) 4%,#fff);border-color:var(--fv-accent)}.fv-upload.fv-upload--dragover{background:color-mix(in srgb,var(--fv-accent) 8%,#fff);border-color:var(--fv-accent);transform:scale(1.01)}.fv-upload.fv-upload--loaded{background:color-mix(in srgb,var(--fv-accent) 4%,#fff);border-color:var(--fv-accent);border-style:solid}.fv-upload__inner{align-items:center;display:flex;flex-direction:column;gap:8px;padding:32px 24px;text-align:center}.fv-upload__icon{color:var(--fv-grey-text);height:48px;margin-bottom:4px;opacity:.4;width:48px}.fv-upload--loaded .fv-upload__icon{color:var(--fv-accent);opacity:1}.fv-upload__text{color:var(--fv-black);font-size:14px;font-weight:600}.fv-upload__or{color:var(--fv-grey-text);font-family:var(--fv-mono);font-size:12px}.fv-upload__btn{background:var(--fv-accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:var(--fv-font);font-size:13px;font-weight:600;padding:8px 20px;transition:all .15s}.fv-upload__btn:hover{opacity:.9;transform:translateY(-1px)}.fv-upload__hint{color:var(--fv-grey-text);font-family:var(--fv-mono);font-size:11px;margin-top:4px}.fv-upload__input{cursor:pointer;inset:0;opacity:0;position:absolute}.fv-field{display:flex;flex-direction:column;gap:6px}.fv-input{background:var(--fv-white);border:1.5px solid var(--fv-grey-border);border-radius:8px;box-sizing:border-box;color:var(--fv-black);font-family:var(--fv-font);font-size:14px;outline:none;padding:12px 16px;transition:border-color .15s;width:100%}.fv-input:focus{border-color:var(--fv-accent)}.fv-input::placeholder{color:var(--fv-grey-text);opacity:.5}.fv-field__hint{color:var(--fv-grey-text);font-family:var(--fv-mono);font-size:11px}.fv-preview{gap:12px}.fv-preview,.fv-preview__row{display:flex;flex-direction:column}.fv-preview__row{border:1.5px solid var(--fv-grey-border);border-radius:10px;gap:10px;padding:16px}.fv-preview__row--light{background:var(--fv-white)}.fv-preview__row--dark{background:#1a1a2e;border-color:#2a2a3e}.fv-preview__row--dark .fv-preview__label{color:#888}.fv-preview__label{color:var(--fv-grey-text);font-family:var(--fv-mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.fv-preview__sizes{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.fv-preview__item{align-items:center;display:flex;flex-direction:column;gap:6px}.fv-preview__item canvas{border-radius:4px;image-rendering:pixelated}.fv-preview__dim{color:var(--fv-grey-text);font-family:var(--fv-mono);font-size:9px;font-weight:600}.fv-preview__row--dark .fv-preview__dim{color:#666}.fv-btn-gen{align-items:center;background:var(--fv-pole3);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:var(--fv-font);font-size:15px;font-weight:700;gap:10px;justify-content:center;letter-spacing:-.2px;margin-top:8px;padding:16px 24px;transition:all .15s;width:100%}.fv-btn-gen:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.fv-btn-gen:active:not(:disabled){transform:translateY(0)}.fv-btn-gen:disabled{cursor:not-allowed;opacity:.4}.fv-status{display:flex;flex-direction:column;gap:8px;margin-top:12px}.fv-status__bar{background:var(--fv-grey-border);border-radius:3px;height:5px;overflow:hidden;width:100%}.fv-status__fill{background:var(--fv-accent);border-radius:3px;height:100%;transition:width .3s ease;width:0}.fv-status__label{color:var(--fv-grey-text);font-family:var(--fv-mono);font-size:11px;font-weight:600}.fv-sticky-right{gap:24px;position:sticky;top:24px}.fv-card,.fv-sticky-right{display:flex;flex-direction:column}.fv-card{align-items:center;background:var(--fv-white);border:1.5px solid var(--fv-grey-border);border-radius:16px;box-shadow:0 8px 40px rgba(0,0,0,.06);gap:16px;padding:28px;position:relative}.fv-card__icon{color:var(--fv-accent);height:64px;width:64px}.fv-card__icon svg{height:100%;width:100%}.fv-card__title{font-size:16px;font-weight:700;letter-spacing:-.3px;text-align:center}.fv-card__desc{color:var(--fv-grey-text);font-size:13px;line-height:1.6;text-align:center}.fv-card__files{display:flex;flex-direction:column;gap:6px;margin-top:8px;width:100%}.fv-card__file{align-items:center;background:var(--fv-grey-bg);border-radius:6px;color:var(--fv-black);display:flex;font-family:var(--fv-mono);font-size:12px;font-weight:600;gap:8px;padding:6px 10px}.fv-card__dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.fv-card__dim{color:var(--fv-grey-text);font-size:10px;font-weight:400;margin-left:auto}.fv-tips{background:var(--fv-grey-bg);border-radius:12px;padding:24px}.fv-tips__title{color:var(--fv-grey-text);font-family:var(--fv-mono);font-size:12px;font-weight:700;letter-spacing:.08em;margin-bottom:16px;text-transform:uppercase}.fv-tip{align-items:flex-start;display:flex;gap:12px;margin-bottom:14px}.fv-tip:last-of-type{margin-bottom:0}.fv-tip__num{align-items:center;border-radius:5px;display:flex;flex-shrink:0;font-family:var(--fv-mono);font-size:11px;font-weight:700;height:22px;justify-content:center;width:22px}.fv-tip__text{color:var(--fv-grey-text);font-size:13px;line-height:1.55}.fv-tips__cta{border-top:1px solid var(--fv-grey-border);color:var(--fv-grey-text);display:flex;flex-direction:column;font-size:12px;gap:10px;line-height:1.6;margin-top:20px;padding-top:16px}.fv-tips__cta-btn{align-items:center;align-self:flex-start;border-radius:8px;color:#fff;display:inline-flex;font-family:var(--fv-font);font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;text-decoration:none;transition:transform .2s,box-shadow .2s,opacity .2s;white-space:nowrap}.fv-tips__cta-btn:hover{box-shadow:0 4px 16px rgba(0,0,0,.15);opacity:.9;transform:translateY(-1px)}.fv-tips__cta-btn:active{transform:translateY(0)}.fv-seo{border-top:1px solid var(--fv-grey-border);margin:48px auto 0;max-width:1100px;padding:48px 48px 0}.fv-seo h2{font-size:22px;font-weight:800;letter-spacing:-.8px;margin-bottom:32px}.fv-seo__grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.fv-seo__card{border:1.5px solid var(--fv-grey-border);border-radius:12px;padding:24px;transition:border-color .15s}.fv-seo__card--wide{grid-column:1/-1}.fv-seo__grid>.fv-seo__card:first-child:hover{border-color:var(--fv-accent)}.fv-seo__grid>.fv-seo__card:nth-child(2):hover{border-color:var(--fv-pole2)}.fv-seo__grid>.fv-seo__card:nth-child(3):hover{border-color:var(--fv-pole3)}.fv-seo__card--wide:hover{border-color:var(--fv-accent)!important}.fv-seo__icon{font-size:24px;margin-bottom:12px}.fv-seo__card h3{font-size:15px;font-weight:700;letter-spacing:-.3px;margin-bottom:8px}.fv-seo__card p{color:var(--fv-grey-text);font-size:13px;line-height:1.65}.fv-seo__card code{background:var(--fv-grey-bg);border-radius:3px;font-family:var(--fv-mono);font-size:12px;padding:1px 4px}.fv-faq{display:flex;flex-direction:column;gap:12px}.fv-faq__item{border:1.5px solid var(--fv-grey-border);border-radius:10px;overflow:hidden;transition:border-color .15s}.fv-faq__item:hover{border-color:#ccc}.fv-faq__item[open]{border-color:var(--fv-accent)}.fv-faq__q{align-items:center;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;list-style:none;padding:16px 20px}.fv-faq__q::-webkit-details-marker{display:none}.fv-faq__q:before{align-items:center;background:var(--fv-grey-bg);border-radius:5px;color:var(--fv-grey-text);content:"+";display:flex;flex-shrink:0;font-family:var(--fv-mono);font-size:14px;font-weight:700;height:22px;justify-content:center;transition:all .15s;width:22px}.fv-faq__item[open] .fv-faq__q:before{background:var(--fv-accent);color:#fff;content:"-"}.fv-faq__a{color:var(--fv-grey-text);font-size:13px;line-height:1.65;padding:0 20px 16px 54px}.fv-faq__a code{background:var(--fv-grey-bg);border-radius:3px;font-family:var(--fv-mono);font-size:12px;padding:1px 4px}.fv-toast{background:#e53e3e;border-radius:8px;bottom:32px;box-shadow:0 8px 32px rgba(229,62,62,.3);color:#fff;font-family:var(--fv-font);font-size:14px;font-weight:600;left:50%;opacity:0;padding:12px 24px;pointer-events:none;position:fixed;transform:translateX(-50%) translateY(20px);transition:opacity .3s,transform .3s;z-index:9999}.fv-toast--success{background:#38a169;box-shadow:0 8px 32px rgba(56,161,105,.3)}.fv-toast--visible{opacity:1;transform:translateX(-50%) translateY(0)}@media (max-width:1080px){.fv-hero{grid-template-columns:1fr}.fv-hero__illu{display:none}}@media (max-width:960px){.fv-hero,.fv-main{gap:40px;grid-template-columns:1fr;padding-left:24px;padding-right:24px}.fv-sticky-right{position:static}.fv-seo__grid{grid-template-columns:1fr}.fv-bc,.fv-seo{padding-left:24px;padding-right:24px}}@media (max-width:640px){.fv-hero{padding:32px 16px 0}.fv-hero__title{font-size:36px;letter-spacing:-1px}.fv-main,.fv-seo{padding:32px 16px 0}.fv-bc{padding:16px 16px 0}.fv-preview__sizes{gap:10px}}