.interactive-code[data-astro-cid-w7skwkic]{margin-bottom:1.5rem}.code-inputs[data-astro-cid-w7skwkic]{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem;padding:.75rem 1rem;background:var(--color-surface);border-radius:8px;border:1px solid var(--color-border)}.input-group[data-astro-cid-w7skwkic]{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:180px}.input-group[data-astro-cid-w7skwkic] label[data-astro-cid-w7skwkic]{font-size:.8125rem;font-weight:600;color:var(--color-text-muted);letter-spacing:.02em}.input-group[data-astro-cid-w7skwkic] input[data-astro-cid-w7skwkic]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:.625rem .875rem;font-family:var(--font-mono);font-size:.875rem;color:var(--color-text);transition:border-color .15s,box-shadow .15s}.input-group[data-astro-cid-w7skwkic] input[data-astro-cid-w7skwkic]::placeholder{color:var(--color-text-muted);opacity:.6}.input-group[data-astro-cid-w7skwkic] input[data-astro-cid-w7skwkic]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3e62b01a}.code-toggle[data-astro-cid-w7skwkic]{position:relative;border:1px solid #3e4451;border-radius:8px;overflow:hidden}.toggle-tabs[data-astro-cid-w7skwkic]{display:flex;gap:.25rem;background:#21252b;padding:.5rem .75rem;overflow-x:auto}.toggle-tab[data-astro-cid-w7skwkic]{background:transparent;border:none;color:#abb2bf;font-size:.75rem;font-family:var(--font-mono);padding:.25rem .6rem;cursor:pointer;border-radius:4px;transition:all .15s;white-space:nowrap;letter-spacing:.02em}.toggle-tab[data-astro-cid-w7skwkic]:hover{color:#e5c07b;background:#ffffff0d}.toggle-tab[data-astro-cid-w7skwkic].active{background:#3e4451;color:#e5c07b}.toggle-panels[data-astro-cid-w7skwkic]{background:#282c34;position:relative}.toggle-panel[data-astro-cid-w7skwkic]{display:none;position:relative}.toggle-panel[data-astro-cid-w7skwkic].active{display:block}.toggle-panel[data-astro-cid-w7skwkic] pre[data-astro-cid-w7skwkic]{margin:0!important;border-radius:0!important;padding:1rem 3rem 1rem 1rem!important;font-size:.875rem!important;line-height:1.6!important;background:#282c34!important;border:none!important}.toggle-panel[data-astro-cid-w7skwkic] pre[data-astro-cid-w7skwkic] code[data-astro-cid-w7skwkic]{font-family:var(--font-mono);background:none!important;padding:0!important;font-size:.875rem!important;text-shadow:none!important}.toggle-panel[data-astro-cid-w7skwkic] pre[data-astro-cid-w7skwkic][class*=language-],.toggle-panel[data-astro-cid-w7skwkic] code[data-astro-cid-w7skwkic][class*=language-]{color:#abb2bf!important;background:#282c34!important;text-shadow:none!important}.toggle-panel[data-astro-cid-w7skwkic] .token[data-astro-cid-w7skwkic].comment,.toggle-panel[data-astro-cid-w7skwkic] .token[data-astro-cid-w7skwkic].prolog,.toggle-panel[data-astro-cid-w7skwkic] .token[data-astro-cid-w7skwkic].doctype,.toggle-panel[data-astro-cid-w7skwkic] .token[data-astro-cid-w7skwkic].cdata{color:#5c6370!important}.toggle-panel[data-astro-cid-w7skwkic] .token[data-astro-cid-w7skwkic].punctuation{color:#abb2bf!important}.toggle-panel[data-astro-cid-w7skwkic] .token[data-astro-cid-w7skwkic].property,.toggle-panel[data-astro-cid-w7skwkic] .token[data-astro-cid-w7skwkic].tag,.toggle-panel[data-astro-cid-w7skwkic] .token[data-astro-cid-w7skwkic].boolean,.toggle-panel[data-astro-cid-w7skwkic] .token[data-astro-cid-w7skwkic].number,.toggle-panel[data-astro-cid-w7skwkic] .token[data-astro-cid-w7skwkic].constant,.toggle-panel[data-astro-cid-w7skwkic] .token[data-astro-cid-w7skwkic].symbol,.toggle-panel[data-astro-cid-w7skwkic] .token[data-astro-cid-w7skwkic].deleted{color:#d19a66!important}.toggle-panel[data-astro-cid-w7skwkic] .token[data-astro-cid-w7skwkic].selector,.toggle-panel[data-astro-cid-w7skwkic] .token[data-astro-cid-w7skwkic].attr-name,.toggle-panel[data-astro-cid-w7skwkic] .token[data-astro-cid-w7skwkic].string,.toggle-panel[data-astro-cid-w7skwkic] .token[data-astro-cid-w7skwkic].char,.toggle-panel[data-astro-cid-w7skwkic] .token[data-astro-cid-w7skwkic].builtin,.toggle-panel[data-astro-cid-w7skwkic] .token[data-astro-cid-w7skwkic].inserted{color:#98c379!important}.toggle-panel[data-astro-cid-w7skwkic] .token[data-astro-cid-w7skwkic].operator,.toggle-panel[data-astro-cid-w7skwkic] .token[data-astro-cid-w7skwkic].entity,.toggle-panel[data-astro-cid-w7skwkic] .token[data-astro-cid-w7skwkic].url,.toggle-panel[data-astro-cid-w7skwkic] .language-css[data-astro-cid-w7skwkic] .token[data-astro-cid-w7skwkic].string,.toggle-panel[data-astro-cid-w7skwkic] .style[data-astro-cid-w7skwkic] .token[data-astro-cid-w7skwkic].string{color:#56b6c2!important}.toggle-panel[data-astro-cid-w7skwkic] .token[data-astro-cid-w7skwkic].atrule,.toggle-panel[data-astro-cid-w7skwkic] .token[data-astro-cid-w7skwkic].attr-value,.toggle-panel[data-astro-cid-w7skwkic] .token[data-astro-cid-w7skwkic].keyword{color:#c678dd!important}.toggle-panel[data-astro-cid-w7skwkic] .token[data-astro-cid-w7skwkic].function,.toggle-panel[data-astro-cid-w7skwkic] .token[data-astro-cid-w7skwkic].class-name{color:#61afef!important}.toggle-panel[data-astro-cid-w7skwkic] .token[data-astro-cid-w7skwkic].regex,.toggle-panel[data-astro-cid-w7skwkic] .token[data-astro-cid-w7skwkic].important,.toggle-panel[data-astro-cid-w7skwkic] .token[data-astro-cid-w7skwkic].variable{color:#c678dd!important}.copy-btn[data-astro-cid-w7skwkic]{position:absolute;top:.75rem;right:.75rem;background:#ffffff1a;border:none;border-radius:6px;padding:.5rem;cursor:pointer;color:#888;transition:all .15s;z-index:1}.copy-btn[data-astro-cid-w7skwkic]:hover{background:#fff3;color:#fff}.copy-btn[data-astro-cid-w7skwkic].copied{color:#4ade80}@media(max-width:640px){.code-inputs[data-astro-cid-w7skwkic]{flex-direction:column}.input-group[data-astro-cid-w7skwkic]{min-width:100%}.toggle-tabs[data-astro-cid-w7skwkic]{padding:.25rem .25rem 0}.toggle-tab[data-astro-cid-w7skwkic]{padding:.4rem .75rem;font-size:.8rem}}