.demo-page-main[data-astro-cid-prwxh6m4]{padding:48px 0 96px}.studio-header[data-astro-cid-prwxh6m4]{text-align:center;max-width:800px;margin:0 auto 40px;display:flex;flex-direction:column;align-items:center}.studio-title[data-astro-cid-prwxh6m4]{margin:16px 0 14px;color:var(--ink)}.studio-desc[data-astro-cid-prwxh6m4]{font-size:1.15rem}.studio-card[data-astro-cid-prwxh6m4]{background:#fff;border:1px solid rgba(220,224,235,.9);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 20px 48px -12px #13121e14,0 0 60px #6366f10f;margin-bottom:24px}.studio-toolbar[data-astro-cid-prwxh6m4]{background:#f8f9fc;border-bottom:1px solid var(--line);padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.mode-tabs[data-astro-cid-prwxh6m4]{display:flex;align-items:center;gap:8px}.mode-tab[data-astro-cid-prwxh6m4]{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-full);font-size:.88rem;font-weight:600;color:var(--ink-muted);background:transparent;transition:all .2s ease}.mode-tab[data-astro-cid-prwxh6m4]:hover{color:var(--ink);background:#13121e0a}.mode-tab[data-astro-cid-prwxh6m4].active{background:#fff;color:var(--ink);box-shadow:0 1px 3px #0000000f;border:1px solid rgba(30,32,51,.12)}.status-pill[data-astro-cid-prwxh6m4]{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--ink-secondary);padding:5px 14px;background:#fff;border-radius:var(--radius-full);border:1px solid var(--line-strong);box-shadow:0 1px 2px #00000005}.status-dot[data-astro-cid-prwxh6m4]{width:7px;height:7px;border-radius:50%;background:#6366f1}.status-dot[data-astro-cid-prwxh6m4].loading{background:#f59e0b;animation:pulse-dot 1s infinite}.status-dot[data-astro-cid-prwxh6m4].playing{background:#10b981;box-shadow:0 0 8px #10b981;animation:pulse-dot 1.8s infinite}.status-dot[data-astro-cid-prwxh6m4].paused{background:#8b5cf6}.status-dot[data-astro-cid-prwxh6m4].error{background:#ef4444}.sample-subnav[data-astro-cid-prwxh6m4]{padding:10px 24px;background:#fff;border-bottom:1px solid var(--line);display:flex;gap:10px;overflow-x:auto}.sample-btn[data-astro-cid-prwxh6m4]{padding:5px 14px;border-radius:var(--radius-full);font-size:.82rem;font-weight:600;color:var(--ink-muted);border:1px solid var(--line);background:#f8f9fc;transition:all .2s ease}.sample-btn[data-astro-cid-prwxh6m4]:hover{color:var(--ink)}.sample-btn[data-astro-cid-prwxh6m4].active{background:#eef2ff;color:var(--accent-deep);border-color:#6366f14d}.custom-input-box[data-astro-cid-prwxh6m4]{padding:20px 24px;background:#f8f9fc;border-bottom:1px solid var(--line)}.custom-label[data-astro-cid-prwxh6m4]{display:block;font-size:.88rem;font-weight:600;margin-bottom:8px;color:var(--ink)}.custom-textarea[data-astro-cid-prwxh6m4]{width:100%;padding:12px 14px;font-family:inherit;font-size:.95rem;color:var(--ink);background:#fff;border:1px solid var(--line-strong);border-radius:var(--radius-md);resize:vertical;margin-bottom:12px}.custom-textarea[data-astro-cid-prwxh6m4]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6366f133}.btn-sm[data-astro-cid-prwxh6m4]{padding:8px 18px;font-size:.85rem}.demo-reading-viewport[data-astro-cid-prwxh6m4]{padding:44px 52px;min-height:340px;background:#fff}.reading-article[data-astro-cid-prwxh6m4]{display:none}.reading-article[data-astro-cid-prwxh6m4].active{display:block;animation:fadeIn .3s var(--ease-smooth)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.reading-article-title[data-astro-cid-prwxh6m4]{font-family:var(--font-display);font-size:1.95rem;font-weight:700;margin-bottom:24px;color:var(--ink);letter-spacing:-.01em}.real-paragraph[data-astro-cid-prwxh6m4]{font-size:1.15rem;line-height:1.85;margin-bottom:22px;color:var(--ink);padding:10px 16px;border-radius:8px;transition:background-color .2s ease}.real-paragraph[data-astro-cid-prwxh6m4]:hover{background-color:#f8f9fc}.studio-player-bar[data-astro-cid-prwxh6m4]{background:#f8f9fc;border-top:1px solid var(--line);padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.player-left[data-astro-cid-prwxh6m4]{display:flex;align-items:center;gap:14px;flex:1;min-width:280px}.player-btn-main[data-astro-cid-prwxh6m4]{width:44px;height:44px;border-radius:50%;background:linear-gradient(to bottom,#323755,#1a1c2d);color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 8px #1a1c2d38;display:grid;place-items:center;position:relative;transition:transform .2s ease,box-shadow .2s ease}.player-btn-main[data-astro-cid-prwxh6m4]:hover{transform:scale(1.06);box-shadow:0 4px 14px #1a1c2d4d}.icon-pause[data-astro-cid-prwxh6m4],.loading-spinner[data-astro-cid-prwxh6m4],.player-btn-main[data-astro-cid-prwxh6m4].is-playing .icon-play[data-astro-cid-prwxh6m4]{display:none}.player-btn-main[data-astro-cid-prwxh6m4].is-playing .icon-pause[data-astro-cid-prwxh6m4]{display:block}.player-btn-main[data-astro-cid-prwxh6m4].is-loading .icon-play[data-astro-cid-prwxh6m4],.player-btn-main[data-astro-cid-prwxh6m4].is-loading .icon-pause[data-astro-cid-prwxh6m4]{display:none}.player-btn-main[data-astro-cid-prwxh6m4].is-loading .loading-spinner[data-astro-cid-prwxh6m4]{display:block;width:18px;height:18px;border:2px solid #ffffff;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.player-btn-sec[data-astro-cid-prwxh6m4]{width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid var(--line-strong);color:var(--ink);display:grid;place-items:center;transition:all .2s ease;box-shadow:0 1px 2px #00000005}.player-btn-sec[data-astro-cid-prwxh6m4]:hover{background:#f1f2f6;border-color:#1e203340;transform:translateY(-1px)}.player-progress-info[data-astro-cid-prwxh6m4]{display:flex;flex-direction:column;gap:5px;flex:1;max-width:220px}.block-indicator[data-astro-cid-prwxh6m4]{font-size:.76rem;font-weight:600;color:var(--ink-muted)}.demo-progress-track[data-astro-cid-prwxh6m4]{width:100%;height:6px;background:#1e20331a;border-radius:var(--radius-full);overflow:hidden;cursor:pointer}.demo-progress-fill[data-astro-cid-prwxh6m4]{width:0%;height:100%;background:linear-gradient(90deg,#6366f1,#7c3aed);border-radius:var(--radius-full);transition:width .1s linear}.player-right[data-astro-cid-prwxh6m4]{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.voice-picker-wrap[data-astro-cid-prwxh6m4]{display:flex;align-items:center;gap:6px}.voice-picker-label[data-astro-cid-prwxh6m4]{font-size:.8rem;font-weight:600;color:var(--ink-muted)}.voice-select[data-astro-cid-prwxh6m4]{padding:6px 12px;font-family:inherit;font-size:.82rem;font-weight:600;color:var(--ink);background:#fff;border:1px solid var(--line-strong);border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 1px 2px #00000005}.speed-toggle-group[data-astro-cid-prwxh6m4]{display:flex;background:#fff;padding:3px;border-radius:var(--radius-full);border:1px solid var(--line-strong);box-shadow:0 1px 2px #00000005}.speed-btn[data-astro-cid-prwxh6m4]{padding:4px 10px;border-radius:var(--radius-full);font-size:.78rem;font-weight:600;color:var(--ink-muted);transition:all .2s ease}.speed-btn[data-astro-cid-prwxh6m4]:hover{color:var(--ink)}.speed-btn[data-astro-cid-prwxh6m4].active{background:#1e2033;color:#fff;font-weight:700}.demo-hint-box[data-astro-cid-prwxh6m4]{padding:18px 24px;display:flex;align-items:center;gap:14px;border-radius:var(--radius-lg);background:#fff;border:1px solid rgba(220,224,235,.8)}.hint-icon[data-astro-cid-prwxh6m4]{font-size:1.4rem}.hint-text[data-astro-cid-prwxh6m4]{font-size:.94rem;line-height:1.55;color:var(--ink-muted)}.hint-text[data-astro-cid-prwxh6m4] code[data-astro-cid-prwxh6m4]{font-size:.88em;padding:2px 6px;background:#f8f9fc;border-radius:4px;border:1px solid rgba(30,32,51,.1);color:var(--ink)}@media(max-width:768px){.demo-reading-viewport[data-astro-cid-prwxh6m4]{padding:24px 20px}.studio-player-bar[data-astro-cid-prwxh6m4]{padding:14px 16px}}::highlight(whisperian-demo-block){background-color:var(--highlight-block)}::highlight(whisperian-demo-word){background-color:var(--highlight-word);color:var(--highlight-word-text)}