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