.code-surface.svelte-3qx5rh{--code-ide-bg: #0f1319;--code-ide-surface: #151a22;--code-ide-titlebar: #1a2029;--code-ide-border: rgba(148, 163, 184, .16);--code-ide-text: #e6edf7;--code-ide-text-muted: #728198;--code-ide-accent: #64b5ff;--code-ide-keyword: #c792ea;--code-ide-string: #c3e88d;--code-ide-comment: #68768d;--code-ide-number: #f7a072;--code-ide-function: #82aaff;--code-ide-builtin: #ffd166;--code-ide-decorator: #ff6b81;--code-ide-variable: #89ddff;border-radius:var(--radius-xl);border:1px solid var(--code-ide-border);background:var(--code-ide-bg);box-shadow:var(--shadow-md);overflow:hidden}.code-surface-titlebar.svelte-3qx5rh{display:flex;align-items:center;gap:.75rem;padding:.65rem .9rem;background:linear-gradient(180deg,color-mix(in srgb,var(--code-ide-titlebar) 80%,white 20%),var(--code-ide-titlebar));border-bottom:1px solid var(--code-ide-border)}.code-surface-dots.svelte-3qx5rh{display:inline-flex;align-items:center;gap:.4rem}.code-surface-dot.svelte-3qx5rh{width:.65rem;height:.65rem;border-radius:9999px;opacity:.8}.code-surface-dot--red.svelte-3qx5rh{background:#ff5f57}.code-surface-dot--yellow.svelte-3qx5rh{background:#febc2e}.code-surface-dot--green.svelte-3qx5rh{background:#28c840}.code-surface-filename.svelte-3qx5rh{font-family:JetBrains Mono,SF Mono,Fira Code,Consolas,monospace;font-size:.75rem;color:var(--code-ide-text-muted)}.code-surface-language.svelte-3qx5rh{margin-left:auto;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--code-ide-accent)}.code-surface-copy.svelte-3qx5rh{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;border-radius:var(--radius-md);font-size:.7rem;font-weight:500;color:var(--code-ide-text-muted);background:#ffffff08;border:1px solid var(--code-ide-border);transition:background-color .15s,color .15s,border-color .15s}.code-surface-copy.svelte-3qx5rh:hover{background:#ffffff0f;color:var(--code-ide-text);border-color:color-mix(in srgb,var(--code-ide-accent) 30%,var(--code-ide-border))}.code-surface-copy.svelte-3qx5rh:focus-visible{outline:2px solid var(--code-ide-accent);outline-offset:2px}.code-surface-pre.svelte-3qx5rh{margin:0;padding:1.1rem 1.25rem;background:var(--code-ide-surface);color:var(--code-ide-text);overflow-x:auto}.code-surface-code.svelte-3qx5rh{font-family:JetBrains Mono,SF Mono,Fira Code,Consolas,monospace;font-size:.85rem;line-height:1.7;font-variant-ligatures:none;tab-size:4;white-space:pre;color:var(--code-ide-text);display:block}.code-surface-code.svelte-3qx5rh .hl-keyword{color:var(--code-ide-keyword)}.code-surface-code.svelte-3qx5rh .hl-string{color:var(--code-ide-string)}.code-surface-code.svelte-3qx5rh .hl-comment{color:var(--code-ide-comment);font-style:italic}.code-surface-code.svelte-3qx5rh .hl-number{color:var(--code-ide-number)}.code-surface-code.svelte-3qx5rh .hl-function{color:var(--code-ide-function)}.code-surface-code.svelte-3qx5rh .hl-builtin{color:var(--code-ide-builtin)}.code-surface-code.svelte-3qx5rh .hl-decorator{color:var(--code-ide-decorator)}.code-surface-code.svelte-3qx5rh .hl-variable{color:var(--code-ide-variable)}