input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;cursor:pointer;outline:none;border-radius:13px;height:4px;background:#ccc}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:12px;width:12px;background-color:#6366f1;border-radius:50%;border:none;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}input[type=range]::-moz-range-thumb{height:12px;width:12px;background-color:#6366f1;border-radius:50%;border:none;-moz-transition:.2s ease-in-out;transition:.2s ease-in-out}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 0 5px #6366f11a}input[type=range]:active::-webkit-slider-thumb{box-shadow:0 0 0 8px #6366f126}input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 8px #6366f126}input[type=range]::-moz-range-thumb:hover{box-shadow:0 0 0 5px #6366f11a}input[type=range]:active::-moz-range-thumb{box-shadow:0 0 0 8px #6366f126}input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 8px #6366f126}.mouse-over-shield{position:fixed;top:0;left:0;height:100%;width:100%;background-color:#f000;z-index:10000;cursor:grabbing}.range_wrapper{box-sizing:border-box;outline:none;flex:1 auto;padding:.5rem 0}.range_wrapper:focus-visible .range_thumb,.range_wrapper:focus .range_thumb{box-shadow:0 0 3px 1px var(--track-focus, #6185ff)}.range_track{height:3px;background-color:var(--track-bgcolor, #d0d0d0);border-radius:999px;position:relative}.range_track--highlighted{background-color:var(--track-highlight-bgcolor, #6185ff);background:var(--track-highlight-bg, linear-gradient(90deg, #6185ff, #9c65ff));width:0;height:100%;position:absolute;border-radius:999px}.range_thumb{display:flex;align-items:center;justify-content:center;position:absolute;width:14px;height:14px;background-color:var(--thumb-bgcolor, white);cursor:pointer;border-radius:14px;margin-top:-6px;margin-left:-7px;transition:box-shadow .1s;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--thumb-boxshadow, 0 1px 1px 0 rgba(0, 0, 0, .14), 0 0px 2px 1px rgba(0, 0, 0, .2));left:calc(var(--position) * 100%);top:0}.range_tooltip{pointer-events:none;position:absolute;top:-32px;min-width:38px;color:var(--tooltip-text, white);border-radius:4px;padding:2px 0;text-align:center;background-color:var(--tooltip-bgcolor, #6185ff);background:var(--tooltip-bg, linear-gradient(45deg, #6185ff, #9c65ff));z-index:100;display:none}.range_tooltip:after{content:"";display:block;position:absolute;height:7px;width:7px;background-color:var(--tooltip-bgcolor, #6185ff);bottom:-3px;left:calc(50% - 3px);clip-path:polygon(0% 0%,100% 100%,0% 100%);transform:rotate(-45deg);border-radius:0 0 0 3px}.range_wrapper:focus-visible .range_track .range_tooltip,.range_wrapper:focus .range_track .range_tooltip{display:block}.ssml-editor{position:relative;padding:8px 12px;height:calc(100% - 16px);line-height:2;font-size:14px;margin:8px 4px;word-break:break-word;white-space:pre-wrap;overflow-wrap:break-word;overflow-y:auto}.ssml-editor:empty:before{content:attr(data-placeholder);color:#999;position:absolute;pointer-events:none}.ssml-editor:focus{outline:none}.ssml-editor *:focus{outline:none}.ssml-wrapper{line-height:1.5;font-size:15px;margin:0 1px;--color: #9958f4;--hover: #a76bf7}.no-editable{-webkit-user-select:none;-moz-user-select:none;user-select:none}.ssml-placeholder{-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:24px}.ssml-wrapper-tag{line-height:1.5;font-size:14px;color:#fff;border-radius:3px;padding:0 3px 0 4px;background-color:var(--color);cursor:default;display:inline-flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ssml-wrapper-tag:hover{background-color:var(--hover);border-radius:3px 3px 0}.ssml-wrapper-tag .tag{white-space:nowrap}.ssml-wrapper-tag svg:hover{opacity:1!important}.ssml-wrapper .content{padding-left:3px}.ssml-wrapper .content:before{content:"Γ";color:var(--color)}.ssml-wrapper .content:after{content:"Γ";color:var(--color);display:inline-block;transform:rotate(180deg);transform-origin:center}.no-editable .content{position:relative}.no-editable .content .mark{left:-20px;z-index:-10}.ssml-break{--color: #2da94f;--hover: #3bc263}.ssml-phoneme{--color: #00cee3;--hover: #00e0f5}.ssml-number,.ssml-number_digit{--color: #3583fb;--hover: #4d91ff}.ssml-alias{--color: #f57d19;--hover: #ff8c29}.ssml-lianxu{--color: #84cc16;--hover: #95e02a}.ssml-name{--color: #8b5cf6;--hover: #a78bfa}.ssml-address{--color: #ec4899;--hover: #f472b6}.ssml-date{--color: #0ea5e9;--hover: #38bdf8}.ssml-time{--color: #06b6d4;--hover: #22d3ee}.ssml-characters{--color: #f59e0b;--hover: #fbbf24}.ssml-digit{--color: #ef4444;--hover: #f87171}.ssml-telephone{--color: #10b981;--hover: #34d399}.ssml-phoneme>.ssml-wrapper-tag:hover~.peer-hover,.ssml-number>.ssml-wrapper-tag:hover~.peer-hover,.ssml-alias>.ssml-wrapper-tag:hover~.peer-hover,.ssml-lianxu>.ssml-wrapper-tag:hover~.peer-hover,.ssml-text>.ssml-wrapper-tag:hover~.peer-hover{border-bottom:1px solid var(--color)}.waveform-player{font-family:inherit;color:inherit;line-height:1.4}.waveform-player *{box-sizing:border-box}.waveform-body{display:flex;flex-direction:column;gap:8px}.waveform-track{display:flex;align-items:center;gap:12px;position:relative}.waveform-btn{width:28px;height:28px;min-width:28px;border-radius:50%;border:2px solid currentColor;background:transparent;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;opacity:.9;flex-shrink:0}.waveform-btn:hover:not(:disabled){opacity:1;transform:scale(1.05)}.waveform-btn:disabled{cursor:not-allowed;opacity:.3}.waveform-btn>*{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.waveform-btn svg{width:16px;height:16px;fill:currentColor;display:block}.waveform-icon-play svg{margin-left:1px}.waveform-container{flex:1;position:relative;cursor:pointer;min-width:0;width:100%}.waveform-container canvas{display:block;width:100%;height:100%;max-width:100%;transition:opacity .3s ease;position:relative;z-index:1}.waveform-info{display:flex;align-items:center;gap:8px;font-size:13px;width:100%;padding-top:9px}.waveform-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;min-width:0;flex:1 1 0}.waveform-time{font-size:12px;white-space:nowrap;flex-shrink:0}.waveform-loading{position:absolute;inset:0;background:#0000001a;z-index:10}.waveform-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0003;z-index:10}.waveform-error-text{font-size:12px;opacity:.7;text-align:center;padding:0 20px}.waveform-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}.waveform-speed{position:relative;flex-shrink:0}.speed-btn{background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:4px 8px;color:inherit;font-size:11px;cursor:pointer;transition:all .2s;min-width:40px}.speed-btn:hover{background:#ffffff0d;border-color:#ffffff4d}.speed-value{font-weight:600}.speed-menu{position:absolute;bottom:100%;right:0;margin-bottom:4px;background:#000000f2;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:4px;z-index:100;min-width:60px;left:50%;transform:translate(-50%)}.speed-option{display:block;width:100%;background:transparent;border:none;color:#ffffffb3;padding:6px 12px;font-size:12px;cursor:pointer;transition:all .2s;text-align:left;border-radius:4px}.speed-option:hover{background:#ffffff1a;color:#fff}.speed-option.active{background:#a855f733;color:#a855f7;font-weight:600}.waveform-player.waveform-focused{outline:2px solid rgba(168,85,247,.5);outline-offset:2px;border-radius:4px}.waveform-player:focus{outline:none}.waveform-player:focus-visible{outline:1px solid rgba(168,85,247,.3);outline-offset:1px}.waveform-player.waveform-focused{outline:none}.waveform-track.waveform-align-bottom{align-items:flex-end}@media(max-width:480px){.waveform-btn{width:32px;height:32px;min-width:32px}.waveform-container{min-height:50px}.waveform-info{font-size:12px}.waveform-subtitle,.waveform-time{font-size:10px}}
