.tts-panel{--p-ink:var(--ink);--p-soft:var(--ink-soft);--p-muted:var(--muted);--p-line:var(--line);--p-line-strong:var(--line-strong);--p-fill:var(--violet);--p-track:var(--lavender-deep);max-width:var(--measure);gap:10px;margin:0 auto 44px;font-size:19px;display:grid}.tts-panel[hidden]{display:none}.tts-panel svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.tts-launch{border:1px solid var(--p-line-strong);border-radius:var(--radius-sm);background:var(--paper);width:100%;min-height:60px;color:var(--p-ink);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:14px;padding:8px 18px 8px 8px;font-size:16px;transition:border-color .25s,background-color .25s;display:flex}.tts-launch:hover{border-color:var(--violet);background:#fff}.tts-launch .tts-icon-lead{background:var(--violet);width:44px;height:44px;color:var(--paper);stroke-width:1.8px;transition:transform .3s var(--ease);border-radius:50%;padding:11px}.tts-launch:hover .tts-icon-lead{transform:scale(1.06)}.tts-launch-title{font:600 17px/1.2 var(--font-serif);letter-spacing:.08em}.tts-launch-meta{color:var(--p-muted);flex:1;font-size:13px}.tts-chevron{width:18px;height:18px;color:var(--violet);transition:transform .25s var(--ease)}.tts-launch[aria-expanded=true]{border-color:var(--violet)}.tts-launch[aria-expanded=true] .tts-chevron{transform:rotate(90deg)}.tts-player{border:1px solid var(--p-line);border-top:2px solid var(--violet);border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--paper);animation:tts-open .35s var(--ease);grid-template-columns:auto 1fr auto;grid-template-areas:"wave title time""seek seek seek""transport transport transport""tools tools tools""vol vol vol""source source source""status status status";gap:14px 12px;padding:18px 20px;display:grid;position:relative}@keyframes tts-open{0%{opacity:0;transform:translateY(-6px)}}.tts-player[hidden]{display:none}.tts-wave{width:24px;height:24px;color:var(--violet);grid-area:wave}.tts-title{font:600 16px/1.5 var(--font-serif);letter-spacing:.06em;color:var(--p-ink);grid-area:title;align-self:center;margin:0}.tts-time{font:13px/1 var(--font-num);color:var(--p-muted);font-variant-numeric:tabular-nums;grid-area:time;align-self:center}.tts-seek{-webkit-appearance:none;appearance:none;cursor:pointer;--fill:0%;background:0 0;grid-area:seek;width:100%;height:22px;margin:0}.tts-seek::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--p-fill) var(--fill), var(--p-track) var(--fill));border-radius:2px;height:3px}.tts-seek::-moz-range-track{background:var(--p-track);border-radius:2px;height:3px}.tts-seek::-moz-range-progress{background:var(--p-fill);border-radius:2px;height:3px}.tts-seek::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--p-fill);background:var(--paper);border-radius:50%;width:14px;height:14px;margin-top:-5.5px}.tts-seek::-moz-range-thumb{border:2px solid var(--p-fill);background:var(--paper);border-radius:50%;width:10px;height:10px}.tts-seek:focus-visible,.tts-volume input:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.tts-transport{grid-area:transport;justify-content:space-between;align-items:flex-start;padding:0 4px;display:flex}.tts-ctl{justify-items:center;gap:6px;min-width:64px;display:grid}.tts-ctl span{color:var(--p-muted);white-space:nowrap;font-size:12px}.tts-round{border:1px solid var(--p-line-strong);background:var(--paper);width:46px;height:46px;color:var(--violet);cursor:pointer;transition:background-color .2s, border-color .2s, transform .2s var(--ease);border-radius:50%;place-items:center;padding:0;display:grid}.tts-round:hover{border-color:var(--violet);background:var(--lavender)}.tts-round:active{transform:scale(.95)}.tts-round svg{width:20px;height:20px}.tts-main{border-color:var(--violet);background:var(--violet);width:54px;height:54px;color:var(--paper);margin-top:-4px}.tts-main:hover{border-color:var(--violet-deep);background:var(--violet-deep)}.tts-main .i-play,.tts-main[data-state=playing] .i-pause{display:block}.tts-main .i-pause,.tts-main[data-state=playing] .i-play{display:none}.tts-main .i-play{fill:currentColor}.tts-tools{border-top:1px solid var(--p-line);grid-area:tools;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:14px;display:grid}.tts-tool{white-space:nowrap;border:1px solid var(--p-line);border-radius:var(--radius-sm);background:var(--ground);min-width:0;min-height:44px;color:var(--p-soft);font:400 13px/1.3 var(--font-sans);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 8px;transition:border-color .2s,background-color .2s;display:flex}.tts-tool:hover:not([disabled]){border-color:var(--violet);color:var(--violet)}.tts-tool svg{width:17px;height:17px}.tts-tool-on{color:var(--violet);font-weight:600}.tts-tool[disabled]{opacity:.5;cursor:not-allowed}.tts-tool[aria-pressed=true]{border-color:var(--violet);background:var(--lavender);color:var(--violet);font-weight:600}.tts-volume{color:var(--p-soft);grid-area:vol;align-items:center;gap:10px;font-size:13px;display:none}.tts-volume svg{width:18px;height:18px;color:var(--violet)}.tts-volume input{height:18px;accent-color:var(--p-fill);flex:1}.tts-volume output{min-width:3.2em;color:var(--p-muted);font:12px var(--font-num)}.tts-source{grid-area:source;position:relative}.tts-source-button{border:1px solid var(--p-line-strong);border-radius:var(--radius-sm);background:var(--ground);width:100%;min-height:44px;color:var(--p-ink);font:600 14px/1.3 var(--font-serif);letter-spacing:.04em;cursor:pointer;justify-content:space-between;align-items:center;padding:0 14px;display:flex}.tts-source-button:hover{border-color:var(--violet)}.tts-source-button svg{width:14px;height:14px;color:var(--violet)}.tts-source-list{border:1px solid var(--p-line);border-radius:var(--radius-sm);background:var(--paper);box-shadow:var(--shadow-menu);margin:6px 0 0;padding:6px;list-style:none}.tts-source-list[hidden]{display:none}.tts-source-list li{min-height:44px;color:var(--p-ink);font:600 14px/1.3 var(--font-serif);cursor:pointer;align-items:center;gap:10px;padding:0 14px;display:flex;position:relative}.tts-source-list li:hover:not([aria-disabled=true]),.tts-source-list li:focus-visible{background:var(--lavender);outline:none}.tts-source-list li[aria-selected=true]{color:var(--violet)}.tts-source-list li[aria-disabled=true]{cursor:not-allowed;color:var(--p-muted);font-weight:400}.tts-opt-note{font:400 12px/1 var(--font-sans);color:var(--p-muted)}.tts-dot{background:var(--violet);width:7px;height:7px;margin-top:-3.5px;display:none;position:absolute;top:50%;right:16px;transform:rotate(45deg)}.tts-source-list li[aria-selected=true] .tts-dot{display:block}.tts-source-button:focus-visible,.tts-tool:focus-visible,.tts-round:focus-visible,.tts-launch:focus-visible,.tts-source-list li:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.tts-status{min-height:1.4em;color:var(--p-muted);grid-area:status;margin:0;font-size:13px}.tts-approval-note{font:14px/1.6 var(--font-kai);color:var(--p-soft);margin:0}.tts-rate-menu{z-index:8;border:1px solid var(--p-line);border-top:2px solid var(--violet);border-radius:var(--radius-sm);background:var(--paper);width:min(400px,100% - 24px);box-shadow:var(--shadow-menu);color:var(--p-ink);padding:16px 18px;position:absolute;top:64px;right:12px}.tts-rate-menu[hidden]{display:none}.tts-rate-heading{align-items:center;gap:10px;display:flex}.tts-rate-heading h3{font:600 17px/1.4 var(--font-serif);letter-spacing:.06em;flex:1;margin:0}.tts-rate-heading output{font:26px/1 var(--font-num);color:var(--violet)}.tts-rate-menu button{border:1px solid var(--p-line-strong);color:var(--violet);background:var(--ground);cursor:pointer}.tts-rate-menu button svg{width:18px;height:18px}.tts-rate-heading button{background:0 0;border:0;place-items:center;width:44px;height:44px;margin:-8px 0 -8px -10px;padding:0;display:grid}.tts-rate-slider{align-items:center;gap:14px;margin:20px 0 18px;display:flex}.tts-rate-slider button{border-radius:50%;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.tts-rate-slider input{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:24px}.tts-rate-slider input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--violet) var(--fill), var(--lavender-deep) var(--fill));border-radius:2px;height:3px}.tts-rate-slider input::-webkit-slider-thumb{appearance:none;border:2px solid var(--violet);background:var(--paper);border-radius:50%;width:14px;height:14px;margin-top:-5.5px}.tts-rate-slider input::-moz-range-track{background:var(--lavender-deep);height:3px}.tts-rate-slider input::-moz-range-thumb{border:2px solid var(--violet);background:var(--paper);border-radius:50%;width:10px;height:10px}.tts-rate-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.tts-rate-presets button{border-radius:var(--radius-sm);min-height:44px;font:14px var(--font-num)}.tts-rate-presets button[aria-pressed=true]{border-color:var(--violet);background:var(--violet);color:var(--paper)}.tts-rate-menu p{color:var(--p-muted);margin:16px 0 0;font-size:12px}@media (width>=768px){.tts-launch{justify-self:start;width:auto;min-width:360px}.tts-player{grid-template-columns:auto 1fr minmax(180px,220px) auto;grid-template-areas:"wave title source time""seek seek seek seek""transport transport transport transport""tools tools vol vol""status status status status";column-gap:16px;padding:20px 26px 18px}.tts-source .tts-source-list{z-index:5;position:absolute;left:0;right:0}.tts-transport{border-right:0;grid-template-columns:repeat(4,minmax(0,1fr));place-self:center;column-gap:clamp(12px,2vw,20px);width:min(100%,680px);padding:0 12px;display:grid}.tts-ctl{width:100%;min-width:0}.tts-ctl span{white-space:normal;text-align:center;max-width:100%;line-height:1.35}.tts-tools{border-top:0;align-self:end;padding:0 0 0 4px}.tts-volume{padding-left:4px;display:flex}}@media (prefers-reduced-motion:reduce){.tts-chevron,.tts-launch .tts-icon-lead,.tts-round{transition:none}.tts-player{animation:none}}