.card[data-astro-cid-t4grbgcp].tool-ui{--pane-h:clamp(120px, calc(50svh - 210px), 240px);padding:16px}.b64-bar[data-astro-cid-t4grbgcp]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-block-end:10px;display:flex}.b64-modes[data-astro-cid-t4grbgcp]{flex-wrap:wrap;gap:8px;display:flex}.b64-modes[data-astro-cid-t4grbgcp] .option[data-astro-cid-t4grbgcp]{padding:4px 9px;font-size:13.5px}.b64-sample[data-astro-cid-t4grbgcp]{padding:3px 10px;font-size:12.5px}#tool-input[data-astro-cid-t4grbgcp],.results__body[data-astro-cid-t4grbgcp]{inline-size:100%;block-size:var(--pane-h);min-block-size:0;font-family:var(--font-mono);color:var(--c-text);background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);margin:0;padding:10px 12px;font-size:13.5px;line-height:20px;display:block}#tool-input[data-astro-cid-t4grbgcp]{resize:none;overflow-wrap:anywhere}.results__body[data-astro-cid-t4grbgcp]{white-space:pre-wrap;overflow-wrap:anywhere;overscroll-behavior:contain;outline:none;max-block-size:none;overflow:auto}.results__body[data-astro-cid-t4grbgcp]:focus-visible{border-color:var(--c-primary);box-shadow:0 0 0 3px #1a56db26}.b64-options[data-astro-cid-t4grbgcp]{flex-wrap:wrap;gap:8px;margin-block-start:10px;display:flex}.b64-options[data-astro-cid-t4grbgcp][hidden]{display:none}#results[data-astro-cid-t4grbgcp]{margin-block-start:12px}.results__head[data-astro-cid-t4grbgcp]{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.results__head[data-astro-cid-t4grbgcp] .field-label[data-astro-cid-t4grbgcp],.results-empty[data-astro-cid-t4grbgcp] .field-label[data-astro-cid-t4grbgcp]{margin:0 0 6px;line-height:24px}.results__tools[data-astro-cid-t4grbgcp]{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:inline-flex}.results__tools[data-astro-cid-t4grbgcp] .btn[data-astro-cid-t4grbgcp]{padding:4px 10px;font-size:13px}.results-empty[data-astro-cid-t4grbgcp]{display:none}.results-empty__pane[data-astro-cid-t4grbgcp]{block-size:var(--pane-h);border:1px dashed var(--c-border);border-radius:var(--radius);background:var(--c-bg-alt)}@media (width>=1024px){.tool-flow[data-astro-cid-t4grbgcp]>.b64-bar[data-astro-cid-t4grbgcp]{grid-area:1/1/auto/-1}.card[data-astro-cid-t4grbgcp].tool-ui.tool-flow>.tool-flow__input[data-astro-cid-t4grbgcp]{grid-row:2}.card[data-astro-cid-t4grbgcp].tool-ui.tool-flow>#results[data-astro-cid-t4grbgcp]{grid-row:2;margin-block-start:0}.results-empty[data-astro-cid-t4grbgcp]{grid-area:2/2;min-inline-size:0;display:block}.tool-flow[data-astro-cid-t4grbgcp]:has(>#results:not([hidden]))>.results-empty[data-astro-cid-t4grbgcp]{display:none}.tool-flow[data-astro-cid-t4grbgcp]:has(>#results[hidden]):after{content:none}.results__head[data-astro-cid-t4grbgcp] .btn[data-astro-cid-t4grbgcp]{block-size:24px;padding:0 10px;font-size:13px;line-height:1}}@media (width<=600px){.card[data-astro-cid-t4grbgcp].tool-ui{--pane-h:clamp(84px, calc(50svh - 250px), 180px);padding:10px}.b64-bar[data-astro-cid-t4grbgcp]{gap:6px;margin-block-end:8px}.b64-sample[data-astro-cid-t4grbgcp]{min-block-size:26px;padding:2px 8px;font-size:12px}.b64-modes[data-astro-cid-t4grbgcp]{gap:5px}.b64-modes[data-astro-cid-t4grbgcp] .option[data-astro-cid-t4grbgcp]{gap:6px;padding:2px 6px;font-size:12px}.b64-modes[data-astro-cid-t4grbgcp] .option[data-astro-cid-t4grbgcp] input[data-astro-cid-t4grbgcp]{block-size:14px;inline-size:14px}.b64-options[data-astro-cid-t4grbgcp] .option[data-astro-cid-t4grbgcp]{gap:6px;padding:2px 6px;font-size:12px}.b64-options[data-astro-cid-t4grbgcp] .option[data-astro-cid-t4grbgcp] input[data-astro-cid-t4grbgcp]{block-size:14px;inline-size:14px}#tool-input[data-astro-cid-t4grbgcp],.results__body[data-astro-cid-t4grbgcp]{padding:8px 10px;font-size:12.5px;line-height:19px}#results[data-astro-cid-t4grbgcp]{margin-block-start:8px}.results__head[data-astro-cid-t4grbgcp]{align-items:center}.results__head[data-astro-cid-t4grbgcp] .field-label[data-astro-cid-t4grbgcp]{margin-block:0}.results__tools[data-astro-cid-t4grbgcp] .btn[data-astro-cid-t4grbgcp]{min-block-size:26px;padding:2px 8px;font-size:12px}}
