.stx-raw code{white-space:pre-wrap;max-height:22rem;overflow-y:auto}#stx-fields td:first-child{width:30%}.stx-gen{margin-top:3.2rem}.stx-form{border:.125rem solid var(--ink);background:var(--paper);border-radius:.4rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.4rem;padding:1.2rem 1.3rem 1.3rem;display:grid}.stx-field label{margin-bottom:.4rem;font-weight:700;display:block}.stx-field input{border:.125rem solid var(--wash-2);background:var(--panel);width:100%;min-width:0;color:var(--ink);font:500 .98rem/1.4 var(--f-mono);border-radius:.25rem;padding:.7rem .8rem;display:block}.stx-field input:focus{border-color:var(--ink);background:var(--paper);outline:0}.stx-field input[aria-invalid=true]{border-color:var(--err-rule)}.stx-help{color:var(--mute);margin:.35rem 0 0;font-size:.88rem}.stx-help code{background:var(--wash);font:500 .92em/1.3 var(--f-mono);border-radius:.2rem;padding:.05em .3em}.stx-err{color:var(--err);margin:.35rem 0 0;font-size:.9rem;font-weight:600}.stx-gen-out{margin-top:1.4rem}.stx-wait{background:var(--panel);color:var(--mute);border-radius:.3rem;margin:0;padding:1rem 1.2rem}.stx-result{box-shadow:.35rem .35rem 0 var(--accent)}.stx-result code{white-space:pre-wrap;font-weight:500}.stx-after{color:var(--mute);flex-wrap:wrap;align-items:center;gap:.5rem .9rem;margin:1.1rem 0 0;font-size:.92rem;display:flex}.stx-after .copybtn{padding:.45rem .9rem;font-size:.92rem}.stx-note{border-left:.3rem solid var(--attn-rule);background:var(--attn-bg);color:var(--attn);margin:.7rem 0 0;padding:.6rem .8rem;font-size:.95rem}.stx-steps{max-width:43rem;margin:1.4rem 0 0;padding-left:1.3rem}.stx-steps li{margin-bottom:.4rem}.stx-steps code{background:var(--wash);font:500 .9em/1.3 var(--f-mono);overflow-wrap:anywhere;border-radius:.2rem;padding:.08em .32em}@media (width<=44rem){.stx-form{grid-template-columns:minmax(0,1fr);padding:1rem}.stx-result{box-shadow:.25rem .25rem 0 var(--accent)}}