.code-block.svelte-1qmzy9j{position:relative;border-radius:.5rem;overflow:hidden}.code-block.svelte-1qmzy9j pre{margin:0;padding:1rem;overflow-x:auto;font-family:Victor Mono,ui-monospace,monospace;font-size:.875rem;line-height:1.6;tab-size:2}.code-block.svelte-1qmzy9j code{font-family:inherit}.code-block.show-line-numbers.svelte-1qmzy9j pre{padding-left:3.5rem}.code-block.show-line-numbers.svelte-1qmzy9j .line:before{content:counter(line);counter-increment:line;display:inline-block;width:2rem;margin-left:-3rem;margin-right:1rem;text-align:right;color:var(--code-line-number-color, hsl(220 10% 40%));-webkit-user-select:none;user-select:none}.code-block.show-line-numbers.svelte-1qmzy9j pre{counter-reset:line}.copy-button.svelte-1qmzy9j{position:absolute;top:.5rem;right:.5rem;padding:.375rem;background:var(--code-copy-bg, hsla(220, 15%, 25%, .8));border:1px solid var(--code-copy-border, hsl(220 15% 35%));border-radius:.375rem;color:var(--code-copy-color, hsl(220 10% 70%));cursor:pointer;opacity:0;transition:opacity .15s ease,background-color .15s ease;z-index:10}.code-block.svelte-1qmzy9j:hover .copy-button:where(.svelte-1qmzy9j),.copy-button.svelte-1qmzy9j:focus{opacity:1}.copy-button.svelte-1qmzy9j:hover{background:var(--code-copy-bg-hover, hsla(220, 15%, 30%, .9));color:var(--code-copy-color-hover, hsl(220 10% 90%))}.copy-icon.svelte-1qmzy9j{display:block;width:1rem;height:1rem}.code-loading.svelte-1qmzy9j{background:var(--code-bg, hsl(220 15% 13%))}.code-loading.svelte-1qmzy9j pre:where(.svelte-1qmzy9j){color:var(--code-color, hsl(220 10% 60%))}.code-error.svelte-1qmzy9j{background:var(--code-bg, hsl(220 15% 13%))}.code-error.svelte-1qmzy9j pre:where(.svelte-1qmzy9j){color:var(--code-color, hsl(220 10% 70%))}.error-message.svelte-1qmzy9j{padding:.5rem 1rem;margin:0;font-size:.75rem;color:var(--code-error-color, hsl(0 70% 60%));background:var(--code-error-bg, hsla(0, 70%, 30%, .2));border-top:1px solid var(--code-error-border, hsl(0 70% 40%))}.code-group.svelte-9ddb5c{display:grid;grid-template-columns:240px 1fr;grid-template-rows:auto 1fr;grid-template-areas:"rail code" "rail preview";gap:0;min-height:280px;border:1px solid var(--paper-edge);border-radius:8px;background:var(--paper);overflow:hidden;position:relative}.code-group[data-preview-open].svelte-9ddb5c{grid-template-rows:1fr 1fr}.empty.svelte-9ddb5c{grid-column:1 / -1;padding:32px;text-align:center;color:var(--ink-soft);font:400 13px var(--font-ui)}.picker.svelte-9ddb5c{display:none;align-items:center;gap:8px;width:100%;padding:10px 14px;border:0;border-bottom:1px solid var(--paper-edge);background:var(--paper-soft);color:var(--ink);font:500 13px var(--font-ui);cursor:pointer;text-align:left}.picker-icon.svelte-9ddb5c{width:16px;height:16px;flex-shrink:0;color:var(--ink-mute)}.picker-name.svelte-9ddb5c{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-chevron.svelte-9ddb5c{width:16px;height:16px;color:var(--ink-soft);flex-shrink:0;transition:transform .16s ease}.picker[aria-expanded=true].svelte-9ddb5c .picker-chevron:where(.svelte-9ddb5c){transform:rotate(180deg)}.rail.svelte-9ddb5c{grid-area:rail;border-right:1px solid var(--paper-edge);background:var(--paper-soft);padding:12px 8px;min-width:0;overflow-y:auto}.rail-header.svelte-9ddb5c{padding:4px 8px 10px;font:500 10px var(--font-mono);color:var(--ink-soft);letter-spacing:.16em;text-transform:uppercase}.code-pane.svelte-9ddb5c{grid-area:code;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.code-pane.svelte-9ddb5c [data-code-block]{flex:1;min-height:0;display:flex;flex-direction:column}.preview-pane.svelte-9ddb5c{grid-area:preview;display:flex;flex-direction:column;border-top:1px solid var(--paper-edge);background:var(--paper-soft);min-height:0}.preview-head.svelte-9ddb5c{padding:6px 14px;font:500 10px var(--font-mono);color:var(--ink-soft);letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid var(--paper-edge)}.preview-body.svelte-9ddb5c{flex:1;padding:16px;overflow:auto;min-height:0}.backdrop.svelte-9ddb5c{display:none}@media(max-width:767px){.code-group.svelte-9ddb5c{grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:"picker" "code"}.code-group[data-preview-open].svelte-9ddb5c{grid-template-rows:auto 1fr 1fr;grid-template-areas:"picker" "code" "preview"}.picker.svelte-9ddb5c{display:inline-flex;grid-area:picker}.rail.svelte-9ddb5c{position:absolute;top:41px;left:0;bottom:0;width:min(280px,100%);z-index:10;border-right:1px solid var(--paper-edge);box-shadow:0 8px 28px -8px color-mix(in oklab,var(--ink) 18%,transparent);transform:translate(-100%);transition:transform .2s ease}.rail[data-open].svelte-9ddb5c{transform:translate(0)}.backdrop.svelte-9ddb5c{display:block;position:absolute;inset:41px 0 0;background:color-mix(in oklab,var(--ink) 28%,transparent);border:0;cursor:pointer;z-index:9}}