.form-fields{grid-template-columns:repeat(auto-fit,minmax(76px,1fr));align-content:center;gap:6px;display:grid}.form-fields label{min-width:0}.form-fields input{width:100%;min-width:0}.form-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.form-card-preview{align-content:center;gap:9px;padding:14px;display:grid}.form-card-fields{gap:5px;margin:0;padding:0;list-style:none;display:grid}.form-card-fields li{border:1px solid var(--line);background:var(--surface-card);border-radius:6px;gap:3px;padding:6px 8px;display:grid}.form-card-fields small{color:var(--muted);font-size:8px;font-weight:700}.form-card-fields small b{color:#a83a44;margin-left:3px;font-size:8px;font-weight:800}.form-card-fields i{color:var(--ink);font-size:9px;font-style:normal;font-weight:600}.form-card-ticket{color:#a83a44;background:#fbeaeb;border:1px solid #a83a44;border-radius:7px;gap:2px;padding:8px 10px;font-size:9px;font-weight:700;line-height:1.4;display:grid}.form-card-ticket b{color:#a83a44;font-size:10px;font-weight:800}.form-card-conclusion{color:var(--muted);text-align:center;margin:0;font-size:8px;line-height:1.5}.form-submit-flow{align-items:center;gap:10px;display:flex}.form-submit-flow span,.form-submit-flow b{color:#5b5b65;text-align:center;background:#fafafa;border:1px solid #e6e6eb;border-radius:8px;flex:1;min-width:0;padding:13px;font-size:13px;display:grid}.form-submit-flow b{border-color:color-mix(in srgb, var(--accent) 30%, #fff);background:color-mix(in srgb, var(--accent) 7%, #fff);color:var(--accent)}.form-submit-flow>svg{color:#a5a5ae;flex:none}@media (max-width:780px){.form-submit-flow{flex-direction:column;align-items:stretch}.form-submit-flow>svg{align-self:center;transform:rotate(90deg)}}.term-interactive-demo.form-lab{gap:var(--element-gap);border:1px solid var(--line);background:var(--surface-card)}.term-interactive-demo.form-lab button:hover:not(:disabled){border-color:color-mix(in srgb, var(--ink) 25%, var(--line));color:var(--ink)}.term-interactive-demo.form-lab button[aria-pressed=true]{border-color:color-mix(in srgb, var(--ink) 45%, var(--line));background:var(--soft);color:var(--ink)}.term-interactive-demo.form-lab input[type=text],.term-interactive-demo.form-lab input[type=email],.term-interactive-demo.form-lab input[type=tel]{border-color:var(--line);background:var(--color-white);color:var(--ink)}.term-interactive-demo.form-lab input:focus-visible{outline:2px solid color-mix(in srgb, var(--ink) 35%, transparent);outline-offset:1px;border-color:var(--ink)}.term-interactive-demo.form-lab input[aria-invalid=true]{background:#fdf6f6;border-color:#a83a44}.form-lab-brief{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.form-lab-object{align-items:center;gap:var(--spacing-8);flex-wrap:wrap;display:flex}.form-lab-ticket{border:1px solid var(--line);border-radius:var(--radius-buttons);background:var(--color-white);color:var(--ink);font-size:var(--text-caption);align-items:center;gap:6px;padding:8px 12px;font-weight:700;line-height:1.3;display:inline-flex}.form-lab-ticket b{color:var(--muted);letter-spacing:.02em;font-size:10px;font-weight:800}.form-lab-ticket.is-idle{color:var(--muted);border-style:dashed;font-weight:600}.form-lab-ticket.is-submitting{border-color:color-mix(in srgb, var(--ink) 45%, var(--line));background:var(--soft);color:var(--ink)}.form-lab-ticket.is-submitting b{color:var(--ink)}.form-lab-ticket.is-success{color:#1f5a3a;background:#f1f7f3;border-color:#2f7a52}.form-lab-ticket.is-success svg{color:#2f7a52}.form-lab-ticket.is-success b{color:#1f5a3a}.form-lab-ticket.is-failure{color:#a83a44;background:#fbeaeb;border-color:#a83a44}.form-lab-ticket.is-failure b{color:#a83a44}.form-lab-form{gap:var(--element-gap);display:grid}.form-lab-field{gap:6px;display:grid}.form-lab-field label{color:var(--ink);font-size:var(--text-ui);align-items:center;gap:6px;font-weight:800;line-height:1.3;display:flex}.form-lab-field label b{color:#a83a44;font-size:var(--text-caption);font-weight:800}.form-lab-field-error{border-radius:var(--radius-buttons);color:#a83a44;font-size:var(--text-caption);background:#fbeaeb;border:1px solid #a83a44;align-items:center;padding:6px 10px;font-weight:700;line-height:1.35;display:inline-flex}.form-lab-outcome{gap:var(--spacing-8);flex-wrap:wrap;display:flex}.form-lab-outcome button{border:1px solid var(--line);border-radius:var(--radius-buttons);background:var(--color-white);min-height:32px;color:var(--ink);font-size:var(--text-caption);padding:6px 12px;font-weight:700}.form-lab-outcome button:disabled{opacity:1;border-color:var(--line);background:var(--soft);color:var(--muted);cursor:not-allowed}.form-lab-actions{gap:var(--spacing-8);flex-wrap:wrap;display:flex}.form-lab-primary{min-width:132px;font-weight:800;border-radius:var(--radius-buttons)!important;background:var(--color-rausch-600)!important;color:var(--color-white)!important;border:0!important}.form-lab-primary:hover:not(:disabled){color:var(--color-white)!important;background:#c8093a!important}.form-lab-primary:focus-visible{outline:2px solid var(--color-rausch-600);outline-offset:2px}.form-lab-primary:disabled{opacity:1;cursor:not-allowed;border:1px solid var(--line)!important;background:var(--soft)!important;color:var(--muted)!important}.form-lab-reset{min-width:0;border:1px solid var(--ink)!important;border-radius:var(--radius-buttons)!important;background:var(--color-white)!important;color:var(--ink)!important}.form-lab-reset:hover:not(:disabled){background:var(--color-faint)!important;color:var(--ink)!important}.form-lab-reset:focus-visible{outline:2px solid color-mix(in srgb, var(--ink) 40%, transparent);outline-offset:2px}.form-lab-reset:disabled{cursor:not-allowed;border-color:var(--line)!important;background:var(--soft)!important;color:var(--muted)!important}.form-lab-feedback{border:1px solid var(--line);border-left:3px solid color-mix(in srgb, var(--ink) 35%, var(--line));border-radius:var(--radius-inputs);background:var(--soft);min-height:44px;color:var(--ink);font-size:var(--text-body);line-height:var(--leading-body);margin:0;padding:10px 12px}.form-attention-list{margin-bottom:0}.form-attention-list li{gap:4px;padding-left:4px;display:grid}.form-attention-list strong{color:var(--ink);font-size:var(--text-body);font-weight:var(--font-weight-semibold)}.form-attention-list span{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body)}.form-when-grid{gap:var(--element-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-when-grid article{align-content:start;gap:var(--spacing-8);min-width:0;padding:var(--spacing-16);border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--surface-card);display:grid}.form-when-grid article small{color:var(--muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.form-when-grid article strong{color:var(--ink);font-size:var(--text-ui);font-weight:800;line-height:1.35}.form-when-grid article p{color:var(--ink);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.form-how-steps{gap:var(--spacing-8);color:var(--ink);font-size:var(--text-body);line-height:var(--leading-body);margin:0;padding-left:18px;display:grid}.form-how-steps li{padding-left:4px}.form-how-steps li::marker{color:var(--ink);font-weight:800}.form-examples{gap:10px;display:grid}.form-examples article{padding:var(--spacing-16);border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--surface-card);gap:8px;display:grid}.form-examples article.is-good{border-left:3px solid #2f7a52}.form-examples article.is-bad{border-left:3px solid #a83a44}.form-examples article small{color:var(--muted);font-size:var(--text-caption);font-weight:var(--font-weight-semibold)}.form-examples article b{color:var(--ink);font-size:var(--text-ui);font-weight:800;line-height:1.35}.form-examples article p{color:var(--ink);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.form-example-cta{border-radius:var(--radius-buttons);background:var(--ink);color:var(--color-white);font-size:var(--text-caption);border:0;justify-self:start;align-items:center;padding:6px 14px;font-weight:800;display:inline-flex}.form-example-flag{border-radius:var(--radius-buttons);background:var(--color-white);color:#a83a44;font-size:var(--text-caption);border:1px solid #a83a44;justify-self:start;align-items:center;padding:6px 14px;font-weight:800;display:inline-flex}@media (max-width:540px){.form-lab-outcome,.form-lab-actions{flex-direction:column;align-items:stretch}.form-when-grid{grid-template-columns:1fr}}.term-card .form-card-preview[data-b4-skin=form]{--ink:#285e51;--muted:#587b73;--line:#9bc5b9;--surface-card:#f8fff8;--soft:#e4f3ec;--accent:#285e51;color:#173c36;background:#e1f1e8;border:2px solid #4e8979;box-shadow:5px 5px #9fc8bc}.term-interactive-demo.form-lab[data-b4-skin=form]{--ink:#236557;--muted:#c1e5d8;--line:#76b4a4;--soft:#e4f5ed;--color-faint:#d8eee4;--accent:#e4be5a;--color-rausch-600:#e4be5a;color:#effdf6;background:#173f3a;border:2px solid #3d806f;box-shadow:8px 8px #83b8aa}.term-interactive-demo.form-lab[data-b4-skin=form] .form-lab-brief,.term-interactive-demo.form-lab[data-b4-skin=form] .form-lab-status{color:#d8f1e8}.term-interactive-demo.form-lab[data-b4-skin=form] button:focus-visible,.term-interactive-demo.form-lab[data-b4-skin=form] input:focus-visible{outline-offset:3px;outline:3px solid #ffe394}