.icon-picker[data-astro-cid-d4zczxht]{display:flex;flex-direction:column;width:100%}.icon-grid[data-astro-cid-d4zczxht]{display:grid;grid-template-rows:repeat(6,44px);grid-auto-flow:column;grid-auto-columns:44px;gap:1px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;border:1px solid var(--pixel-on)}.selected-display[data-astro-cid-d4zczxht]{grid-row:1 / span 2;grid-column:1 / span 2;position:sticky;left:0;top:0;z-index:1;display:flex;align-items:center;justify-content:center;background:#fff;outline:1px solid var(--pixel-on)}.selected-display[data-astro-cid-d4zczxht] img[data-astro-cid-d4zczxht]{display:block;image-rendering:pixelated}.icon-btn[data-astro-cid-d4zczxht]{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:none;border:none;cursor:pointer;flex-shrink:0;scroll-snap-align:start;content-visibility:auto;contain-intrinsic-size:44px 44px;contain:strict}.icon-btn[data-astro-cid-d4zczxht][aria-pressed=true]{background:#fff;outline:1px solid var(--pixel-on)}.icon-btn[data-astro-cid-d4zczxht] img[data-astro-cid-d4zczxht]{display:block;image-rendering:pixelated;user-select:none}voice-recorder[data-astro-cid-vv3ow7no]{display:flex;flex-direction:column;width:100%;gap:.5rem}.recorder-view[data-astro-cid-vv3ow7no]{position:relative;width:100%;height:96px;border:1px solid var(--pixel-on);background-color:#fff}.oscilloscope[data-astro-cid-vv3ow7no]{position:absolute;inset:0;width:100%;height:100%;[data-astro-cid-vv3ow7no][data-state=done] &{cursor:pointer}}.record-bar[data-astro-cid-vv3ow7no],.playback-bar[data-astro-cid-vv3ow7no]{position:absolute;inset-inline:0;bottom:0;display:flex;align-items:center;gap:.5rem;padding:.5rem}.start-btn[data-astro-cid-vv3ow7no]{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;background:none;border:none;font-size:inherit;line-height:1;[data-astro-cid-vv3ow7no][data-state=recording] &,[data-astro-cid-vv3ow7no][data-state=paused] &,[data-astro-cid-vv3ow7no][data-state=done] &{display:none}}.record-bar[data-astro-cid-vv3ow7no]{display:none;[data-astro-cid-vv3ow7no][data-state=recording] &,[data-astro-cid-vv3ow7no][data-state=paused] &{display:flex}}.timer[data-astro-cid-vv3ow7no]{margin-inline-start:auto;font-family:ui-monospace,monospace;font-size:.9em;min-width:3ch;text-align:right}.playback-bar[data-astro-cid-vv3ow7no]{display:none;[data-astro-cid-vv3ow7no][data-state=done] &{display:flex}}.time-display[data-astro-cid-vv3ow7no]{margin-inline-start:auto;font-family:ui-monospace,monospace;font-size:.9em;white-space:nowrap}.download-btn[data-astro-cid-vv3ow7no]{display:inline-flex;align-items:center;font:inherit;&[aria-disabled=true]{opacity:.4;cursor:default;pointer-events:none}}.preview[data-astro-cid-vv3ow7no]{display:none}main[data-astro-cid-cfftgubm]{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start;padding:1.5rem}@media(min-width:640px){main[data-astro-cid-cfftgubm]{grid-template-columns:1fr 1fr;max-width:960px;margin-inline:auto}header[data-astro-cid-cfftgubm]{position:sticky;top:1.5rem}}header[data-astro-cid-cfftgubm],form[data-astro-cid-cfftgubm]{min-width:0}header[data-astro-cid-cfftgubm]{display:flex;flex-direction:column;gap:.75rem}.steps[data-astro-cid-cfftgubm]{display:flex;flex-direction:column;padding:0;margin:0;list-style:none;counter-reset:steps}.step[data-astro-cid-cfftgubm]{counter-increment:steps}.step-label[data-astro-cid-cfftgubm]{font-size:1.2rem;font-weight:600;margin:0;&:before{content:counter(steps) ". "}}.step-body[data-astro-cid-cfftgubm]{min-width:0;display:flex;flex-direction:column;gap:.75rem;padding-block:.5rem 2rem}.tabbed-input[data-astro-cid-cfftgubm]{display:flex;flex-direction:column}.mode-select[data-astro-cid-cfftgubm]{display:flex;border:none;padding:0;margin:0;input[type=radio]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}label{padding:.2rem .75rem;cursor:pointer;user-select:none;border-top:1px solid var(--pixel-on);border-inline:1px solid var(--pixel-on);&:not(:first-child){margin-inline-start:-1px}&:has(input:checked){background-color:#fff}}}.mode[data-astro-cid-cfftgubm]{display:flex;flex-direction:column;width:100%;gap:.75rem}.mode-write[data-astro-cid-cfftgubm]{display:none}form[data-astro-cid-cfftgubm]:has(input[value=write]:checked) .mode-write[data-astro-cid-cfftgubm]{display:flex}form[data-astro-cid-cfftgubm]:has(input[value=write]:checked) .mode-speak[data-astro-cid-cfftgubm]{display:none}.input-group[data-astro-cid-cfftgubm]{display:flex;flex-direction:column;width:100%;label{font-weight:600;padding-block-end:.25rem}}textarea[data-astro-cid-cfftgubm]{resize:vertical;width:100%;min-block-size:10lh;field-sizing:content;padding:4px 8px}.input-suffix-wrap[data-astro-cid-cfftgubm]{display:flex;align-items:baseline}.input-suffix-wrap[data-astro-cid-cfftgubm] input[data-astro-cid-cfftgubm]{min-width:60px;field-sizing:content;font-family:ui-monospace,monospace}.suffix[data-astro-cid-cfftgubm]{font-family:ui-monospace,monospace;padding-inline-start:.15em;white-space:nowrap}.suffix-wav[data-astro-cid-cfftgubm],.suffix-txt[data-astro-cid-cfftgubm]{display:none}form[data-astro-cid-cfftgubm]:has(input[value=speak]:checked) .suffix-wav[data-astro-cid-cfftgubm]{display:inline}form[data-astro-cid-cfftgubm]:has(input[value=write]:checked) .suffix-txt[data-astro-cid-cfftgubm]{display:inline}button[data-astro-cid-cfftgubm][type=submit]{padding:.5rem}