.viewer-page{min-height:100vh;background:#f8f9fa;padding:2rem 1rem}.viewer-card-wrapper{max-width:1080px;margin:0 auto;display:flex;align-items:flex-start;gap:2rem}.viewer-card{flex:1;min-width:0;background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;padding:3rem 2.5rem}.viewer-header{text-align:center;margin-bottom:0}.viewer-title{font-size:2.5rem;font-weight:800;letter-spacing:-.025em;line-height:1.2;margin:0 0 .5rem;color:#111}.viewer-description{font-size:1.25rem;color:#6b7280;margin:0 0 1rem;line-height:1.5}.viewer-meta{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;color:#9ca3af}.viewer-meta-dot{-webkit-user-select:none;user-select:none}.viewer-divider{border:none;border-top:1px solid #e5e7eb;margin:1.5rem 0 2rem}.viewer-card article{max-width:none;padding:0;margin:0}.viewer-card pre.shiki{background:#f6f8fa!important;border:1px solid #e5e7eb;border-radius:8px;padding:1rem 1.25rem;overflow-x:auto;font-size:.875em;line-height:1.7}.code-block-wrapper{position:relative}.copy-btn{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #d1d5db;border-radius:6px;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#6b7280;cursor:pointer;opacity:0;transition:opacity .15s,color .15s,background .15s,border-color .15s}.code-block-wrapper:hover .copy-btn{opacity:1}.copy-btn:hover{background:#fff;color:#374151;border-color:#9ca3af}.copy-btn:active{transform:scale(.95)}.copy-btn.copied{color:#16a34a;border-color:#86efac;background:#f0fdf4;opacity:1}.viewer-card article :not(pre)>code{background:#f0f2f5;padding:.15em .4em;border-radius:4px;font-size:.875em;color:#1f2937}.viewer-card article code:before,.viewer-card article code:after{content:none}@media(max-width:640px){.viewer-page{padding:0;background:#fff}.viewer-card{border-radius:0;box-shadow:none;padding:2rem 1.25rem}.viewer-title{font-size:1.75rem}.viewer-description{font-size:1.1rem}}.toc{position:sticky;top:2rem;flex-shrink:0;font-family:system-ui,-apple-system,sans-serif}.toc a{text-decoration:none;border-left:2px solid transparent}.toc a:hover{border-left-color:currentColor}.toc a.toc-active{color:#111;font-weight:600;border-left-color:#111}@media(max-width:1279px){.toc{display:none}}