.textarea-card-preview{align-content:center;gap:7px;padding:17px;display:grid}.textarea-card-preview label{color:#62626c;font-size:8px;font-weight:700}.textarea-card-preview textarea{color:#666670;width:100%;font:inherit;resize:none;background:#fff;border:1px solid #e4e4e9;border-radius:5px;outline:0;min-height:52px;padding:7px;font-size:8px;line-height:1.5}.textarea-card-preview p{color:#9898a1;justify-content:space-between;margin:0;font-size:7px;display:flex}.textarea-card-preview p b{color:#54545e}.textarea-writing-flow{align-items:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.textarea-writing-flow span{color:#595963;background:#fafafa;border:1px solid #e6e6eb;border-radius:8px;flex:1;gap:4px;min-width:0;padding:13px;font-size:13px;display:grid}.textarea-writing-flow>svg{color:#a5a5ae;flex:none}.textarea-writing-flow span{text-align:center}@media (max-width:780px){.textarea-writing-flow{flex-direction:column;align-items:stretch}.textarea-writing-flow>svg{align-self:center;transform:rotate(90deg)}}.textarea-card-conclusion{color:#55555f;text-align:center;background:#f1f1f4;border-radius:5px;margin:0;padding:4px 7px;font-size:7px;font-weight:700;line-height:1.45}.term-interactive-demo.textarea-demo{border-color:var(--line);background:var(--color-white);gap:12px}.term-interactive-demo.textarea-demo button{border:1px solid var(--line);background:var(--color-white);color:var(--ink)}.term-interactive-demo.textarea-demo button:hover:not(:disabled){border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.textarea-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.textarea-demo button:disabled{border-color:var(--line);background:var(--soft);color:var(--muted);cursor:not-allowed}.textarea-demo-brief{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.textarea-demo-field{gap:6px;display:grid}.textarea-demo-field>label{color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:6px;margin:0;font-size:13px;font-weight:750;display:flex}.textarea-demo-rule{color:var(--muted);font-size:11px;font-weight:650}.textarea-demo-input-wrap{border:1px solid var(--line);border-radius:var(--radius-inputs);background:var(--color-white);transition:border-color .12s ease-out,background-color .12s ease-out;position:relative}.textarea-demo-input-wrap[data-state=over]{background:#fdf5f6;border-color:#a83a44}.textarea-demo-input-wrap[data-state=done]{background:#f5fbf7;border-color:#9ec9ab}.term-interactive-demo.textarea-demo textarea{box-sizing:border-box;border-radius:var(--radius-inputs);width:100%;min-height:96px;max-height:200px;color:var(--ink);font:inherit;resize:none;background:0 0;border:0;margin:0;padding:10px 12px 30px;font-size:13px;line-height:1.55;display:block;overflow-y:auto}.term-interactive-demo.textarea-demo textarea::placeholder{color:var(--muted)}.term-interactive-demo.textarea-demo textarea:focus{outline:2px solid var(--ink);outline-offset:-2px}.term-interactive-demo.textarea-demo textarea[aria-invalid=true]{outline-offset:-2px;outline:2px solid #a83a44}.term-interactive-demo.textarea-demo textarea[readonly]{cursor:default}.textarea-demo-counter{color:#4a4a54;pointer-events:none;background:#eef0f4;border-radius:999px;align-items:center;gap:3px;padding:3px 8px;font-size:11px;font-weight:750;line-height:1.3;display:inline-flex;position:absolute;bottom:8px;right:8px}.textarea-demo-counter[data-state=approach]{color:#7a5612;background:#fdf0d9}.textarea-demo-counter[data-state=over]{color:#a83a44;background:#fbe7e9}.textarea-demo-counter[data-state=done]{color:var(--color-white);background:#2f6b46;font-weight:800}.textarea-demo-help{color:var(--muted);font-size:12px;line-height:1.5}.textarea-demo-status{border:1px solid var(--line);border-left:3px solid color-mix(in srgb, var(--ink) 38%, var(--line));border-radius:var(--radius-inputs);background:var(--soft);color:var(--ink);gap:2px;margin:0;padding:9px 11px;font-size:12px;line-height:1.55;display:grid}.textarea-demo-status strong{color:var(--ink);letter-spacing:.03em;font-size:11px;font-weight:800}.textarea-demo-status span{color:var(--ink)}.textarea-demo-actions{flex-wrap:wrap;gap:8px;display:flex}.textarea-demo-submit{min-width:130px;font-weight:750;border-radius:var(--radius-buttons)!important;background:var(--color-rausch-600)!important;color:var(--color-white)!important;border:0!important}.textarea-demo-submit:hover:not(:disabled){background:color-mix(in srgb, var(--color-rausch-600) 88%, #000)!important;color:var(--color-white)!important}.textarea-demo-submit:focus-visible{outline:2px solid var(--color-rausch-600);outline-offset:2px}.textarea-demo-submit:disabled{cursor:not-allowed;border:1px solid var(--line)!important;background:var(--soft)!important;color:var(--muted)!important}.textarea-demo-secondary{border:1px solid var(--ink)!important;border-radius:var(--radius-buttons)!important;background:var(--color-white)!important;color:var(--ink)!important}.textarea-demo-secondary:hover:not(:disabled){background:var(--soft)!important;color:var(--ink)!important}.textarea-demo-secondary:disabled{cursor:not-allowed;border-color:var(--line)!important;background:var(--soft)!important;color:var(--muted)!important}.textarea-knowledge-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.textarea-knowledge-list li{border:1px solid var(--line);border-left:3px solid var(--ink);border-radius:var(--radius-inputs);background:var(--color-white);gap:3px;padding:11px 12px;display:grid}.textarea-knowledge-list li strong{color:var(--ink);font-size:13px;font-weight:800}.textarea-knowledge-list li span{color:var(--muted);font-size:13px;line-height:1.55}.textarea-when-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.textarea-when-grid article{border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--color-white);align-content:start;gap:5px;padding:12px;display:grid}.textarea-when-grid article small{background:var(--soft);color:var(--muted);letter-spacing:.03em;border-radius:999px;justify-self:start;padding:2px 8px;font-size:10px;font-weight:800}.textarea-when-grid article strong{color:var(--ink);font-size:13px;font-weight:800}.textarea-when-grid article p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.textarea-how-steps{color:var(--ink);gap:6px;margin:0;padding:0 0 0 1.3em;font-size:13px;line-height:1.6;display:grid}.textarea-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.textarea-examples article{border:1px solid var(--line);border-radius:var(--radius-cards);background:var(--color-white);align-content:start;gap:6px;padding:12px;display:grid}.textarea-examples article.is-bad{background:var(--soft)}.textarea-examples article.is-good{border-color:var(--ink)}.textarea-examples small{letter-spacing:.03em;border-radius:999px;justify-self:start;padding:2px 8px;font-size:10px;font-weight:800}.textarea-examples article.is-bad small{background:var(--color-white);color:var(--muted);border:1px solid var(--line)}.textarea-examples article.is-good small{background:var(--ink);color:var(--color-white)}.textarea-examples b{color:var(--ink);font-size:13px;font-weight:800;line-height:1.35}.textarea-examples p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.textarea-example-cta{border:1px solid var(--ink);border-radius:var(--radius-buttons);background:var(--ink);color:var(--color-white);font-size:var(--text-caption);justify-self:start;align-items:center;padding:6px 14px;font-weight:800;display:inline-flex}.textarea-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){.textarea-when-grid,.textarea-examples{grid-template-columns:1fr}}.term-interactive-demo.textarea-demo[data-b1-rebuild=textarea]{color:#fff5e9;background:#4b3128;border:2px solid #8c5a38;box-shadow:8px 8px #d39c67}.term-interactive-demo.textarea-demo[data-b1-rebuild=textarea] .textarea-demo-brief,.term-interactive-demo.textarea-demo[data-b1-rebuild=textarea] .textarea-demo-help{color:#ffe8cd}.term-interactive-demo.textarea-demo[data-b1-rebuild=textarea] .textarea-demo-field,.term-interactive-demo.textarea-demo[data-b1-rebuild=textarea] .textarea-demo-status{color:#442f25;background:#fff8eb;border-color:#c68d5d}.term-interactive-demo.textarea-demo[data-b1-rebuild=textarea] .textarea-demo-submit{color:#38291e!important;background:#dfad4f!important;border-color:#dfad4f!important}.term-interactive-demo.textarea-demo[data-b1-rebuild=textarea] .textarea-demo-secondary{color:#593a2b!important;background:#fff3dd!important;border-color:#be9271!important}.term-interactive-demo.textarea-demo[data-b1-rebuild=textarea] button:focus-visible{outline-offset:3px;outline:3px solid #ffe08c}@media (max-width:520px){.term-interactive-demo.textarea-demo[data-b1-rebuild=textarea]{padding:12px;box-shadow:4px 4px #9ab8b6}}