.ft-hero{text-align:center}.ft-hero .container{display:flex;flex-direction:column;align-items:center}.ft-hero h1{font-size:clamp(2.25rem,6.5vw,3.75rem);line-height:1.15;max-width:14em;margin:var(--s-4) auto 0;text-wrap:balance;word-break:keep-all}.ft-hero .lede{margin:var(--s-5) auto 0;text-align:center;text-wrap:balance;word-break:keep-all}.ft-facts{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-2);margin:var(--s-6) 0 0;padding:0}.ft-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-3);width:min(100%,22rem);margin-top:var(--s-8)}@media(min-width:520px){.ft-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,34rem)}}.ft-tool{padding-block:var(--s-8) var(--s-16);scroll-margin-top:var(--s-8)}.ft-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-5);align-items:start}@media(min-width:1000px){.ft-grid{grid-template-columns:minmax(0,26rem) minmax(0,1fr)}}.ft-card{min-width:0;border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);padding:var(--s-5)}.ft-field{display:grid;gap:var(--s-2);margin-bottom:var(--s-4)}.ft-label{font-size:.875rem;font-weight:600;color:var(--fg)}.ft-input,.ft-textarea{width:100%;font:inherit;font-size:1rem;color:var(--fg);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-card);padding:var(--s-3) var(--s-4)}.ft-textarea{min-height:14rem;resize:vertical;line-height:1.7}.ft-input::placeholder,.ft-textarea::placeholder{color:var(--muted)}.ft-input:focus-visible,.ft-textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.ft-hint{margin:0;color:var(--muted);font-size:.8125rem;line-height:1.7;word-break:keep-all;text-wrap:pretty}.ft-meta{display:flex;justify-content:space-between;gap:var(--s-4);color:var(--fg-secondary);font-size:.875rem;font-variant-numeric:tabular-nums}.ft-check{display:flex;align-items:flex-start;gap:var(--s-3);font-size:.9375rem;line-height:1.6;color:var(--fg-secondary);cursor:pointer}.ft-check input{width:1.125rem;height:1.125rem;margin-top:.2rem;flex:0 0 auto;accent-color:var(--accent-strong)}.ft-check input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ft-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2)}.ft-type{border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--s-2) var(--s-3)}.ft-type:has(input:checked){border-color:var(--accent-strong);background:color-mix(in oklab,var(--accent) 12%,transparent)}.ft-full{width:100%}.ft-status{min-height:1.5em;margin:var(--s-3) 0 0;font-size:.875rem;line-height:1.7;color:var(--fg-secondary);word-break:keep-all;text-wrap:pretty}.ft-status[data-kind=error]{color:var(--danger-text)}.ft-limits{margin:var(--s-4) 0 0;padding:var(--s-4);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg);color:var(--fg-secondary);font-size:.875rem;line-height:1.75;word-break:keep-all;text-wrap:pretty}.ft-limits b{color:var(--fg)}.ft-limits p{margin:0}.ft-limits p+p{margin-top:var(--s-2)}.ft-out{min-width:0}.ft-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2);margin-bottom:var(--s-3)}@media(min-width:560px){.ft-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}.ft-tab{height:var(--btn-h-md);border:1px solid var(--border);border-radius:var(--radius-pill);background:transparent;color:var(--fg-secondary);font:inherit;font-size:var(--btn-fs-md);font-weight:600;cursor:pointer}.ft-tab:hover:not(:disabled){background:var(--surface-2);color:var(--fg)}.ft-tab[aria-selected=true]{background:var(--surface-3);border-color:var(--border-strong);color:var(--fg)}.ft-tab:disabled{opacity:.4;cursor:default}.ft-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ft-preview{position:relative;height:min(78vh,880px);min-height:22rem;overflow:auto;overscroll-behavior:contain;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface-3)}@media(max-width:720px){.ft-preview{height:auto;overflow:visible}}.ft-preview iframe{display:block;width:100%;min-height:100%;border:0;background:transparent;color-scheme:light}.ft-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--s-6);text-align:center;color:var(--muted);line-height:1.7;word-break:keep-all;text-wrap:balance}.ft-preview [hidden],.ft-card [hidden]{display:none!important}.ft-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3);margin-top:var(--s-3)}.ft-pair .btn{width:100%}.ft-wm{margin:var(--s-3) 0 0;color:var(--muted);font-size:.8125rem;line-height:1.7;word-break:keep-all;text-wrap:pretty}.ft-sections{display:grid;gap:var(--s-12);padding-bottom:var(--s-24)}.ft-sections h2{margin-bottom:var(--s-5);text-wrap:balance}.ft-sections p{color:var(--fg-secondary);line-height:1.8;word-break:keep-all;text-wrap:pretty}.ft-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:var(--s-4);counter-reset:step}.ft-steps li{counter-increment:step;padding:var(--s-5);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);color:var(--fg-secondary);line-height:1.7;word-break:keep-all;text-wrap:pretty}.ft-steps li:before{content:counter(step);display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;margin-bottom:var(--s-3);border-radius:50%;background:var(--fill-pearl);color:var(--fill-ink);font-weight:700;font-size:.875rem}.ft-steps b{display:block;color:var(--fg);margin-bottom:var(--s-1)}.ft-faq details{border-top:1px solid var(--border);padding:var(--s-4)}.ft-faq details:last-child{border-bottom:1px solid var(--border)}.ft-faq summary{cursor:pointer;font-weight:600;color:var(--fg);line-height:1.6;word-break:keep-all}.ft-faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.ft-faq details p{margin:var(--s-3) 0 0}.ft-layouts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3) var(--s-2);margin-bottom:var(--s-2)}.ft-layout-item{display:flex;flex-direction:column;gap:var(--s-1);min-width:0}.ft-layout{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--s-2);flex:1 1 auto;padding:var(--s-2)}.ft-layout input{margin-top:0}.ft-layout-thumb{grid-column:1 / -1;order:-1;display:block;width:100%;height:auto;aspect-ratio:360 / 509;border:1px solid var(--border);border-radius:4px;background:#fff}.ft-layout-zoom{align-self:flex-start;color:var(--fg-secondary);font-size:.8125rem;text-decoration:underline;text-underline-offset:3px}.ft-layout-zoom:hover{color:var(--fg)}.ft-layout span{display:contents}.ft-layout small{grid-column:1 / -1}.ft-layout b{color:var(--fg);font-weight:700}.ft-layout small{color:var(--muted);font-size:.8125rem;line-height:1.5;word-break:keep-all}.ft-promo{position:relative;width:min(100%,44rem);margin:var(--s-8) 0 0}.ft-promo-open{position:relative;display:block;width:100%;padding:0;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface);cursor:pointer}.ft-promo-open video{display:block;width:100%;height:auto;aspect-ratio:16 / 9}.ft-promo-play{position:absolute;right:var(--s-3);bottom:var(--s-3);display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:999px;background:var(--accent-strong);color:var(--on-accent);font-size:1rem;transition:transform .15s ease-out}.ft-promo-open:hover .ft-promo-play,.ft-promo-open:focus-visible .ft-promo-play{transform:scale(1.08)}.ft-promo figcaption{margin-top:var(--s-2)}.ft-promo-link{min-height:2.75rem;padding:0 var(--s-2);border:0;background:none;color:var(--accent);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.ft-promo-modal{margin:auto;inset:0;width:min(1100px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--border);border-radius:14px;background:#000;overflow:hidden}.ft-promo-modal.is-tall{width:min(420px,calc(100vw - 32px))}.ft-promo-modal::backdrop{background:#000000b3}.ft-promo-modal video{display:block;width:100%;max-height:calc(100dvh - 34px);background:#000}.ft-promo-x{position:absolute;top:var(--s-2);right:var(--s-2);z-index:1;width:2.75rem;height:2.75rem;border:0;border-radius:999px;background:#0f1116bf;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer}.ft-promo-toggle{position:absolute;top:var(--s-3);right:var(--s-3);width:2.75rem;height:2.75rem;border:0;border-radius:999px;background:#0f1116bf;color:#fff;font-size:.8rem;cursor:pointer}.ft-promo-toggle[hidden]{display:none}