.ftv2 .so-layout{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr}.ftv2 .so-form{grid-gap:18px 24px;align-items:start;display:grid;gap:18px 24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.ftv2 .so-form .field input{font-family:var(--mono);font-size:14px;letter-spacing:.5px}.ftv2 .so-form .field .hint{color:var(--text-dim);font-family:var(--sans);font-size:12px;letter-spacing:0;text-transform:none}.ftv2 .so-seg{background:var(--bg-dim);border:1px solid var(--border-bright);display:inline-flex}.ftv2 .so-seg button{background:#0000;border:none;color:var(--text-dim);cursor:pointer;flex:1 1;font-family:var(--mono);font-size:12px;letter-spacing:1.5px;padding:11px 14px;text-transform:uppercase;transition:background .15s,color .15s}.ftv2 .so-seg button+button{border-left:1px solid var(--border-bright)}.ftv2 .so-seg button[aria-pressed=true]{background:var(--orange);color:var(--bg)}.ftv2 .so-seg button:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}.ftv2 .so-preview{background-color:#6a6a6a;background-image:linear-gradient(45deg,grey 25%,#0000 0),linear-gradient(-45deg,grey 25%,#0000 0),linear-gradient(45deg,#0000 75%,grey 0),linear-gradient(-45deg,#0000 75%,grey 0);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;border:1px solid var(--border-bright);overflow:hidden;padding:24px}.ftv2 .so-preview-stage{position:relative;width:100%}.ftv2 .so-preview-frame{background:#0000;border:0;color-scheme:dark;display:block;left:0;position:absolute;top:0;transform-origin:0 0}.ftv2 .so-preview-meta{color:var(--text-dim);display:flex;font-family:var(--mono);font-size:11px;gap:16px;justify-content:space-between;letter-spacing:1.5px;margin-top:10px;text-transform:uppercase}.ftv2 .so-url{grid-gap:10px;align-items:stretch;display:grid;gap:10px;grid-template-columns:1fr auto}.ftv2 .so-url input{background:var(--bg-dim);border:1px solid var(--border-bright);color:var(--text-bright);font-family:var(--mono);font-size:13px;outline:none;padding:12px 14px;width:100%}.ftv2 .so-url input:focus{border-color:var(--orange)}.ftv2 .so-url .btn{justify-content:center;min-width:140px;white-space:nowrap}.ftv2 .so-url .btn.copied{background:var(--green);color:var(--bg)}.ftv2 .so-steps{grid-gap:12px;counter-reset:step;display:grid;gap:12px;list-style:none;margin:0;padding:0}.ftv2 .so-steps li{grid-gap:14px;align-items:start;color:var(--text);display:grid;font-size:15px;gap:14px;grid-template-columns:34px 1fr;line-height:1.6}.ftv2 .so-steps li:before{color:var(--orange);content:counter(step,decimal-leading-zero);counter-increment:step;font-family:var(--mono);font-size:12px;letter-spacing:1px;padding-top:4px}.ftv2 .so-steps b{color:var(--text-bright);font-weight:700}.ftv2 .so-steps em{color:var(--text-bright);font-style:normal}.ftv2 .so-steps kbd{background:var(--bg-dim);border:1px solid var(--border-bright);color:var(--text-bright);font-family:var(--mono);font-size:12px;padding:1px 6px}.ftv2 .so-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;width:100%}.ftv2 .so-section h2{color:var(--text-dim);font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:2px;text-transform:uppercase}@media (max-width:640px){.ftv2 .so-url{grid-template-columns:1fr}.ftv2 .so-preview{padding:12px}}.ftv2 .so-variants{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.ftv2 .so-variant{grid-gap:10px;background:var(--bg-dim);border:1px solid var(--border-bright);color:var(--text);cursor:pointer;display:grid;gap:10px;padding:16px 18px;text-align:left;transition:border-color .15s,background .15s}.ftv2 .so-variant:hover{border-color:var(--orange-dim)}.ftv2 .so-variant.active{background:var(--bg-panel);border-color:var(--orange)}.ftv2 .so-variant:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}.ftv2 .so-variant-head{align-items:baseline;display:flex;gap:10px}.ftv2 .so-variant-letter{color:var(--orange);font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:1px;min-width:14px}.ftv2 .so-variant-name{color:var(--text-bright);font-family:var(--sans);font-size:16px;font-weight:700}.ftv2 .so-variant-size{color:var(--text-dim);font-family:var(--mono);font-size:11px;letter-spacing:1px;margin-left:auto;white-space:nowrap}.ftv2 .so-variant-blurb{color:var(--text-dim);font-size:13px;line-height:1.5}.ftv2 .so-preview-head{align-items:center;display:flex;gap:16px;justify-content:space-between}.ftv2 .so-preview-head h2{margin:0}.ftv2 .so-scale button{padding:8px 12px}.ftv2 .so-form .field.so-disabled{opacity:.45}.ftv2 .so-form .field.so-disabled input,.ftv2 .so-form .field.so-disabled select,.ftv2 .so-seg button:disabled{cursor:not-allowed}.ftv2 .so-form .field.so-seq{grid-column:1/-1}.ftv2 .so-form .field.so-seq code{background:var(--bg-dim);border:1px solid var(--border-bright);color:var(--text-bright);font-family:var(--mono);font-size:12px;padding:1px 6px}.ftv2 .so-form .field .so-seq-parse{color:var(--text)}.ftv2 .so-form .field .so-seq-parse.warn{color:var(--orange)}
/*# sourceMappingURL=5634.7e60772d.chunk.css.map*/