.ai[data-astro-cid-ky7pnfib]{gap:20px;display:grid}.ai[data-astro-cid-ky7pnfib] [data-astro-cid-ky7pnfib][hidden]{display:none!important}.drop[data-astro-cid-ky7pnfib]{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-ky7pnfib]:hover,.drop[data-astro-cid-ky7pnfib].over{border-color:var(--sky)}.drop[data-astro-cid-ky7pnfib] input[data-astro-cid-ky7pnfib]{opacity:0;cursor:pointer;position:absolute;inset:0}.drop[data-astro-cid-ky7pnfib] strong[data-astro-cid-ky7pnfib]{font:700 22px/1.2 var(--display)}.drop[data-astro-cid-ky7pnfib] span[data-astro-cid-ky7pnfib]{color:var(--ink-soft)}.drop[data-astro-cid-ky7pnfib]:focus-within{outline:3px solid var(--pink);outline-offset:3px}.error[data-astro-cid-ky7pnfib]{color:#b4234f;margin:0}.warn[data-astro-cid-ky7pnfib]{color:#6b4a00;background:#fff4db;border-radius:12px;margin:0;padding:12px 16px;font-size:15px}.result[data-astro-cid-ky7pnfib]{gap:24px;display:grid}.controls[data-astro-cid-ky7pnfib]{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.controls[data-astro-cid-ky7pnfib] label[data-astro-cid-ky7pnfib]{align-items:center;gap:8px;font-size:15px;display:flex}.controls[data-astro-cid-ky7pnfib] input[data-astro-cid-ky7pnfib][type=color]{border:1px solid var(--line);background:var(--white);border-radius:8px;width:40px;height:32px;padding:2px}.previews[data-astro-cid-ky7pnfib]{background:linear-gradient(135deg,#2b5876,#4e4376);border-radius:20px;flex-wrap:wrap;gap:24px;padding:24px;display:flex}.previews[data-astro-cid-ky7pnfib] figure{justify-items:center;gap:8px;margin:0;display:grid}.previews[data-astro-cid-ky7pnfib] canvas{filter:drop-shadow(0 4px 10px #00000040)}.previews[data-astro-cid-ky7pnfib] figcaption{font:500 12px/1 var(--mono);color:#fff}.actions[data-astro-cid-ky7pnfib]{flex-wrap:wrap;gap:12px;display:flex}.actions[data-astro-cid-ky7pnfib] button[data-astro-cid-ky7pnfib]{font:600 16px/1 var(--body);cursor:pointer;border-radius:999px;padding:15px 22px}.actions[data-astro-cid-ky7pnfib] button[data-astro-cid-ky7pnfib].primary{background:var(--sky);color:var(--white);border:0}.actions[data-astro-cid-ky7pnfib] button[data-astro-cid-ky7pnfib].primary:hover{background:#047fab}.actions[data-astro-cid-ky7pnfib] button[data-astro-cid-ky7pnfib].secondary{border:1px solid var(--line);background:var(--white);color:var(--ink)}.actions[data-astro-cid-ky7pnfib] button[data-astro-cid-ky7pnfib].secondary:hover{border-color:var(--sky)}.actions[data-astro-cid-ky7pnfib] button[data-astro-cid-ky7pnfib]:disabled{opacity:.6;cursor:wait}.code[data-astro-cid-ky7pnfib]{background:var(--ink);color:#d9eef6;border-radius:16px;overflow:hidden}.code-head[data-astro-cid-ky7pnfib]{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-ky7pnfib] button[data-astro-cid-ky7pnfib]{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-ky7pnfib] pre[data-astro-cid-ky7pnfib]{font:400 13px/1.7 var(--mono);margin:0;padding:16px;overflow-x:auto}