.terminal-demo:where(.astro-sa7dymyn){width:100%;max-width:780px;margin:0 auto 3rem;border-radius:14px;overflow:hidden;border:1px solid var(--sl-color-gray-5);box-shadow:0 24px 80px #00000059,0 0 0 1px #ffffff0a inset;transition:box-shadow .3s ease;position:relative}.terminal-demo:where(.astro-sa7dymyn):before{content:"";position:absolute;inset:0;border-radius:14px;padding:1px;background:linear-gradient(135deg,transparent 0%,var(--sl-color-accent-low) 50%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.3}.terminal-header:where(.astro-sa7dymyn){display:flex;align-items:center;gap:8px;padding:14px 18px;background:var(--sl-color-gray-8, #1a1a1a);border-bottom:1px solid var(--sl-color-gray-6)}.terminal-dot:where(.astro-sa7dymyn){width:12px;height:12px;border-radius:50%;flex-shrink:0}.terminal-dot:where(.astro-sa7dymyn).red{background:#ff5f57}.terminal-dot:where(.astro-sa7dymyn).yellow{background:#ffbd2e}.terminal-dot:where(.astro-sa7dymyn).green{background:#28c840}.terminal-title:where(.astro-sa7dymyn){margin-left:auto;font-size:.8rem;color:var(--sl-color-gray-4);font-family:var(--font-mono);letter-spacing:.02em}.terminal-body:where(.astro-sa7dymyn){padding:1.5rem 1.75rem;background:var(--sl-color-gray-9, #0d0d0d);font-family:var(--font-mono);font-size:.87rem;line-height:1.85;overflow-x:auto}.line-group:where(.astro-sa7dymyn){opacity:0;animation:fadeIn .3s ease forwards;animation-delay:var(--delay)}@keyframes fadeIn{to{opacity:1}}.terminal-line:where(.astro-sa7dymyn){white-space:pre}.terminal-line:where(.astro-sa7dymyn) .prompt:where(.astro-sa7dymyn){color:var(--sl-color-accent);margin-right:.5rem;font-weight:700}.terminal-line:where(.astro-sa7dymyn) .command:where(.astro-sa7dymyn){color:var(--sl-color-white)}.typed:where(.astro-sa7dymyn){display:inline;overflow:hidden;white-space:nowrap;animation:typing .8s steps(40,end) forwards;width:0}@keyframes typing{0%{width:0}to{width:100%}}.spin:where(.astro-sa7dymyn){display:inline-block;animation:spin 1s linear infinite;margin-right:.4rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.terminal-line:where(.astro-sa7dymyn).output{opacity:0;animation:revealLine .25s ease forwards;animation-delay:var(--line-delay, 0s)}@keyframes revealLine{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.terminal-line:where(.astro-sa7dymyn).cmd-line{opacity:0;animation:revealLine .3s ease forwards;animation-delay:var(--line-delay, 0s)}.label-detect:where(.astro-sa7dymyn),.label-plan:where(.astro-sa7dymyn),.label-info:where(.astro-sa7dymyn),.label-safety:where(.astro-sa7dymyn){display:inline-flex;align-items:center;padding:0 .45rem;border-radius:4px;font-size:.7rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;margin-right:.5rem;line-height:1.6}.label-detect:where(.astro-sa7dymyn){background:#6366f133;color:#818cf8}.label-plan:where(.astro-sa7dymyn){background:#a855f733;color:#c084fc}.label-info:where(.astro-sa7dymyn){background:#0ea5e933;color:#38bdf8}.label-safety:where(.astro-sa7dymyn){background:#22c55e33;color:#4ade80}.success:where(.astro-sa7dymyn){color:#22c55e;margin-right:.5rem}.warning:where(.astro-sa7dymyn){color:#f59e0b;margin-right:.5rem}.dim:where(.astro-sa7dymyn){color:var(--sl-color-gray-4)}.bold:where(.astro-sa7dymyn){font-weight:700}.accent:where(.astro-sa7dymyn){color:var(--sl-color-accent)}.terminal-line:where(.astro-sa7dymyn) .file-diff:where(.astro-sa7dymyn){color:var(--sl-color-gray-2);font-size:.78rem;margin-left:.75rem}.section-header:where(.astro-sa7dymyn){margin-top:.25rem}.cursor:where(.astro-sa7dymyn){animation:blink 1s step-end infinite;color:var(--sl-color-accent)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.terminal-line:where(.astro-sa7dymyn) .accent:where(.astro-sa7dymyn){color:var(--sl-color-accent)}.table-row:where(.astro-sa7dymyn){padding-left:1.5ch}@media(max-width:640px){.terminal-demo:where(.astro-sa7dymyn){max-width:100%;margin:0 auto 2rem;border-radius:10px}.terminal-body:where(.astro-sa7dymyn){font-size:.68rem;padding:1rem;line-height:1.7}.terminal-header:where(.astro-sa7dymyn){padding:10px 14px}.terminal-dot:where(.astro-sa7dymyn){width:10px;height:10px}}
