.doc-code{background:color-mix(in oklab,var(--color-bg) 60%,var(--color-surface));border:1px solid color-mix(in oklab,var(--color-border) 80%,transparent);border-radius:12px;box-shadow:0 16px 36px -20px #0000006b;font-family:ui-monospace,JetBrains Mono,SFMono-Regular,Menlo,monospace;isolation:isolate;margin:1rem 0 1.5rem;overflow:hidden;padding:.5rem;position:relative}.doc-code--flush{margin:0}@property --doc-code-glow-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.doc-code--glow:before{animation:doc-code-glow 6s linear infinite;background:conic-gradient(from var(--doc-code-glow-angle),#60a5fa 0,#22d3ee 25%,#a78bfa 50%,#f472b6 75%,#60a5fa 100%);border-radius:16px;content:"";filter:blur(18px);inset:-2px;opacity:.55;pointer-events:none;position:absolute;z-index:-1}@keyframes doc-code-glow{to{--doc-code-glow-angle:360deg}}.doc-code__bar{align-items:center;background:color-mix(in oklab,var(--color-code-bg) 90%,var(--color-bg));border-bottom:1px solid color-mix(in oklab,var(--color-border) 40%,transparent);border-radius:8px 8px 0 0;display:flex;gap:.5rem;padding:.5rem .75rem}.doc-code__bar,.doc-code__filename{color:var(--color-text-muted);font-size:11.5px}.doc-code__filename{font-family:ui-monospace,JetBrains Mono,SFMono-Regular,Menlo,monospace;line-height:1.4;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-code__filename--lang{color:var(--color-text-dim);letter-spacing:.02em;text-transform:lowercase}.doc-code__bar-spacer{flex:1}.doc-code__lang{border:1px solid color-mix(in oklab,var(--color-border) 60%,transparent);border-radius:4px;color:var(--color-text-muted);font-family:ui-monospace,JetBrains Mono,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;padding:2px 7px}.doc-code__copy,.doc-code__lang{background:color-mix(in oklab,var(--color-surface) 50%,transparent);font-size:10.5px}.doc-code__copy{align-items:center;border:1px solid color-mix(in oklab,var(--color-border) 60%,transparent);border-radius:5px;color:var(--color-text-dim);cursor:pointer;display:inline-flex;font-weight:500;gap:4px;padding:3px 8px 3px 6px;transition:color .15s ease,background .15s ease,border-color .15s ease}.doc-code__copy:hover{background:color-mix(in oklab,var(--color-surface) 80%,transparent);border-color:color-mix(in oklab,var(--color-border) 80%,transparent);color:var(--color-text)}.doc-code__copy[data-copied]{border-color:color-mix(in oklab,var(--color-success) 50%,var(--color-border));color:var(--color-success)}.doc-code__body{background:var(--color-code-bg);border-radius:0 0 8px 8px;counter-reset:doc-code-line;font-size:12.5px;line-height:1;max-height:480px;overflow:auto;position:relative}.doc-code__body,.doc-code__body .line,.doc-code__body code,.doc-code__body pre{line-height:1.3}.doc-code:not(.doc-code--has-bar) .doc-code__body{border-radius:8px}.doc-code__body .shiki,.doc-code__body .shiki-fallback,.doc-code__body pre{background:transparent!important;background-color:transparent!important;border:0;border-radius:0;color:inherit;font-family:inherit;font-size:inherit;line-height:1.5!important;margin:0;overflow-x:auto;padding:10px 0;white-space:pre}.doc-code__body code{font-size:0}.doc-code__body .line{font-size:12.5px}.doc-code__body .line,.doc-code__body .line span,.doc-code__body code{background:transparent!important;background-color:transparent!important}.doc-code__body code{font-family:inherit;font-size:inherit}.doc-code__body .line{counter-increment:doc-code-line;display:block;padding:0 16px 0 2.75rem;position:relative}.doc-code__body .line:before{border-right:1px solid color-mix(in oklab,var(--color-border) 30%,transparent);color:color-mix(in oklab,var(--color-text-muted) 55%,transparent);content:counter(doc-code-line);font-size:10px;font-variant-numeric:tabular-nums;left:0;line-height:inherit;padding-right:.5rem;pointer-events:none;position:absolute;text-align:right;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:2rem}.doc-code__body .line:hover:before{background:color-mix(in oklab,var(--color-surface) 30%,transparent);color:var(--color-text-dim)}.doc-code__body .shiki-fallback{padding-left:2.75rem}.doc-code__body{scrollbar-width:none;-ms-overflow-style:none}.doc-code__body::-webkit-scrollbar{display:none;height:0;width:0}@media(prefers-reduced-motion:reduce){.doc-code--glow:before{animation:none!important}}