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