.codetabs[data-astro-cid-hg66rjob]{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--color-border);background:var(--color-code-bg);box-shadow:var(--shadow-sm)}.ct-bar[data-astro-cid-hg66rjob]{display:flex;align-items:center;justify-content:space-between;padding:.3rem .45rem;background:var(--color-surface-2);border-bottom:1px solid var(--color-border)}.ct-tabs[data-astro-cid-hg66rjob]{display:flex;gap:.12rem;flex-wrap:wrap}.ct-tab[data-astro-cid-hg66rjob]{padding:.32rem .7rem;border:0;border-radius:var(--r-md);background:none;color:var(--color-text-secondary);font-size:var(--ft-sm);font-weight:var(--fw-medium);transition:all var(--t-fast) var(--ease)}.ct-tab[data-astro-cid-hg66rjob]:hover{color:var(--color-text)}.ct-tab[data-astro-cid-hg66rjob].active{color:var(--color-primary);background:var(--color-primary-soft)}.ct-copy[data-astro-cid-hg66rjob]{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .6rem;border:0;border-radius:var(--r-md);background:none;color:var(--color-text-tertiary);font-size:var(--ft-xs);transition:color var(--t-fast) var(--ease)}.ct-copy[data-astro-cid-hg66rjob]:hover{color:var(--color-text)}.ct-panel[data-astro-cid-hg66rjob]{display:none}.ct-panel[data-astro-cid-hg66rjob].active{display:block}.codetabs[data-astro-cid-hg66rjob] pre{margin:0;padding:var(--space-5);overflow-x:auto;font-family:var(--font-mono);font-size:.84rem;line-height:1.7}.pg[data-astro-cid-rnvx6ch7]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:start}.pg-left[data-astro-cid-rnvx6ch7]{display:flex;flex-direction:column;gap:var(--space-4)}.pg-controls[data-astro-cid-rnvx6ch7]{display:flex;gap:var(--space-5);flex-wrap:wrap}.pg-field[data-astro-cid-rnvx6ch7]{display:flex;flex-direction:column;gap:.4rem}.pg-field[data-astro-cid-rnvx6ch7]>span[data-astro-cid-rnvx6ch7]{font-size:var(--ft-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary)}.pg-av[data-astro-cid-rnvx6ch7]{width:22px;height:22px;border-radius:50%;object-fit:cover;flex:none}.pg-combo[data-astro-cid-rnvx6ch7]{position:relative}.pg-combo-btn[data-astro-cid-rnvx6ch7]{display:inline-flex;align-items:center;gap:.5rem;min-width:220px;padding:.4rem .6rem;border-radius:var(--r-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--ft-sm);cursor:pointer}.pg-combo-btn[data-astro-cid-rnvx6ch7]:hover{border-color:var(--color-border-strong)}.pg-combo-name[data-astro-cid-rnvx6ch7]{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-chev[data-astro-cid-rnvx6ch7]{color:var(--color-text-tertiary)}.pg-combo-list[data-astro-cid-rnvx6ch7]{position:absolute;top:calc(100% + 6px);left:0;z-index:20;width:280px;max-height:320px;overflow-y:auto;padding:.35rem;background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg)}.pg-grp[data-astro-cid-rnvx6ch7]{font-size:var(--ft-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);padding:.5rem .6rem .25rem}.pg-opt[data-astro-cid-rnvx6ch7]{display:flex;align-items:center;gap:.6rem;width:100%;padding:.45rem .6rem;border:0;border-radius:var(--r-md);background:none;color:var(--color-text);font:inherit;font-size:var(--ft-sm);text-align:left;cursor:pointer}.pg-opt[data-astro-cid-rnvx6ch7]:hover{background:var(--color-surface-2)}.pg-opt[data-astro-cid-rnvx6ch7].sel{background:var(--color-primary-soft);color:var(--color-primary)}.pg-opt[data-astro-cid-rnvx6ch7] .pg-av[data-astro-cid-rnvx6ch7]{width:28px;height:28px}.pg-seg[data-astro-cid-rnvx6ch7]{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--r-md);overflow:hidden}.pg-seg[data-astro-cid-rnvx6ch7] button[data-astro-cid-rnvx6ch7]{padding:.5rem .9rem;border:0;background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--ft-sm);font-weight:var(--fw-medium)}.pg-seg[data-astro-cid-rnvx6ch7] button[data-astro-cid-rnvx6ch7].active{background:var(--color-primary);color:var(--color-on-primary)}.pg-code[data-astro-cid-rnvx6ch7]{flex:1;border:1px solid var(--color-border);border-radius:var(--r-lg);overflow:hidden;background:var(--color-code-bg);display:flex;flex-direction:column}.pg-code-bar[data-astro-cid-rnvx6ch7]{display:flex;align-items:center;gap:.6rem;padding:.4rem .6rem;background:var(--color-surface-2);border-bottom:1px solid var(--color-border)}.pg-dots[data-astro-cid-rnvx6ch7]{display:inline-flex;gap:4px}.pg-dots[data-astro-cid-rnvx6ch7] i[data-astro-cid-rnvx6ch7]{width:9px;height:9px;border-radius:50%;background:var(--color-border-strong)}.pg-file[data-astro-cid-rnvx6ch7]{font-size:var(--ft-xs);color:var(--color-text-tertiary);font-family:var(--font-mono)}.pg-copy[data-astro-cid-rnvx6ch7]{margin-left:auto;border:0;background:none;color:var(--color-text-tertiary);font-size:var(--ft-xs);cursor:pointer}.pg-copy[data-astro-cid-rnvx6ch7]:hover{color:var(--color-text)}.pg-code[data-astro-cid-rnvx6ch7] pre[data-astro-cid-rnvx6ch7]{margin:0;padding:var(--space-4);overflow-x:auto;flex:1}.pg-code[data-astro-cid-rnvx6ch7] code[data-astro-cid-rnvx6ch7]{font-family:var(--font-mono);font-size:.8rem;line-height:1.6;color:var(--color-text);white-space:pre}.pg-run[data-astro-cid-rnvx6ch7]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.2rem;border:0;border-radius:var(--r-full);background:var(--color-primary);color:var(--color-on-primary);font-weight:var(--fw-medium);font-size:var(--ft-md);transition:all var(--t-fast) var(--ease)}.pg-run[data-astro-cid-rnvx6ch7]:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.pg-run[data-astro-cid-rnvx6ch7] .dot[data-astro-cid-rnvx6ch7]{width:8px;height:8px;border-radius:50%;background:#fff}.pg-right[data-astro-cid-rnvx6ch7]{display:flex}.pg-preview[data-astro-cid-rnvx6ch7]{position:relative;width:100%;height:clamp(420px,56vh,520px);border-radius:var(--r-2xl);overflow:hidden;border:1px solid var(--color-border);background:var(--color-surface-3)}.pg-preview[data-astro-cid-rnvx6ch7] img[data-astro-cid-rnvx6ch7]{width:100%;height:100%;object-fit:cover}.pg-preview[data-astro-cid-rnvx6ch7] .pg-frame{position:absolute;inset:0;width:100%;height:100%;border:0}.pg-hint[data-astro-cid-rnvx6ch7]{position:absolute;inset-inline:0;bottom:0;padding:var(--space-5);background:linear-gradient(180deg,transparent,rgba(0,0,0,.7));color:#fff;font-size:var(--ft-sm);display:flex;align-items:center;gap:.5rem}.pg-hint[data-astro-cid-rnvx6ch7] span[data-astro-cid-rnvx6ch7]{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ffffffe6;color:#111;font-size:.7rem}.pg-close[data-astro-cid-rnvx6ch7]{position:absolute;top:var(--space-3);right:var(--space-3);display:none;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#0009;color:#fff;z-index:2;line-height:0}.pg-close[data-astro-cid-rnvx6ch7]:hover{background:#000000d9}.pg-preview[data-astro-cid-rnvx6ch7].live .pg-hint[data-astro-cid-rnvx6ch7]{display:none}.pg-preview[data-astro-cid-rnvx6ch7].live .pg-close[data-astro-cid-rnvx6ch7]{display:inline-flex}.pg[data-astro-cid-rnvx6ch7].compact{grid-template-columns:1fr;gap:0}.pg[data-astro-cid-rnvx6ch7].compact .pg-preview[data-astro-cid-rnvx6ch7]{height:clamp(360px,46vw,460px);aspect-ratio:16/10}.pg-run-compact[data-astro-cid-rnvx6ch7]{position:absolute;bottom:var(--space-4);right:var(--space-4);z-index:3;padding:.6rem 1rem;font-size:var(--ft-sm);box-shadow:var(--shadow-md)}.pg-preview[data-astro-cid-rnvx6ch7].live .pg-run-compact[data-astro-cid-rnvx6ch7]{display:none}@media(max-width:860px){.pg[data-astro-cid-rnvx6ch7]{grid-template-columns:1fr}.pg-controls[data-astro-cid-rnvx6ch7]{gap:var(--space-4)}.pg-combo-btn[data-astro-cid-rnvx6ch7],.pg-combo-list[data-astro-cid-rnvx6ch7]{min-width:0;width:100%}.pg-code[data-astro-cid-rnvx6ch7]{min-height:150px}.pg-preview[data-astro-cid-rnvx6ch7]{height:clamp(380px,82vw,460px);max-width:360px;margin-inline:auto}}