.demo-panels-wrapper[data-astro-cid-m5fdtfkn]{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;min-height:180px}@media(max-width:767px){.demo-panels-wrapper[data-astro-cid-m5fdtfkn]{grid-template-columns:1fr;gap:1.5rem}}.demo-panel[data-astro-cid-m5fdtfkn]{background:#1c1c20;min-height:160px;transition:box-shadow .5s ease,transform .3s ease}.demo-panel-left[data-astro-cid-m5fdtfkn]{background:#1a1a1e}.demo-panel-right[data-astro-cid-m5fdtfkn].transformed{box-shadow:0 0 50px #22d3c540}.panel-header[data-astro-cid-m5fdtfkn]{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06);background:#0003}.panel-header-left[data-astro-cid-m5fdtfkn]{border-bottom-color:#ff783c26}.panel-header-right[data-astro-cid-m5fdtfkn]{border-bottom-color:#22d3c526}.header-icon[data-astro-cid-m5fdtfkn]{width:16px;height:16px;flex-shrink:0}.panel-header-left[data-astro-cid-m5fdtfkn] .header-icon[data-astro-cid-m5fdtfkn]{color:var(--accent-orange)}.panel-header-right[data-astro-cid-m5fdtfkn] .header-icon[data-astro-cid-m5fdtfkn]{color:var(--accent-teal);opacity:0;transition:opacity .3s ease}.panel-header-right[data-astro-cid-m5fdtfkn].active .header-icon[data-astro-cid-m5fdtfkn]{opacity:1}.header-label[data-astro-cid-m5fdtfkn]{font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.panel-header-left[data-astro-cid-m5fdtfkn] .header-label[data-astro-cid-m5fdtfkn]{color:#ff783cb3}.panel-header-right[data-astro-cid-m5fdtfkn] .header-label[data-astro-cid-m5fdtfkn]{color:#22d3c580;transition:color .3s ease}.panel-header-right[data-astro-cid-m5fdtfkn].active .header-label[data-astro-cid-m5fdtfkn]{color:#22d3c5cc}.recording-overlay[data-astro-cid-m5fdtfkn]{position:relative;width:106px;height:26px;margin-left:auto;opacity:0;transform:scale(.98);transition:opacity .15s ease,transform .15s ease}.recording-overlay[data-astro-cid-m5fdtfkn].active{opacity:1;transform:scale(1)}.overlay-svg[data-astro-cid-m5fdtfkn]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.overlay-halo[data-astro-cid-m5fdtfkn]{fill:none;stroke:#ff783c26;stroke-width:6}.overlay-bg[data-astro-cid-m5fdtfkn]{fill:#0f0f12d9}.overlay-gloss[data-astro-cid-m5fdtfkn]{fill:#1a1a2166}.overlay-rim[data-astro-cid-m5fdtfkn]{fill:none;stroke:#fff3;stroke-width:1}.pulse-circles[data-astro-cid-m5fdtfkn]{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px}.pulse-ring[data-astro-cid-m5fdtfkn]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,120,60,.3);pointer-events:none}.recording-overlay[data-astro-cid-m5fdtfkn].active .pulse-ring[data-astro-cid-m5fdtfkn]{animation:pulse-expand 1.8s ease-out infinite}.pulse-ring-1[data-astro-cid-m5fdtfkn]{width:8px;height:8px;animation-delay:0s}.pulse-ring-2[data-astro-cid-m5fdtfkn]{width:12px;height:12px;animation-delay:.3s}.pulse-ring-3[data-astro-cid-m5fdtfkn]{width:16px;height:16px;animation-delay:.6s}@keyframes pulse-expand{0%{transform:translate(-50%,-50%) scale(.8);opacity:.5}50%{opacity:.3}to{transform:translate(-50%,-50%) scale(1.3);opacity:0}}.mic-dot[data-astro-cid-m5fdtfkn]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#f0f0f3}.wave-svg[data-astro-cid-m5fdtfkn]{position:absolute;left:30px;top:0;width:44px;height:26px;pointer-events:none}.wave-path[data-astro-cid-m5fdtfkn]{stroke:#ff783ce6}.overlay-timer[data-astro-cid-m5fdtfkn]{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-family:Segoe UI,DM Sans,sans-serif;font-size:9px;font-weight:400;color:#f0f0f3;letter-spacing:.02em}.demo-raw[data-astro-cid-m5fdtfkn]{background:#ff783c0a;border-left:2px solid rgba(255,120,60,.4);padding:12px 12px 12px 14px;border-radius:6px;min-height:100px}.demo-caret[data-astro-cid-m5fdtfkn]{display:inline-block;width:2px;height:1.2em;background:#ff783cb3;vertical-align:text-bottom;margin-left:2px;animation:caret-blink .6s step-end infinite}.demo-caret[data-astro-cid-m5fdtfkn].hidden{display:none}@keyframes caret-blink{0%,to{opacity:1}50%{opacity:0}}.demo-clean[data-astro-cid-m5fdtfkn]{background:#22d3c50a;border-left:2px solid rgba(34,211,197,.6);padding:12px 12px 12px 14px;border-radius:6px;min-height:100px;opacity:0;transform:scale(.98);transition:opacity .3s ease,transform .3s ease}.demo-clean[data-astro-cid-m5fdtfkn].visible{opacity:1;transform:scale(1)}.demo-connector[data-astro-cid-m5fdtfkn]{display:flex;flex-direction:column;align-items:center;gap:.25rem;opacity:0;transition:opacity .4s ease}.demo-connector[data-astro-cid-m5fdtfkn].visible{opacity:1}@media(max-width:767px){.demo-connector[data-astro-cid-m5fdtfkn]{transform:rotate(90deg);margin:-.5rem 0}}.connector-arrow[data-astro-cid-m5fdtfkn]{font-size:2rem;font-weight:700;color:var(--accent-teal);line-height:1}.connector-label[data-astro-cid-m5fdtfkn]{opacity:.7;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.75rem;color:var(--accent-teal)}@media(max-width:767px){.connector-label[data-astro-cid-m5fdtfkn]{transform:rotate(-90deg);font-size:.75rem}}.demo-shimmer[data-astro-cid-m5fdtfkn]{opacity:0;background:linear-gradient(90deg,transparent 0%,rgba(34,211,197,.6) 50%,transparent 100%);background-size:200% 100%;border-radius:inherit}.demo-shimmer[data-astro-cid-m5fdtfkn].active{opacity:1;animation:shimmer-sweep .7s ease-in-out forwards}@keyframes shimmer-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}.demo-tab[data-astro-cid-m5fdtfkn]{padding:6px 16px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid transparent;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.demo-tab[data-astro-cid-m5fdtfkn]:hover{color:var(--text-primary);background:#ffffff0a}.demo-tab[data-astro-cid-m5fdtfkn].active{color:var(--accent-teal);border-color:var(--accent-teal);background:#22d3c50f}.demo-tab[data-astro-cid-m5fdtfkn]:focus-visible{outline:2px solid var(--accent-teal);outline-offset:2px}@media(prefers-reduced-motion:reduce){.recording-overlay[data-astro-cid-m5fdtfkn].active .pulse-ring[data-astro-cid-m5fdtfkn],.demo-caret[data-astro-cid-m5fdtfkn]{animation:none}.demo-shimmer[data-astro-cid-m5fdtfkn].active{animation:none;opacity:0}.demo-panel[data-astro-cid-m5fdtfkn],.demo-clean[data-astro-cid-m5fdtfkn],.recording-overlay[data-astro-cid-m5fdtfkn],.demo-connector[data-astro-cid-m5fdtfkn],.panel-header-right[data-astro-cid-m5fdtfkn] .header-icon[data-astro-cid-m5fdtfkn],.panel-header-right[data-astro-cid-m5fdtfkn] .header-label[data-astro-cid-m5fdtfkn],.demo-tab[data-astro-cid-m5fdtfkn]{transition:none}}.keyboard-shortcut[data-astro-cid-wy7pfqz2]{display:inline-flex;align-items:center;gap:.5rem;font-family:JetBrains Mono,Courier New,monospace}.key[data-astro-cid-wy7pfqz2]{display:inline-block;background:var(--surface);border:1px solid rgba(255,255,255,.15);border-bottom-width:2px;border-radius:6px;padding:.25rem .75rem;font-size:.875rem;font-weight:500;color:var(--text-primary);box-shadow:0 2px 4px #0003;transition:all .15s ease}.key[data-astro-cid-wy7pfqz2]:hover{border-color:var(--accent-teal);box-shadow:0 0 12px #22d3c533;transform:translateY(-1px)}.separator[data-astro-cid-wy7pfqz2]{color:var(--text-tertiary);font-size:.875rem;font-weight:600}@media(max-width:640px){.key[data-astro-cid-wy7pfqz2]{font-size:.75rem;padding:.2rem .6rem}.separator[data-astro-cid-wy7pfqz2]{font-size:.75rem}}.lightbox-dialog[data-astro-cid-ozalihe2]{position:fixed;top:0;left:0;width:100%;height:100vh;padding:0;margin:0;border:none;background:transparent;max-width:100%;max-height:100vh;z-index:9999}.lightbox-dialog[data-astro-cid-ozalihe2]::backdrop{background:#000000e6;backdrop-filter:blur(8px)}.lightbox-content[data-astro-cid-ozalihe2]{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100vh;padding:2rem}.lightbox-image[data-astro-cid-ozalihe2]{max-width:min(90vw,800px);max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 8px 48px #0009}.lightbox-close[data-astro-cid-ozalihe2]{position:absolute;top:1.5rem;right:1.5rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#1c1c20e6;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;backdrop-filter:blur(8px);z-index:10}.lightbox-close[data-astro-cid-ozalihe2]:hover{background:#1c1c20;color:var(--text-primary);border-color:#fff3;transform:scale(1.05)}.lightbox-close[data-astro-cid-ozalihe2]:active{transform:scale(.95)}.lightbox-dialog[data-astro-cid-2z4fao67]{position:fixed;top:0;left:0;width:100%;height:100vh;padding:0;margin:0;border:none;background:transparent;max-width:100%;max-height:100vh;z-index:9999}.lightbox-dialog[data-astro-cid-2z4fao67]::backdrop{background:#000000e6;backdrop-filter:blur(8px)}.lightbox-content[data-astro-cid-2z4fao67]{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100vh;padding:2rem}.lightbox-image[data-astro-cid-2z4fao67]{max-width:min(90vw,800px);max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 8px 48px #0009}.lightbox-close[data-astro-cid-2z4fao67]{position:absolute;top:1.5rem;right:1.5rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#1c1c20e6;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;backdrop-filter:blur(8px);z-index:10}.lightbox-close[data-astro-cid-2z4fao67]:hover{background:#1c1c20;color:var(--text-primary);border-color:#fff3;transform:scale(1.05)}.lightbox-close[data-astro-cid-2z4fao67]:active{transform:scale(.95)}.cursor-zoom-in[data-astro-cid-2z4fao67]{cursor:zoom-in}.screenshot-tab[data-astro-cid-2z4fao67]:hover{background:#ffffff0d}.screenshot-tab[data-astro-cid-2z4fao67]:active{transform:scale(.98)}.faq-answer[data-astro-cid-phauz2zr]{transition:max-height .3s ease}input[data-astro-cid-phauz2zr][type=radio]:checked+label[data-astro-cid-phauz2zr] span[data-astro-cid-phauz2zr]{color:#22d3c5}input[data-astro-cid-phauz2zr][type=radio]:checked+label[data-astro-cid-phauz2zr] svg[data-astro-cid-phauz2zr]{transform:rotate(180deg);color:#22d3c5}input[data-astro-cid-phauz2zr][type=radio]:checked~.faq-answer[data-astro-cid-phauz2zr]{max-h:24rem}@media(max-width:640px){label[data-astro-cid-phauz2zr]{min-height:48px}}