.code-block.svelte-8pkxgx{position:relative;background:var(--sx-color-surface-2);border:1px solid var(--sx-color-border);border-radius:12px;overflow:hidden;margin:var(--sx-space-6) 0}.code-header.svelte-8pkxgx{display:flex;align-items:center;justify-content:space-between;padding:var(--sx-space-2) var(--sx-space-4);background:#ffffff05;border-bottom:1px solid var(--sx-color-border)}.code-title.svelte-8pkxgx{font-family:var(--sx-font-mono);font-size:var(--sx-text-xs);font-weight:600;color:var(--sx-color-text-secondary)}.code-lang.svelte-8pkxgx{font-family:var(--sx-font-mono);font-size:var(--sx-text-xs);font-weight:500;color:var(--sx-color-text-secondary);opacity:.6;text-transform:lowercase}.code-copy.svelte-8pkxgx{display:inline-flex;align-items:center;gap:var(--sx-space-1);padding:var(--sx-space-1) var(--sx-space-2);background:#ffffff0a;border:1px solid var(--sx-color-border);border-radius:6px;color:var(--sx-color-text-secondary);font-family:var(--sx-font-mono);font-size:.65rem;cursor:pointer;transition:all var(--sx-duration-fast)}.code-copy.svelte-8pkxgx:hover{background:#ffffff14;color:var(--sx-color-text);border-color:var(--sx-color-primary)}.code-copy-floating.svelte-8pkxgx{position:absolute;top:var(--sx-space-2);right:var(--sx-space-2);opacity:0;z-index:1}.code-block.svelte-8pkxgx:hover .code-copy-floating:where(.svelte-8pkxgx){opacity:1}pre.svelte-8pkxgx{margin:0;padding:var(--sx-space-4) var(--sx-space-5);overflow-x:auto;-webkit-overflow-scrolling:touch}code.svelte-8pkxgx{font-family:var(--sx-font-mono);font-size:var(--sx-text-sm);line-height:1.7;color:var(--sx-color-text);tab-size:2}@media(max-width:640px){pre.svelte-8pkxgx{padding:var(--sx-space-3) var(--sx-space-4)}code.svelte-8pkxgx{font-size:var(--sx-text-xs)}}