.ext-shot{margin:0}.ext-window{background:var(--sunken);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.ext-bar{align-items:center;gap:var(--space-3);height:var(--space-12);padding:0 var(--space-3) 0 var(--space-4);background:var(--surface);border-bottom:1px solid var(--border);display:flex}.ext-dots{gap:var(--space-2);display:flex}.ext-dots i{background:var(--border-strong);border-radius:50%;width:8px;height:8px}.ext-url{min-width:0;padding:var(--space-1) var(--space-3);font-family:var(--mono);font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;background:var(--sunken);border-radius:var(--radius-sm);flex:1;overflow:hidden}.ext-icon{width:var(--space-8);height:var(--space-8);color:var(--text);background:color-mix(in srgb, var(--text) 8%, transparent);border-radius:var(--radius);place-items:center;display:grid;position:relative}.ext-badge{top:calc(-1 * var(--space-1));right:calc(-1 * var(--space-2));padding:0 var(--space-1);font-size:var(--text-xs);font-weight:600;line-height:var(--leading-xs);color:var(--bg);background:var(--danger);box-shadow:0 0 0 2px var(--surface);border-radius:var(--radius-full);animation:ext-badge var(--dur-base) var(--ease-out) .8s both;position:absolute}.ext-stage{padding:0 var(--space-3);justify-content:flex-end;display:flex}.ext-popup{border:1px solid var(--border-strong);border-radius:0 0 var(--radius) var(--radius);transform-origin:100% 0;width:min(100%,380px);animation:ext-drop var(--dur-slow) var(--ease-out) .5s both;border-top:0;overflow:hidden}.ext-popup img{width:100%;height:auto;display:block}@keyframes ext-drop{0%{opacity:0;transform:translateY(-8px)scale(.98)}}@keyframes ext-badge{0%{opacity:0;transform:scale(.95)}}.ext-shows{gap:var(--space-10) var(--space-12);margin:var(--space-16) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.ext-shows li{padding-top:var(--space-5);border-top:1px solid var(--border)}.ext-shows h3{margin:0 0 var(--space-2);font-size:var(--text-lg);line-height:var(--leading-lg);letter-spacing:-.01em;font-weight:600}.ext-shows p{max-width:34ch;font-size:var(--text-base);line-height:var(--leading-base);color:var(--muted)}.ext-install{padding-top:0}.ext-install code{font-family:var(--mono);color:var(--text);font-size:.875em}.ext-install-grid{max-width:44rem;margin-top:var(--space-12)}.ext-steps{gap:var(--space-8);margin:0;padding:0;list-style:none;display:grid}.ext-steps li{grid-template-columns:var(--space-10) minmax(0, 1fr);gap:var(--space-4);display:grid}.ext-num{font-size:var(--text-2xl);font-weight:600;line-height:var(--leading-2xl);color:var(--accent-ink);font-variant-numeric:tabular-nums}.ext-steps h3{margin:0 0 var(--space-1);font-size:var(--text-lg);line-height:var(--leading-lg);letter-spacing:-.01em;font-weight:600}.ext-steps p{font-size:var(--text-base);line-height:var(--leading-base);color:var(--muted)}.ext-copies{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.ext-copy{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-4);background:var(--sunken);border:1px solid var(--border-strong);border-radius:var(--radius);display:inline-flex}.ext-copy-btn{height:var(--control-sm);min-height:0;padding:0 var(--space-3);font:inherit;font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--text);background:color-mix(in srgb, var(--text) 8%, transparent);border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), background-color var(--dur-fast) ease;border:0;font-weight:600;display:inline-grid}.ext-copy-btn>span{transition:opacity var(--dur-fast) ease-out;grid-area:1/1;align-self:center}.ext-copy-btn>span[data-on=false]{opacity:0}.ext-copy-btn:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.ext-copy-btn:hover{background:color-mix(in srgb, var(--text) 14%, transparent)}}@media (max-width:900px){.ext-shows{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.ext-shows{gap:var(--space-8);grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.ext-popup,.ext-badge{animation:none}.ext-copy-btn:active{transform:none}.ext-copy-btn>span{transition:none}}