.mode-preview{width:100%;min-width:0;max-width:28rem;margin-inline:auto}.mode-caption{color:#c6d2e6;text-align:center;margin-bottom:1rem;font-size:.75rem;line-height:1.6}.mode-preview-screen{color:#fff;text-align:center;background:#182a45;border-radius:1rem 1rem 0 0;padding:1.75rem}.mode-preview-number{font-variant-numeric:tabular-nums;color:#c6d2e6;letter-spacing:.025em;font-size:1rem}.mode-waveform{color:#7dd3fc;justify-content:center;align-items:center;gap:5px;height:7rem;display:flex;overflow:hidden}.mode-waveform span{background:currentColor;border-radius:3px;flex-shrink:0;width:4px;transition:transform .4s cubic-bezier(.16,1,.3,1),background-color .2s;display:block;transform:scaleY(.16)}.mode-preview [data-speaking=true] .mode-waveform{color:#6ee7b7}.mode-preview [data-speaking=true] .mode-waveform span{transform:scaleY(1)}.mode-preview-status{min-height:6rem}.mode-preview-status>p:first-child{justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.5;display:flex}.mode-preview-price{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.5rem;margin-top:.5rem;display:flex}.mode-preview-price bdi{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:2.75rem;font-weight:600;line-height:1.2}.mode-preview-price>span{color:#c6d2e6;font-size:.875rem}.mode-switch{background:#223953;border-radius:0 0 1rem 1rem;grid-template-columns:1fr 1fr;gap:.5rem;padding:.75rem;display:grid}.mode-switch button{color:#d5e2f5;text-align:start;border-radius:.75rem;grid-template-columns:auto 1fr;align-items:center;gap:.25rem .5rem;min-height:4rem;padding:.6rem .75rem;font-size:.875rem;font-weight:500;transition:background-color .18s,color .18s;display:grid}.mode-switch button svg{grid-row:span 2}.mode-switch button bdi{font-variant-numeric:tabular-nums;font-size:.75rem}.mode-switch button[aria-pressed=true]{color:#0f172a;background:#fff}.mode-switch button[aria-pressed=false]:hover{color:#fff;background:#314c69}.mode-switch button{cursor:pointer;touch-action:manipulation}.mode-switch button:focus-visible{outline-offset:3px;outline:3px solid #7dd3fc}@media (prefers-reduced-motion:no-preference){.mode-preview [data-speaking=true] .mode-waveform span{animation:.65s ease-in-out 3 alternate mode-voice}}@keyframes mode-voice{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@media (max-width:374px){.mode-preview-screen{padding-inline:1rem}.mode-switch{gap:.25rem;padding:.5rem}.mode-switch button{padding:.5rem;font-size:.75rem}}@media (prefers-reduced-motion:reduce){.mode-preview *,.mode-preview :before,.mode-preview :after{transition:none!important;animation:none!important}}