.layout[data-v-660cd488]{display:flex;flex-direction:column;gap:1rem}.lede[data-v-660cd488]{margin:0;font-size:.8125rem;color:#374151}.modes[data-v-660cd488]{display:grid;grid-template-columns:1fr;gap:.875rem}@media(min-width:720px){.modes[data-v-660cd488]{grid-template-columns:repeat(3,minmax(0,1fr))}}.mode[data-v-660cd488]{gap:.625rem;padding:.875rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fafafa}.mode[data-v-660cd488],header[data-v-660cd488]{display:flex;flex-direction:column}header[data-v-660cd488]{gap:.25rem}header p[data-v-660cd488]{margin:0;font-size:.75rem;color:#6b7280}form[data-v-660cd488]{gap:.5rem}form[data-v-660cd488],label[data-v-660cd488]{display:flex;flex-direction:column}label[data-v-660cd488]{gap:.25rem;font-size:.8125rem;color:#374151}input[data-v-660cd488]{padding:.5rem .625rem;border-radius:.375rem;border:1px solid #d1d5db;font-size:.875rem;font-family:inherit}input[data-v-660cd488]:focus{outline:2px solid #2563eb;outline-offset:-1px}button[data-v-660cd488]{align-self:flex-start;padding:.4375rem .75rem;border-radius:.375rem;border:1px solid #2563eb;background:#2563eb;color:#fff;font-size:.8125rem;font-weight:500;cursor:pointer;font-family:inherit}button[data-v-660cd488]:hover{background:#1d4ed8}.readout[data-v-660cd488]{padding:.5rem .625rem;border-radius:.375rem;background:#f3f4f6;color:#6b7280;font-size:.75rem;font-family:ui-monospace,monospace;min-height:1.25rem}.readout.invalid[data-v-660cd488]{background:#fef2f2;color:#b91c1c;font-weight:500}.note[data-v-660cd488]{margin:0;color:#6b7280}.note[data-v-660cd488],code[data-v-660cd488]{font-size:.75rem}code[data-v-660cd488]{font-family:ui-monospace,monospace;background:#f3f4f6;padding:.05rem .3rem;border-radius:.25rem}