.fg[data-astro-cid-urbzrdhj]{gap:20px;display:grid}.drop[data-astro-cid-urbzrdhj]{text-align:center;border:2px dashed var(--line);background:var(--wash);cursor:pointer;border-radius:20px;place-items:center;gap:6px;padding:48px 24px;display:grid;position:relative}.drop[data-astro-cid-urbzrdhj]:hover,.drop[data-astro-cid-urbzrdhj].over{border-color:var(--sky)}.drop[data-astro-cid-urbzrdhj] input[data-astro-cid-urbzrdhj]{opacity:0;cursor:pointer;position:absolute;inset:0}.drop[data-astro-cid-urbzrdhj] strong[data-astro-cid-urbzrdhj]{font:700 22px/1.2 var(--display)}.drop[data-astro-cid-urbzrdhj] span[data-astro-cid-urbzrdhj]{color:var(--ink-soft)}.drop[data-astro-cid-urbzrdhj]:focus-within{outline:3px solid var(--pink);outline-offset:3px}.error[data-astro-cid-urbzrdhj]{color:#b4234f;margin:0}.result[data-astro-cid-urbzrdhj]{gap:24px;display:grid}.controls[data-astro-cid-urbzrdhj]{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.controls[data-astro-cid-urbzrdhj] label[data-astro-cid-urbzrdhj]{align-items:center;gap:8px;font-size:15px;display:flex}.controls[data-astro-cid-urbzrdhj] input[data-astro-cid-urbzrdhj][type=text],.controls[data-astro-cid-urbzrdhj] select[data-astro-cid-urbzrdhj]{font:inherit;border:1px solid var(--line);background:var(--white);border-radius:8px;padding:6px 10px;font-size:15px}.controls[data-astro-cid-urbzrdhj] input[data-astro-cid-urbzrdhj][type=color]{border:1px solid var(--line);background:var(--white);border-radius:8px;width:40px;height:32px;padding:2px}.tab[data-astro-cid-urbzrdhj]{background:#dee3e8;border-radius:12px 12px 0 0;padding:10px 12px 0}.tab-pill[data-astro-cid-urbzrdhj]{background:var(--white);border-radius:10px 10px 0 0;align-items:center;gap:8px;max-width:240px;padding:9px 14px;font-size:13px;display:inline-flex}.tab-pill[data-astro-cid-urbzrdhj] img[data-astro-cid-urbzrdhj]{width:16px;height:16px}.previews[data-astro-cid-urbzrdhj]{flex-wrap:wrap;align-items:flex-end;gap:24px;display:flex}.previews[data-astro-cid-urbzrdhj] figure{justify-items:center;gap:8px;margin:0;display:grid}.previews[data-astro-cid-urbzrdhj] canvas{background:repeating-conic-gradient(#e6eef2 0 25%, #fff 0 50%) 0 0 / 12px 12px;border-radius:4px}.previews[data-astro-cid-urbzrdhj] figcaption{font:500 12px/1 var(--mono);color:var(--ink-soft)}.actions[data-astro-cid-urbzrdhj] button[data-astro-cid-urbzrdhj].primary{font:600 16px/1 var(--body);background:var(--sky);color:var(--white);cursor:pointer;border:0;border-radius:999px;padding:15px 22px}.actions[data-astro-cid-urbzrdhj] button[data-astro-cid-urbzrdhj].primary:hover{background:#047fab}.actions[data-astro-cid-urbzrdhj] button[data-astro-cid-urbzrdhj]:disabled{opacity:.6;cursor:wait}.code[data-astro-cid-urbzrdhj]{background:var(--ink);color:#d9eef6;border-radius:16px;overflow:hidden}.code-head[data-astro-cid-urbzrdhj]{font:500 13px/1.4 var(--mono);color:#8fb4c4;border-bottom:1px solid #d9eef61f;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.code-head[data-astro-cid-urbzrdhj] button[data-astro-cid-urbzrdhj]{font:600 13px/1 var(--body);color:var(--white);cursor:pointer;background:#fcffff24;border:0;border-radius:8px;padding:7px 12px}.code[data-astro-cid-urbzrdhj] pre[data-astro-cid-urbzrdhj]{font:400 13px/1.7 var(--mono);margin:0;padding:16px;overflow-x:auto}