.thead[data-astro-cid-24h7g7ib]{padding-bottom:22px}.ex-in[data-astro-cid-24h7g7ib]{max-width:640px}.ex-url[data-astro-cid-24h7g7ib]{display:flex;gap:10px}.ex-url[data-astro-cid-24h7g7ib] input[data-astro-cid-24h7g7ib]{flex:1;min-width:0;font-size:16px;font-family:var(--font-mono);padding:13px 15px;border:1.5px solid var(--ink-200);border-radius:12px;background:#fff;color:var(--ink-900)}.ex-url[data-astro-cid-24h7g7ib] input[data-astro-cid-24h7g7ib]:focus{outline:none;border-color:var(--ink)}.ex-url[data-astro-cid-24h7g7ib] button[data-astro-cid-24h7g7ib]{flex:0 0 auto;background:var(--ink);color:#fff;border:0;border-radius:12px;padding:0 22px;font:inherit;font-weight:700;font-size:15px;cursor:pointer}.ex-url[data-astro-cid-24h7g7ib] button[data-astro-cid-24h7g7ib]:disabled{opacity:.55;cursor:default}.ex-note[data-astro-cid-24h7g7ib]{font-family:var(--font-mono);font-size:12px;color:var(--ink-500);margin:10px 0 0}.ex-or[data-astro-cid-24h7g7ib]{display:flex;align-items:center;gap:14px;margin:20px 0;color:var(--ink-400);font-size:13px}.ex-or[data-astro-cid-24h7g7ib]:before,.ex-or[data-astro-cid-24h7g7ib]:after{content:"";height:1px;background:var(--ink-100);flex:1}.ex-drop[data-astro-cid-24h7g7ib]{border:1.5px dashed var(--ink-200);border-radius:14px;padding:26px 20px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.ex-drop[data-astro-cid-24h7g7ib]:hover,.ex-drop[data-astro-cid-24h7g7ib]:focus,.ex-drop[data-astro-cid-24h7g7ib].over{border-color:var(--ink);background:var(--ink-50);outline:none}.ex-drop[data-astro-cid-24h7g7ib] p[data-astro-cid-24h7g7ib]{margin:0 0 5px;font-size:15px}.ex-hint[data-astro-cid-24h7g7ib]{color:var(--ink-400);font-size:12.5px}.ex-status[data-astro-cid-24h7g7ib]{margin-top:14px;font-size:14px;padding:11px 14px;border-radius:10px;background:var(--ink-50)}.ex-status[data-astro-cid-24h7g7ib].err{background:#fff0f0;color:#b42318}.ex-status[data-astro-cid-24h7g7ib].ok{background:#eefcf3;color:#0a7a3f}.ex-status[data-astro-cid-24h7g7ib].load{background:#eef2ff;color:#3538cd}.ex-out[data-astro-cid-24h7g7ib]{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;margin-top:34px;align-items:start;max-width:640px}.ex-out[data-astro-cid-24h7g7ib][hidden]{display:none}@media(max-width:760px){.ex-out[data-astro-cid-24h7g7ib]{grid-template-columns:1fr}}.ex-preview[data-astro-cid-24h7g7ib]{border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--ink-50);min-height:120px;display:flex;flex-direction:column;gap:8px}.ex-preview[data-astro-cid-24h7g7ib] canvas[data-astro-cid-24h7g7ib]{width:100%;height:auto;border-radius:9px;border:1px solid var(--line)}.ex-src[data-astro-cid-24h7g7ib]{font-family:var(--font-mono);font-size:12px;color:var(--ink-400)}.ex-roles[data-astro-cid-24h7g7ib]{display:flex;flex-direction:column;gap:6px}.ex-role[data-astro-cid-24h7g7ib]{display:flex;align-items:center;gap:11px;width:100%;padding:8px 11px;border:1px solid var(--line);border-radius:11px;background:#fff;cursor:pointer;font:inherit;text-align:left}.ex-role[data-astro-cid-24h7g7ib]:hover{border-color:var(--ink-300)}.ex-sw[data-astro-cid-24h7g7ib]{width:26px;height:26px;border-radius:7px;border:1px solid rgba(10,10,15,.14);flex:0 0 auto}.ex-k[data-astro-cid-24h7g7ib]{font-size:13px;font-weight:700;color:var(--ink-800)}.ex-h[data-astro-cid-24h7g7ib]{margin-left:auto;font-family:var(--font-mono);font-size:12px;color:var(--ink-400)}.ex-actions[data-astro-cid-24h7g7ib]{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap;justify-content:center}.ex-btn[data-astro-cid-24h7g7ib]{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:11px;border:1.5px solid var(--ink-200);background:#fff;color:var(--ink-900);font:inherit;font-weight:700;font-size:14px;cursor:pointer;text-decoration:none}.ex-btn[data-astro-cid-24h7g7ib]:hover{border-color:var(--ink)}.ex-btn[data-astro-cid-24h7g7ib].primary{background:var(--ink);color:#fff;border-color:var(--ink)}.ex-code[data-astro-cid-24h7g7ib]{margin-top:14px;background:var(--ink);color:#e8ffe8;border-radius:12px;padding:16px;overflow-x:auto;font-size:12px;line-height:1.6}.ex-code[data-astro-cid-24h7g7ib] code[data-astro-cid-24h7g7ib]{font-family:var(--font-mono)}.ex-why[data-astro-cid-24h7g7ib]{margin-top:60px}.ex-why[data-astro-cid-24h7g7ib] h2[data-astro-cid-24h7g7ib]{font-size:22px}.ex-why-grid[data-astro-cid-24h7g7ib]{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;margin-top:20px}.ex-why-grid[data-astro-cid-24h7g7ib] h3[data-astro-cid-24h7g7ib]{font-size:15px;margin:0 0 7px}.ex-why-grid[data-astro-cid-24h7g7ib] p[data-astro-cid-24h7g7ib]{color:var(--ink-500);font-size:14px;line-height:1.6;margin:0}