.stt-btn-outer{background:linear-gradient(#101014,#101014) padding-box padding-box,linear-gradient(#38edac,#38edac) border-box;border:4px solid #0000;border-radius:100%;width:136px;min-width:136px;max-width:136px;height:136px;min-height:136px;max-height:136px;transition:background .3s ease-in-out}.stt-btn-outer.listening,.stt-btn-outer.ready:hover{background:linear-gradient(#101014,#101014) padding-box padding-box,linear-gradient(90deg,#149afb,#38edac) border-box}.stt-btn-inner{aspect-ratio:1;box-sizing:border-box;cursor:pointer;z-index:1;background:linear-gradient(5deg,#ffffff1a,#5555551a);border:4px solid #0000;border-radius:100%;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:100%;padding:50px;transition:background .3s ease-in-out;display:flex;position:relative;overflow:visible}.stt-btn-inner:disabled{cursor:not-allowed;opacity:.7}.stt-btn-inner.ready:hover{background:linear-gradient(5deg,#13ef9514,#5555551a)}.stt-btn-inner:before{content:"";-webkit-mask-composite:xor;opacity:0;z-index:0;background:conic-gradient(#0000 0deg,#0000 260deg,#fff 270deg,#fff 305deg,#fff 330deg,#0000 1turn);border-radius:50%;padding:3px;transition:opacity .3s ease-in-out;animation:1.5s linear infinite rotateGlow;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px;-webkit-mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.stt-btn-inner.ready:hover:before{opacity:1}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.stt-btn-icon{color:#fff;fill:#fff;stroke:#fff;transition:all .3s ease-in-out}.stt-btn-icon.listening{animation:.5s ease-in-out infinite waveSttMotion}@keyframes waveSttMotion{0%{transform:translate(0)scaleY(1)}25%{transform:translate(.4px)scaleY(1.06)}50%{transform:translate(0)scaleY(1.1)}75%{transform:translate(-.4px)scaleY(1.06)}to{transform:translate(0)scaleY(1)}}.stt-btn-inner.ready:hover .stt-btn-icon{fill:url(#btn-mic-gradient-hover);stroke:url(#btn-mic-gradient-hover)}.stt-btn-label{color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.875rem;line-height:1.2;transition:all .3s ease-in-out;overflow:hidden}.stt-btn-inner.ready:hover .stt-btn-label{background:linear-gradient(90deg,#11b1df,#0fef95);-webkit-text-fill-color:#0000;color:#0000;-webkit-background-clip:text;background-clip:text}
.stt-wrapper{color:#fff;flex-direction:column;width:100%;font-size:16px;line-height:1.5;display:flex}@media (min-width:1024px){.stt-wrapper{flex-direction:row;gap:0;min-height:130px;padding:12px 0}}.stt-controls-panel{flex-direction:column;flex:none;gap:16px;display:flex}@media (min-width:1024px){.stt-controls-panel{flex:0 0 470px;max-width:430px;padding-right:0}}.stt-model-tabs{width:100%;display:flex}.stt-model-tab-wrapper{flex-direction:column;flex:1 0 auto;overflow:visible}.stt-model-tab,.stt-model-tab-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.stt-model-tab{color:#949498;cursor:pointer;white-space:nowrap;background:0 0;border:none;outline:none;flex:none;gap:4px;width:auto;padding:10px;font-size:13px;font-weight:700;transition:color .2s}@media (min-width:768px){.stt-model-tab{font-size:16px}}.stt-model-tab:focus{box-shadow:none!important;--tw-ring-shadow:0 0 #0000!important;--tw-ring-offset-shadow:0 0 #0000!important;border:none!important;outline:none!important}.stt-model-tab:focus-visible{box-shadow:none!important;--tw-ring-shadow:0 0 #0000!important;--tw-ring-offset-shadow:0 0 #0000!important;border:none!important;outline:none!important}.stt-model-tab.active,.stt-model-tab:hover{color:#fff}.stt-model-tab-divider{background:#3c3c4480;width:100%;height:2px;transition:background .2s;position:relative}.stt-model-tab-wrapper:hover .stt-model-tab-divider:not(.active){background:#6b6b70}.stt-model-tab-divider.active{background:linear-gradient(90deg,#149afb,#38edac);box-shadow:6px 0 15px #38edac33,-6px 0 15px #149afb33}.stt-tab-content{align-items:flex-start;gap:31px;width:100%;padding-top:40px;position:relative}.stt-mic-section{padding:16px 0}.stt-mic-btn,.stt-mic-section{justify-content:center;display:flex}.stt-mic-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:2px solid #88888c;border-radius:50px;align-items:center;gap:8px;min-width:160px;padding:16px 32px;font-size:16px;font-weight:500;transition:all .3s}.stt-mic-btn:hover:not(:disabled){background:#fff3;border-color:#fff}.stt-mic-btn.listening{background:#0fef9533;border-color:#0fef95;animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #0fef9566}70%{box-shadow:0 0 0 10px #0fef9500}to{box-shadow:0 0 #0fef9500}}.stt-mic-btn:disabled{cursor:not-allowed;opacity:.5}.stt-language-section{width:100%}.stt-language-select{-webkit-appearance:none;appearance:none;color:#fff;cursor:pointer;background:#101014 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fff' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 16px center no-repeat;border:1px solid #4e4e52;border-radius:8px;width:100%;padding:10px 16px;font-size:16px}.stt-language-select:focus{border-color:#88888c;outline:none}[data-radix-select-content],[data-radix-select-viewport]{scrollbar-color:#6b7280 #fff!important;scrollbar-width:thin!important;max-height:380px!important;overflow-y:auto!important}[data-radix-select-content]::-webkit-scrollbar{width:10px!important;display:block!important}[data-radix-select-viewport]::-webkit-scrollbar{width:10px!important;display:block!important}[data-radix-select-content]::-webkit-scrollbar-track{background-color:#fff!important}[data-radix-select-viewport]::-webkit-scrollbar-track{background-color:#fff!important}[data-radix-select-content]::-webkit-scrollbar-thumb{border:2px solid #fff;border-radius:9999px;background-color:#6b7280!important}[data-radix-select-viewport]::-webkit-scrollbar-thumb{border:2px solid #fff;border-radius:9999px;background-color:#6b7280!important}.stt-file-section{flex-direction:column;gap:12px;display:flex}.stt-divider{align-items:center;gap:24px;display:flex}.stt-divider-line{background:#3c3c44;flex:1;height:1px}.stt-divider-text{color:#949498;font-size:14px;font-weight:500}.stt-upload-btn{color:#fff;cursor:pointer;background:#000;border:1px solid #6b6b70;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:40px;font-size:14px;font-weight:500;transition:all .3s;display:flex;position:relative;overflow:hidden}.stt-upload-btn:before{border-radius:inherit;content:"";opacity:0;z-index:0;background:linear-gradient(90deg,#008fc1,#00f099,#008fc1,#00f099) 0 0/300% 100%;transition:all .3s;position:absolute;top:0;bottom:0;left:0;right:0}.stt-upload-btn>*{z-index:1;position:relative}.stt-upload-btn:hover{color:#000;background:0 0;border-color:#0000;box-shadow:0 1px 2px #0000000d}.stt-upload-btn:hover:before{opacity:1;background-position:100% 0}.stt-file-row{gap:12px;width:100%;display:flex}.stt-file-name{text-overflow:ellipsis;white-space:nowrap;background:#101014;border:1px solid #4e4e52;border-radius:4px;padding:0 16px;overflow:hidden}.stt-file-name,.stt-transcribe-btn{color:#fff;flex:1;justify-content:center;align-items:center;height:40px;font-size:14px;display:flex}.stt-transcribe-btn{cursor:pointer;background:#fff3;border:1px solid #fff;border-radius:4px;gap:8px;font-weight:500;transition:all .2s}.stt-transcribe-btn:hover:not(:disabled){background:#ffffff4d}.stt-transcribe-btn:disabled{cursor:not-allowed;opacity:.5}.stt-transcript-panel{border:1px solid #6b6b70;border-radius:6px;flex-direction:column;flex-grow:1;width:100%;height:100%;padding:10px 20px 12px;display:flex;position:relative}@media (min-width:1024px){.stt-transcript-panel{min-height:320px;margin-left:24px}}.stt-transcript-content{flex:1;min-height:130px;max-height:285px;padding-right:8px;overflow-y:auto}.stt-transcript-content::-webkit-scrollbar{border-radius:100px;width:6px}.stt-transcript-content::-webkit-scrollbar-thumb{background-color:#4e4e52;border-radius:100px}.stt-transcript-content::-webkit-scrollbar-track{background-color:#2c2c33;border-radius:100px}.stt-transcript-text{color:#fff;margin:0;font-size:14px;line-height:1.6}.stt-placeholder-text{color:#949498;margin:0;font-size:14px}.stt-error-text{color:#ef4444;margin:0;font-size:14px;font-style:italic}.stt-actions{flex-direction:row;flex-shrink:0;justify-content:flex-end;gap:16px;margin-top:auto;display:flex}.stt-action-btn{color:#949498;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 0;font-size:16px;font-weight:600;transition:filter .2s,color .2s;display:flex}.stt-action-btn:hover{filter:brightness(0)saturate()invert()sepia(0)saturate(0)hue-rotate(288deg)brightness(102%)contrast(102%)}.stt-action-btn img{filter:invert(49%)sepia(3%)saturate(12%)hue-rotate(205deg)brightness(94%)contrast(90%);transition:filter .2s,color .2s,fill .2s}.stt-error{color:#ef4444;margin:0;font-size:14px}.stt-file-input-hidden{display:none}.stt-transcript-wrapper{color:#f3f3f3;flex-direction:column;flex:1;gap:20px;width:100%;height:100%;padding-bottom:12px;display:flex}.stt-transcript-inner{flex-direction:column;flex:1;display:flex;position:relative}.stt-transcript-scroll{color:#fff;text-align:left;flex-direction:column;gap:16px;min-height:170px;max-height:285px;padding-right:8px;font-size:14px;display:flex;overflow-y:auto}@media (min-width:1024px){.stt-transcript-scroll{min-height:130px}}.stt-transcript-scroll::-webkit-scrollbar{border-radius:100px;width:6px;height:6px}.stt-transcript-scroll::-webkit-scrollbar-thumb{background-color:#4e4e52;border-radius:100px}.stt-transcript-scroll::-webkit-scrollbar-track{background-color:#2c2c33;border-radius:100px}.stt-turn-bubble{border:1px solid #2c2c33;border-radius:6px;flex-direction:column;gap:8px;padding:12px;display:flex}.stt-turn-bubble-active{border-color:#4e4e52}.stt-turn-text{color:#f3f3f3;margin:0;font-size:14px;font-weight:500}.stt-turn-confidence{color:#949498;margin:12px 0 0;font-size:14px}.stt-turn-confidence-active{color:#ffadd8;margin:0;font-size:14px}.stt-turn-labels{align-items:center;gap:4px;display:flex}.stt-turn-label-active{color:#ffadd8;font-size:14px}