.extension-hero{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#7c3aed0d 0%,#06b6d40d 100%);padding:40px 0}.breadcrumb{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:32px;font-size:14px;display:flex}.breadcrumb a{color:var(--primary);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.separator{color:var(--text-light)}.extension-header{align-items:stretch;gap:64px;display:flex}.extension-header-left{flex-shrink:0;min-width:0}.extension-hero h1{color:var(--primary-dark);overflow-wrap:break-word;margin:0 0 24px;font-family:Monaco,Menlo,monospace;font-size:48px;font-weight:700}.extension-description{color:var(--text-muted);overflow-wrap:break-word;font-size:20px;line-height:1.6}.extension-meta{flex-wrap:wrap;gap:32px;display:flex}.meta-item{flex-direction:column;gap:4px;display:flex}.meta-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.meta-github-link{color:var(--text);align-items:center;height:24px;margin-left:4px;transition:color .2s;display:inline-flex}.meta-github-link:hover{color:var(--primary)}.meta-value{color:var(--text);font-size:16px;font-weight:500}.meta-bundle-link{color:var(--primary);text-decoration:none}.meta-bundle-link:hover{text-decoration:underline}.capitalize{text-transform:capitalize}.extension-content{padding:80px 0}.content-grid{grid-template-columns:1fr 300px;gap:64px;display:grid}.main-content{min-width:0}.content-section{margin-bottom:48px}.content-section:last-child{margin-bottom:0}.content-section h2{color:var(--primary-dark);margin-bottom:24px;font-size:32px;font-weight:600}.long-description.prose{color:var(--text);overflow-wrap:break-word;line-height:1.8}.long-description.prose p{margin-bottom:16px}.long-description.prose p:last-child{margin-bottom:0}.long-description.prose h1,.long-description.prose h2,.long-description.prose h3,.long-description.prose h4{color:var(--primary-dark);margin-top:24px;margin-bottom:12px;font-weight:600}.long-description.prose h1{font-size:28px}.long-description.prose h2{font-size:24px}.long-description.prose h3{font-size:20px}.long-description.prose h4{font-size:18px}.long-description.prose ul,.long-description.prose ol{margin-bottom:16px;padding-left:24px}.long-description.prose li{margin-bottom:8px}.long-description.prose code{background:var(--bg-subtle);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-family:Monaco,Menlo,monospace;font-size:14px}.long-description.prose pre{background:var(--bg-code);color:#e2e8f0;border-radius:8px;margin-bottom:16px;padding:16px 20px;font-family:Monaco,Menlo,monospace;font-size:14px;line-height:1.6;overflow-x:auto}.long-description.prose pre code{color:inherit;background:0 0;border:none;padding:0}.long-description.prose pre.shiki{border-radius:8px;margin-bottom:16px;padding:16px 20px;font-family:Monaco,Menlo,monospace;font-size:14px;line-height:1.6;overflow-x:auto}.long-description.prose pre.shiki code{background:0 0;border:none;padding:0}.long-description.prose blockquote{border-left:4px solid var(--primary);color:var(--text-muted);margin:16px 0;padding-left:16px;font-style:italic}.long-description.prose img{max-width:100%;height:auto}.long-description.prose a{color:var(--primary);text-decoration:none}.long-description.prose a:hover{text-decoration:underline}.long-description.prose strong{color:var(--text);font-weight:600}.long-description.prose em{font-style:italic}.long-description.prose hr{border:none;border-top:1px solid var(--border);margin:24px 0}.long-description.prose table{border-collapse:collapse;width:100%;margin-bottom:16px}.long-description.prose th,.long-description.prose td{border:1px solid var(--border);text-align:left;padding:8px 12px}.long-description.prose th{background:var(--bg-subtle);font-weight:600}.example-block{background:var(--bg-subtle);border:1px solid var(--border);border-radius:12px;margin-bottom:32px;padding:24px}.example-block:last-child{margin-bottom:0}.example-block h3{color:var(--primary-dark);margin-bottom:8px;font-size:20px;font-weight:600}.example-description{color:var(--text-muted);overflow-wrap:break-word;margin-bottom:16px}.example-description.prose{color:var(--text);overflow-wrap:break-word;line-height:1.8}.example-description.prose p{margin-bottom:16px}.example-description.prose p:last-child{margin-bottom:0}.example-description.prose code{background:var(--bg-subtle);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-family:Monaco,Menlo,monospace;font-size:14px}.example-description.prose pre{background:var(--bg-code);color:#e2e8f0;border-radius:8px;margin-bottom:16px;padding:16px 20px;font-family:Monaco,Menlo,monospace;font-size:14px;line-height:1.6;overflow-x:auto}.example-description.prose pre code{color:inherit;background:0 0;border:none;padding:0}.example-description.prose pre.shiki{border-radius:8px;margin-bottom:16px;padding:16px 20px;font-family:Monaco,Menlo,monospace;font-size:14px;line-height:1.6;overflow-x:auto}.example-description.prose pre.shiki code{background:0 0;border:none;padding:0}.example-description.prose img{max-width:100%;height:auto}.example-description.prose a{color:var(--primary);text-decoration:none}.example-description.prose a:hover{text-decoration:underline}.example-description.prose strong{color:var(--text);font-weight:600}.example-description.prose em{font-style:italic}.code-block-wrapper{position:relative}.code-block{background:var(--bg-code);color:#e2e8f0;border-radius:8px;margin:0;padding:16px 20px;font-family:Monaco,Menlo,monospace;font-size:14px;line-height:1.6;overflow-x:auto}.code-block-wrapper pre.shiki{border-radius:8px;margin:0;padding:16px 20px;font-family:Monaco,Menlo,monospace;font-size:14px;line-height:1.6;overflow-x:auto}.code-block-wrapper pre.shiki code{background:0 0;border:none;padding:0}.copy-btn{color:#e0e0e0;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex;position:absolute;top:12px;right:12px}.copy-btn:hover{background:#fff3;border-color:#ffffff4d}.copy-btn:focus{background:#ffffff40;outline:none;box-shadow:0 0 0 2px #ffffff80}.sidebar-section{background:var(--bg-subtle);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;padding:24px}.sidebar-section:last-child{margin-bottom:0}.sidebar-section h3{color:var(--primary-dark);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:16px;font-weight:600}.sidebar-ref-link{color:var(--primary);font-size:14px;font-weight:500;text-decoration:none}.sidebar-ref-link:hover{text-decoration:underline}.categories{flex-wrap:wrap;gap:8px;display:flex}.category{background:linear-gradient(135deg, var(--primary-light) 0%, var(--primary) 100%);color:#fff;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500}.tags{flex-wrap:wrap;gap:8px;display:flex}.tag{background:var(--bg);color:var(--primary);border:1px solid var(--border);border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500}@media (width<=1024px){.extension-header{flex-direction:column;gap:24px}.extension-header-left{flex-shrink:1}.extension-description{max-width:none}.content-grid{grid-template-columns:1fr;gap:32px}.sidebar{order:1}}@media (width<=768px){.extension-hero{padding:24px 0}.extension-hero h1{font-size:28px}.extension-description{font-size:16px}.extension-meta{gap:16px}.extension-content{padding:40px 0}.content-grid{gap:24px}.content-section h2{font-size:24px}.sidebar-section,.example-block{padding:16px}.main-content{min-width:0;overflow-x:hidden}.code-block-wrapper pre.shiki,.long-description.prose pre,.long-description.prose pre.shiki,.example-description.prose pre,.example-description.prose pre.shiki,.code-block{max-width:100%;padding:12px;font-size:12px}.long-description.prose code,.example-description.prose code{word-break:break-word;font-size:12px}}