.tool.svelte-z9bfqr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:48px;padding:40px;border:1.5px solid var(--ink)}.options.svelte-z9bfqr,.output.svelte-z9bfqr{display:flex;flex-direction:column;gap:22px;min-width:0}.eyebrow.svelte-z9bfqr{color:var(--graphite)}.tabs.svelte-z9bfqr,.chips.svelte-z9bfqr,.row.svelte-z9bfqr,.downloads.svelte-z9bfqr{display:flex;flex-wrap:wrap;gap:8px}.row.svelte-z9bfqr{gap:24px}.tab.svelte-z9bfqr,.chip.svelte-z9bfqr{padding:10px 14px;border:1.5px solid var(--hairline);background:var(--surface);color:var(--ink);font-family:var(--font-mono);font-size:14px;letter-spacing:.3px;cursor:pointer}.tab.svelte-z9bfqr:hover,.chip.svelte-z9bfqr:hover{border-color:var(--ink)}.tab.is-on.svelte-z9bfqr,.chip.is-on.svelte-z9bfqr{border-color:var(--ink);background:var(--ink);color:var(--on-night)}.field.svelte-z9bfqr{display:flex;flex-direction:column;gap:8px}.field.svelte-z9bfqr input:where(.svelte-z9bfqr):not(.file){padding:14px 16px;border:1.5px solid var(--ink);border-radius:0;color:var(--ink);font-family:var(--font-mono);font-size:28px}.field.svelte-z9bfqr input:where(.svelte-z9bfqr):focus{outline:2px solid var(--magenta);outline-offset:2px}.file.svelte-z9bfqr{font-family:var(--font-text);font-size:15px}.colour.svelte-z9bfqr,.check.svelte-z9bfqr{display:flex;align-items:center;gap:10px;cursor:pointer}.colour.svelte-z9bfqr input:where(.svelte-z9bfqr){width:44px;height:44px;padding:0;border:1.5px solid var(--ink);background:none;cursor:pointer}.colour.svelte-z9bfqr input:where(.svelte-z9bfqr):disabled{opacity:.3}.check.svelte-z9bfqr{font-family:var(--font-text);font-size:16px}.check.svelte-z9bfqr input:where(.svelte-z9bfqr){width:18px;height:18px;accent-color:var(--ink)}.previews.svelte-z9bfqr{display:flex;flex-wrap:wrap;align-items:flex-end;gap:24px;padding:24px;background:repeating-conic-gradient(#efece7,#efece7 25%,#fff 0%,#fff 50%) 0 0 / 16px 16px;border:1px solid var(--hairline)}.previews.svelte-z9bfqr figure:where(.svelte-z9bfqr){display:flex;flex-direction:column;align-items:center;gap:8px;margin:0}.previews.svelte-z9bfqr canvas:where(.svelte-z9bfqr){image-rendering:pixelated}.tab-mock.svelte-z9bfqr{display:flex;align-items:center;gap:10px;align-self:flex-start;max-width:100%;padding:10px 16px;border-radius:10px 10px 0 0;background:#dee1e6;font-family:Arial,sans-serif;font-size:13px;color:#202124}.tab-mock.svelte-z9bfqr canvas:where(.svelte-z9bfqr){flex:none;width:16px;height:16px}.tab-mock.svelte-z9bfqr span:where(.svelte-z9bfqr){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button.svelte-z9bfqr:disabled{opacity:.4;cursor:default}.snippet.svelte-z9bfqr{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.snippet.svelte-z9bfqr pre:where(.svelte-z9bfqr){align-self:stretch;margin:0;padding:16px;overflow-x:auto;background:var(--night);color:var(--on-night);font-family:var(--font-mono);font-size:13px;line-height:1.6}@media(max-width:1100px){.tool.svelte-z9bfqr{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.tool.svelte-z9bfqr{padding:20px 16px}.previews.svelte-z9bfqr{gap:16px;padding:16px}}