:root{--brand:#7048f5;--brand-soft:#efeaff;--brand-hover:#5b31e0;--ink:#17141f;--muted:#6b6578;--line:#e7e3ef;--surface:#ffffff;--page:#f7f7fa;--danger:#c62828;--radius:16px;--shadow:0 10px 30px rgba(23,20,31,0.06);--font:"Plus Jakarta Sans",system-ui,sans-serif;color:var(--ink);background:var(--page);font-family:var(--font);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--page)}#root{min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{max-width:100%;display:block}::selection{background:rgba(112,72,245,.2)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{min-height:100vh}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:rgba(247,247,250,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.site-header__inner{width:min(1120px,calc(100% - 2rem));margin:0 auto;min-height:64px;display:flex;align-items:center;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:700}.brand__name{font-size:1rem;letter-spacing:-.02em}.site-nav{display:none;gap:1.25rem;margin-left:1.5rem;color:var(--muted);font-size:.95rem;font-weight:500}.site-nav a:focus-visible,.site-nav a:hover{color:var(--ink)}.site-header__actions{margin-left:auto;display:flex;align-items:center;gap:.5rem}.site-header__actions .btn--text{display:none}.site-header__email{display:none;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;color:var(--muted)}.menu-toggle{width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:var(--surface);display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer}.menu-toggle span{width:16px;height:2px;background:var(--ink);border-radius:2px}.mobile-nav{display:grid;grid-gap:.75rem;gap:.75rem;padding:1rem 1rem 1.25rem;border-top:1px solid var(--line);background:var(--surface)}.mobile-nav a{padding:.65rem .25rem;font-weight:500}@media (min-width:860px){.site-nav{display:flex}.site-header__actions .btn--text{display:inline-flex}.site-header__email{display:inline-block}.menu-toggle,.mobile-nav{display:none}}.mobile-nav__email{font-size:.9rem;color:var(--muted);word-break:break-all}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:0;border-radius:999px;padding:.7rem 1.15rem;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.btn--primary{background:var(--brand);color:#fff;box-shadow:0 8px 18px rgba(112,72,245,.22)}.btn--primary:hover:not(:disabled){background:var(--brand-hover);transform:translateY(-1px)}.btn--secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.btn--secondary:hover{border-color:#d4ccef;background:var(--brand-soft)}.btn--text{background:transparent;color:var(--muted);padding-inline:.75rem}.btn--text:hover{color:var(--ink)}.btn--block{width:100%;margin-top:1rem}.hero{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 1rem;scroll-margin-top:80px}.hero__intro{max-width:46rem;margin-bottom:1.5rem}.eyebrow{display:inline-flex;margin:0 0 .85rem;padding:.35rem .75rem;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:.8rem;font-weight:700}.hero h1{margin:0;font-size:clamp(1.85rem,4.5vw,3rem);line-height:1.15;letter-spacing:-.03em}.hero__sub{margin:.9rem 0 0;color:var(--muted);font-size:1.05rem;line-height:1.6}.hero__layout{display:grid;grid-gap:1.25rem;gap:1.25rem}@media (min-width:960px){.hero__layout{grid-template-columns:1.15fr .85fr;align-items:start}}.generator-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}.tabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:.35rem;gap:.35rem;padding:.3rem;background:var(--page);border-radius:12px;margin-bottom:1rem}.tabs__btn{border:0;background:transparent;border-radius:10px;padding:.7rem .75rem;font-weight:600;color:var(--muted);cursor:pointer}.tabs__btn.is-active{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px rgba(23,20,31,.08)}.tabs__btn:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.generator-panel__title{margin:0 0 .75rem;font-size:1.05rem}.text-input{width:100%;resize:vertical;min-height:120px;border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem;background:#fbfbfe;color:var(--ink);outline:none}.text-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(112,72,245,.15)}.quick-prompts{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem}.chip{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:.45rem .8rem;font-size:.85rem;font-weight:500;cursor:pointer}.chip:focus-visible,.chip:hover{color:var(--brand);border-color:#d4ccef;background:var(--brand-soft)}.dropzone{border:1.5px dashed #d4ccef;border-radius:14px;background:#fbfbfe;padding:1.5rem 1rem;text-align:center;display:grid;grid-gap:.55rem;gap:.55rem;justify-items:center}.dropzone p{margin:0;color:var(--ink);font-weight:500}.dropzone__hint{color:var(--muted)!important;font-weight:400!important;font-size:.88rem}.image-preview{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fbfbfe}.image-preview img{width:100%;max-height:240px;object-fit:contain;background:#f3f1f8}.image-preview__meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;align-items:center;padding:.8rem 1rem}.image-preview__meta span{font-size:.9rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.image-preview__actions{display:flex;gap:.35rem}.field-label{display:block;margin:1rem 0 .5rem;font-size:.9rem;font-weight:600}.field-example{margin:.5rem 0 0;color:var(--muted);font-size:.85rem}.settings{margin-top:1rem;padding:.9rem 1rem;border:1px solid var(--line);border-radius:12px;background:#fbfbfe}.settings__item{display:grid;grid-gap:.15rem;gap:.15rem}.settings__label{font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.settings__value{font-weight:700}.settings__note{font-size:.82rem;color:var(--muted)}.generator-note{margin:.65rem 0 0;text-align:center;color:var(--muted);font-size:.85rem}.form-error{margin:.75rem 0 0;color:var(--danger);font-size:.9rem}.form-notice{margin:.9rem 0 0;padding:.85rem 1rem;border-radius:12px;background:var(--brand-soft);color:#3d2a8f;font-size:.92rem;line-height:1.5}.preview-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem;display:flex;flex-direction:column;gap:.9rem;min-height:100%}.preview-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.preview-panel__label{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.preview-panel__title{margin:.2rem 0 0;font-size:1.05rem}.preview-panel__badge{flex-shrink:0;padding:.3rem .65rem;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:.75rem;font-weight:700}.preview-panel__stage{position:relative;flex:1 1;min-height:280px;border-radius:14px;border:1px solid var(--line);background:radial-gradient(circle at 50% 40%,rgba(112,72,245,.08),transparent 55%),#fbfbfe;overflow:hidden;display:grid;place-items:center}.preview-panel__stage.has-source{background:#f3f1f8}.preview-panel__image{width:100%;height:100%;min-height:280px;object-fit:contain;background:#f3f1f8}.preview-panel__placeholder{text-align:center;padding:1.5rem;color:var(--muted);display:grid;grid-gap:.9rem;gap:.9rem;justify-items:center}.preview-panel__placeholder p{margin:0;max-width:18rem;font-size:.92rem;line-height:1.45}.preview-panel__frames{display:flex;gap:.45rem;align-items:flex-end;height:42px}.preview-panel__frames span{width:18px;border-radius:6px;background:rgba(112,72,245,.35);animation:preview-bars 1.2s ease-in-out infinite}.preview-panel__frames span:first-child{height:55%}.preview-panel__frames span:nth-child(2){height:100%;animation-delay:.15s;background:rgba(112,72,245,.55)}.preview-panel__frames span:nth-child(3){height:70%;animation-delay:.3s}.preview-panel__stage.is-busy .preview-panel__frames span{animation-duration:.7s}.preview-panel__spinner{position:absolute;inset:0;background:rgba(247,247,250,.45);pointer-events:none}.preview-panel__meta{border-top:1px solid var(--line);padding-top:.85rem}.preview-panel__meta-label{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.preview-panel__meta-text{margin:.4rem 0 0;color:var(--ink);font-size:.9rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.9em}.preview-panel__footer{margin-top:.75rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem}.preview-panel__model{margin:0;color:var(--muted);font-size:.82rem}@keyframes preview-bars{0%,to{transform:scaleY(.55);opacity:.55}50%{transform:scaleY(1);opacity:1}}.section{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:3rem 0 1rem;scroll-margin-top:80px}.section__head{max-width:40rem;margin-bottom:1.5rem}.section__head--center{margin-inline:auto;text-align:center}.section__head h2{margin:0;font-size:clamp(1.45rem,3vw,2rem);letter-spacing:-.02em}.section__head p{margin:.7rem 0 0;color:var(--muted);line-height:1.6}.explore-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.9rem;gap:.9rem}.explore-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.explore-card img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;padding:.75rem}.explore-card__body{display:grid;grid-gap:.55rem;gap:.55rem;padding:.9rem;flex:1 1}.explore-card h3{margin:0;font-size:1rem}.tag{display:inline-flex;width:-moz-fit-content;width:fit-content;padding:.2rem .55rem;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:.72rem;font-weight:700}.prompt-line{margin:0;color:var(--muted);font-size:.82rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.explore-card .btn{margin-top:auto;width:100%}@media (min-width:900px){.explore-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.scenario-grid{display:grid;grid-gap:.9rem;gap:.9rem}.scenario-card{display:grid;grid-template-columns:96px 1fr;grid-gap:.9rem;gap:.9rem;align-items:center;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.75rem;box-shadow:var(--shadow);cursor:pointer;color:inherit}.scenario-card:focus-visible,.scenario-card:hover{border-color:#d4ccef;box-shadow:0 10px 28px rgba(112,72,245,.1)}.scenario-card img{width:96px;height:96px;object-fit:cover;border-radius:12px;background:#f3f1f8}.scenario-card h3{margin:0 0 .35rem;font-size:1rem}.scenario-card p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.45}@media (min-width:860px){.scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.steps{list-style:none;margin:0;padding:0;display:grid;grid-gap:.9rem;gap:.9rem}.steps__item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.15rem;box-shadow:var(--shadow)}.steps__num{display:inline-flex;width:2.2rem;height:2.2rem;align-items:center;justify-content:center;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-weight:800;font-size:.85rem;margin-bottom:.75rem}.steps__item h3{margin:0 0 .4rem;font-size:1.05rem}.steps__item p{margin:0;color:var(--muted);line-height:1.5}@media (min-width:860px){.steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.why-grid{display:grid;grid-gap:.9rem;gap:.9rem}.why-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.15rem;box-shadow:var(--shadow)}.why-card h3{margin:0 0 .4rem;font-size:1.05rem}.why-card p{margin:0;color:var(--muted);line-height:1.5}@media (min-width:860px){.why-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.faq{display:grid;grid-gap:.65rem;gap:.65rem}.faq__item{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.faq__item h3{margin:0;font-size:1rem}.faq__trigger{width:100%;display:flex;justify-content:space-between;gap:1rem;align-items:center;text-align:left;border:0;background:transparent;padding:1rem 1.1rem;font-weight:600;cursor:pointer;color:var(--ink)}.faq__trigger:focus-visible,.faq__trigger:hover{background:#fbfbfe}.faq__answer{margin:0;padding:0 1.1rem 1.1rem;color:var(--muted);line-height:1.6}.site-footer{width:min(1120px,calc(100% - 2rem));margin:3rem auto 0;padding:2rem 0 2.5rem;border-top:1px solid var(--line);display:grid;grid-gap:1rem;gap:1rem}.site-footer__brand strong{display:block;margin-bottom:.35rem}.site-footer__brand p,.site-footer__note{margin:0;color:var(--muted);font-size:.92rem;line-height:1.5}.site-footer__contact{margin-top:.55rem!important}.site-footer__contact a{color:inherit;text-decoration:underline;text-underline-offset:.15em}.site-footer__contact a:hover{color:var(--brand)}.site-footer__nav{display:flex;flex-wrap:wrap;gap:.85rem 1.15rem;font-weight:500;font-size:.92rem}.site-footer__nav a:hover{color:var(--brand)}.toast{position:fixed;left:50%;bottom:1.25rem;transform:translateX(-50%);z-index:50;width:min(480px,calc(100% - 2rem));background:var(--ink);color:#fff;border-radius:14px;padding:.9rem 1rem;display:flex;gap:.75rem;align-items:flex-start;box-shadow:0 16px 40px rgba(23,20,31,.25)}.toast p{margin:0;flex:1 1;font-size:.92rem;line-height:1.45}.toast .btn--text{color:#d6d0ea;padding:0}.pricing-page{padding-block:2.5rem 4rem}.pricing-page__section .section__head h1{margin:0;font-size:clamp(1.75rem,3vw,2.25rem);letter-spacing:-.03em}.pricing-grid{list-style:none;margin:0;padding:0;display:grid;grid-gap:1rem;gap:1rem}.pricing-card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.35rem 1.25rem 1.25rem;box-shadow:var(--shadow)}.pricing-card.is-highlight{border-color:var(--brand);box-shadow:0 14px 36px rgba(112,72,245,.14)}.pricing-card__badge{position:absolute;top:-.7rem;left:50%;transform:translateX(-50%);background:var(--brand);color:#fff;font-size:.72rem;font-weight:700;padding:.25rem .7rem;border-radius:999px}.pricing-card__name{margin:.35rem 0 0;color:var(--muted);font-size:.92rem;font-weight:600}.pricing-card__price{margin:.55rem 0 0}.pricing-card__price span{font-size:2.4rem;font-weight:800;letter-spacing:-.03em;line-height:1}.pricing-card__meta,.pricing-card__tagline{margin:.35rem 0 0;color:var(--muted);font-size:.9rem}.pricing-card__credits{margin:1.1rem 0 0;font-size:1.35rem;font-weight:700}.pricing-card__credits span{font-size:.95rem;font-weight:500;color:var(--muted)}.pricing-card__list{list-style:none;margin:1rem 0 1.15rem;padding:0;display:grid;grid-gap:.45rem;gap:.45rem;flex:1 1}.pricing-card__list li{display:flex;gap:.45rem;color:var(--muted);font-size:.9rem;line-height:1.4}.pricing-card__list span{color:var(--brand);font-weight:700}@media (min-width:720px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px;margin-inline:auto}.pricing-grid--3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1040px}}.pricing-card__usage{margin:0 0 .75rem;font-size:.85rem;color:var(--muted)}.auth-modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(23,20,31,.45)}.auth-modal{position:relative;width:min(400px,100%);border-radius:16px;border:1px solid var(--line);background:var(--surface);padding:1.75rem 1.5rem;box-shadow:var(--shadow)}.auth-modal__close{position:absolute;right:1rem;top:.85rem;border:0;background:transparent;color:var(--muted);font-size:1.35rem;line-height:1;cursor:pointer}.auth-modal__close:hover{color:var(--ink)}.auth-modal__body{padding-right:1.25rem}.auth-modal__title{margin:0;font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.auth-modal__subtitle{margin:.5rem 0 0;font-size:.9rem;line-height:1.5;color:var(--muted)}.auth-modal__google-icon{width:1.25rem;height:1.25rem}.auth-modal-google-btn{margin-top:1.35rem;display:flex;width:100%;align-items:center;justify-content:center;gap:.75rem;padding:.85rem 1rem;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:none}.auth-modal-google-btn:hover{background:var(--page)}.auth-modal__divider{display:flex;align-items:center;gap:.75rem;margin:1.15rem 0}.auth-modal__divider span{flex:1 1;height:1px;background:var(--line)}.auth-modal__divider em{font-style:normal;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.auth-modal__form{display:grid;grid-gap:.9rem;gap:.9rem}.auth-modal__label{display:block;margin-bottom:.4rem;font-size:.9rem;font-weight:600;color:var(--muted)}.auth-modal-input{width:100%;border:1px solid var(--line);border-radius:10px;padding:.8rem .95rem;background:#fff;color:var(--ink);outline:none}.auth-modal-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(112,72,245,.15)}.auth-modal-btn{margin-top:.25rem;width:100%;border:0;border-radius:10px;padding:.9rem 1rem;background:var(--brand);color:#fff;font-size:1rem;font-weight:700;cursor:pointer}.auth-modal-btn:hover:not(:disabled){background:var(--brand-hover)}.auth-modal-btn:disabled{opacity:.6;cursor:not-allowed}.auth-modal__switch{margin:1.15rem 0 0;text-align:center;font-size:.9rem;color:var(--muted)}.auth-modal__switch button{border:0;background:transparent;color:var(--brand);font-weight:600;cursor:pointer}.auth-modal__switch button:hover{text-decoration:underline}.auth-modal__error{margin:1rem 0 0;border-radius:10px;background:#fdecea;color:var(--danger);padding:.65rem .8rem;font-size:.9rem}.pricing-checkout{margin-top:auto}.pricing-checkout__form{display:grid;grid-gap:.55rem;gap:.55rem}.email-input{width:100%;border:1px solid var(--line);border-radius:12px;padding:.75rem .9rem;background:#fbfbfe;color:var(--ink);outline:none}.email-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(112,72,245,.15)}.breadcrumb{width:min(1120px,calc(100% - 2rem));margin:1rem auto 0;font-size:.88rem;color:var(--muted)}.breadcrumb ol{display:flex;flex-wrap:wrap;gap:.35rem .5rem;list-style:none;margin:0;padding:0}.breadcrumb li:not(:last-child):after{content:"/";margin-left:.5rem;color:var(--line-strong,#c9c6d6)}.breadcrumb a:hover{color:var(--brand)}.tool-hero{padding-top:1.25rem}.tool-generator{display:grid;grid-gap:1rem;gap:1rem}.tool-presets{display:grid;grid-gap:.85rem;gap:.85rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.9rem 1rem;box-shadow:var(--shadow)}.tool-presets__label{margin:0 0 .45rem;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.tool-presets__chips{display:flex;flex-wrap:wrap;gap:.45rem}.chip--preset{display:inline-flex;align-items:center;gap:.4rem}.chip--preset img{width:22px;height:22px;object-fit:contain;border-radius:6px}.chip--preset.is-active,.chip.is-active{background:var(--brand-soft);color:var(--brand);border-color:color-mix(in srgb,var(--brand) 35%,white)}.tool-style-grid{display:grid;grid-gap:.9rem;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr))}.tool-style-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.85rem;box-shadow:var(--shadow);display:grid;grid-gap:.45rem;gap:.45rem}.tool-style-card img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:10px}.tool-style-card h3{margin:0;font-size:1rem}.tool-style-card p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.45}.tool-steps{list-style:none;margin:0;padding:0;display:grid;grid-gap:.85rem;gap:.85rem}.tool-steps li{display:grid;grid-template-columns:auto 1fr;grid-gap:.85rem;gap:.85rem;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}.tool-steps__num{width:2rem;height:2rem;border-radius:999px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-weight:800}.tool-steps h3{margin:0 0 .25rem;font-size:1.05rem}.tool-steps p{margin:0;color:var(--muted);line-height:1.55}.use-case-grid{display:grid;grid-gap:.9rem;gap:.9rem}.use-case-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:var(--shadow)}.use-case-card h3{margin:0 0 .35rem;font-size:1.05rem}.use-case-card p{margin:0;color:var(--muted);line-height:1.55}.tool-tips{margin:0;padding:0;list-style:none;display:grid;grid-gap:.65rem;gap:.65rem}.tool-tips li{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:.9rem 1rem;color:var(--muted);line-height:1.55}.faq__answer.is-open{display:block}.related-tools{display:grid;grid-gap:.85rem;gap:.85rem}.related-tools__card{display:grid;grid-gap:.35rem;gap:.35rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:var(--shadow);transition:border-color .15s ease,transform .15s ease}.related-tools__card:focus-visible,.related-tools__card:hover{border-color:color-mix(in srgb,var(--brand) 40%,white);transform:translateY(-1px)}.related-tools__card strong{color:var(--ink)}.related-tools__card span{color:var(--muted);font-size:.92rem;line-height:1.5}.site-footer__tools{display:flex;flex-wrap:wrap;gap:.65rem 1rem;font-size:.86rem}.site-footer__tools a{color:var(--muted)}.site-footer__tools a:hover{color:var(--brand)}@media (min-width:720px){.related-tools,.tool-style-grid,.use-case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:900px){.tool-style-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.utility-workspace{width:100%}.utility-card{display:grid;grid-gap:1rem;gap:1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}.utility-controls{display:grid;grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.utility-controls label{display:grid;grid-gap:.35rem;gap:.35rem;font-size:.85rem;font-weight:600;color:var(--muted)}.utility-controls input,.utility-controls select{width:100%;border:1px solid var(--line);border-radius:12px;padding:.65rem .75rem;background:#fbfbfe;color:var(--ink);font:inherit}.utility-actions{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.utility-or{color:var(--muted);font-size:.9rem}.utility-preview-grid{display:grid;grid-gap:.9rem;gap:.9rem}.utility-preview-grid--3{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.utility-media{width:100%;max-height:320px;object-fit:contain;background:#0f0f14;border-radius:12px;border:1px solid var(--line)}.utility-media--sm{max-width:220px}.utility-progress{display:grid;grid-gap:.35rem;gap:.35rem}.utility-progress__bar{height:8px;border-radius:999px;background:#eceaf5;overflow:hidden}.utility-progress__bar span{display:block;height:100%;background:var(--brand)}.utility-progress p{margin:0;color:var(--muted);font-size:.88rem}.utility-prose{margin:0 0 1rem;color:var(--muted);line-height:1.65;max-width:62ch}.tools-subdir__title{margin:1.5rem 0 .75rem;font-size:1.05rem}.dropzone.is-dragging{border-color:var(--brand);background:var(--brand-soft)}.checkerboard{border-radius:12px;border:1px solid var(--line);padding:.75rem;background:linear-gradient(45deg,#ddd 25%,transparent 0),linear-gradient(-45deg,#ddd 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ddd 0),linear-gradient(-45deg,transparent 75%,#ddd 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;background-color:#fff}.checkerboard .utility-media{background:transparent;border:0}@media (min-width:800px){.utility-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}