.code-block{box-shadow:none;background:#0003;border:1px solid #ffffff14;border-radius:8px;margin:1.5rem 0;position:relative;overflow:hidden}.code-block pre{background:0 0;margin:0;padding:1rem;font-size:.85rem;line-height:1.4;overflow-x:auto}.code-block code{color:var(--text-primary);letter-spacing:.025em;font-family:SF Mono,Monaco,Menlo,Consolas,JetBrains Mono,Courier New,monospace;font-size:.875rem;font-weight:400;line-height:1.5}.code-filename{background:var(--bg-quaternary);border-bottom:1px solid var(--border-default);color:var(--text-secondary);align-items:center;padding:.75rem 1rem;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:.8rem;font-weight:500;display:flex;position:relative}.code-filename:before{content:"📄";margin-right:.5rem;font-size:.875rem}.btn-copy{z-index:10;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-default);cursor:pointer;transition:all var(--transition-base);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:4px;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;display:flex;position:absolute;top:.5rem;right:.75rem}.btn-copy:hover{background:var(--bg-quaternary);border-color:var(--accent-primary);color:var(--text-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-copy:active{transform:translateY(0)}.btn-copy.btn-success{background:var(--accent-success);color:var(--text-inverse);border-color:var(--accent-success)}.btn-copy.btn-success:hover{background:var(--accent-success-hover);border-color:var(--accent-success-hover);transform:translateY(-1px)}
.doc-toc{flex-direction:column;flex-shrink:0;gap:.5rem;width:240px;display:flex;position:sticky;top:2rem}.doc-toc__title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:.5rem;font-size:.75rem;font-weight:600}.doc-toc__link{color:var(--text-secondary);border-radius:6px;padding:.5rem .75rem;font-size:.9rem;text-decoration:none;transition:all .2s}.doc-toc__link:hover{color:var(--text-primary);background:#ffffff0d}@media (max-width:968px){.doc-toc{display:none}}
.doc-layout{align-items:flex-start;gap:3rem;max-width:1400px;margin:0 auto;display:flex}.doc-layout__content{flex:1;max-width:800px}@media (max-width:968px){.doc-layout__content{max-width:100%}}