.progress-bar.animated .progress-fill{animation:1.2s cubic-bezier(.4,0,.2,1) progressFill}@keyframes progressFill{0%{width:0}to{width:100%}}.hero{justify-content:center;align-items:center;padding:38px 20px;display:flex;position:relative}.hero-container{justify-content:space-between;align-items:start;gap:68px;width:100%;max-width:1414px;height:auto;min-height:500px;transition:gap .3s;display:flex}.hero-container.success-expanded{justify-content:center;gap:0;max-width:100%}.hero-container.success-expanded .hero-content{opacity:0;pointer-events:none;max-width:0;min-height:0;padding:0;overflow:hidden}.hero-content{box-sizing:border-box;flex-direction:column;justify-content:space-between;width:100%;max-width:522.47px;height:auto;min-height:480px;padding:20px 0;transition:max-width .45s,opacity .3s,padding .45s;display:flex}.hero-text{flex-direction:column;gap:28.8px;display:flex}.hero-title{color:var(--color-text);font-family:var(--font-family-sans);max-width:522.47px;margin:0;font-size:60px;font-weight:400;line-height:76.8px}.hero-subtitle{color:var(--color-muted-foreground);font-family:var(--font-family-sans);max-width:522.47px;margin:0;font-size:24px;font-weight:400;line-height:38.4px}.hero-disclaimer{color:var(--color-text);font-family:var(--font-family-sans);font-size:16px;font-weight:300;line-height:20.8px}.hero-disclaimer a{color:var(--color-text);font-weight:400;text-decoration:underline}.hero-disclaimer-desktop{display:block}.hero-disclaimer-mobile{display:none}.upload-area{border:1px solid var(--color-border-lighter);background:linear-gradient(135deg, var(--color-surface-lighter) 0%, var(--color-surface-lightest) 50%, var(--color-surface-lighter) 100%);-webkit-backdrop-filter:blur(20px)saturate(180%);width:100%;max-width:757.736px;min-height:480.648px;box-shadow:0 8px 32px 0 var(--color-shadow), inset 0 1px 1px 0 var(--color-inset-light), inset 0 -1px 1px 0 var(--color-inset-dark);box-sizing:border-box;--mouse-x:0px;--mouse-y:0px;--corner-offset:1rem;--corner-size:4rem;border-radius:16px;flex-direction:column;justify-content:flex-start;align-items:center;gap:8.527px;padding:8px 14px 14px;transition:max-width .4s,all .4s ease-in-out,translate .4s ease-out;display:flex;position:relative;overflow:visible}.upload-area.expanded{max-width:1414px}.upload-area:before{content:"";width:calc(100% + 2 * var(--corner-offset));height:calc(100% + 2 * var(--corner-offset));left:calc(-1 * var(--corner-offset));right:calc(-1 * var(--corner-offset));top:calc(-1 * var(--corner-offset));bottom:calc(-1 * var(--corner-offset));box-shadow:inset 0 0 0px .06rem var(--color-inset-light);pointer-events:none;clip-path:polygon(var(--corner-size) 0, 0 0, 0 var(--corner-size), var(--corner-size) var(--corner-size), var(--corner-size) calc(100% - var(--corner-size)), 0 calc(100% - var(--corner-size)), 0 100%, var(--corner-size) 100%, var(--corner-size) calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) 100%, 100% 100%, 100% calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) calc(100% - var(--corner-size)), calc(100% - var(--corner-size)) var(--corner-size), 100% var(--corner-size), 100% 0, calc(100% - var(--corner-size)) 0, calc(100% - var(--corner-size)) var(--corner-size), var(--corner-size) var(--corner-size));z-index:0;border-radius:1.8rem;margin:auto;transition:all .4s ease-in-out;display:block;position:absolute}.upload-area:hover{transform:scale(1.005)}.upload-area:hover:before{--corner-offset:.5rem;--corner-size:8rem;box-shadow:inset 0 0 0 .08rem var(--color-inset-light);border-radius:1.4rem}.upload-content-wrapper{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:22.738px;width:100%;display:flex;position:relative}.upload-drop-zone{border:2.842px dashed var(--color-border-light);box-sizing:border-box;background:#32303380;border-radius:12px;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:17.053px;width:100%;min-height:0;padding:0 17.053px 17.053px;display:flex}.upload-controls{box-sizing:border-box;text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:496.84px;padding:0 20px 20px;display:flex}.upload-content{flex-direction:column;align-items:center;gap:24px;width:100%;max-width:496.84px;padding-bottom:0;display:flex}.upload-visual-group{flex-direction:column;align-items:center;gap:24px;display:flex}.file-formats-visual{justify-content:center;align-items:center;width:182px;height:150.3px;display:flex}.file-formats-visual img{object-fit:contain;width:100%;height:100%}.upload-text-group{text-align:center;flex-direction:column;align-items:center;gap:6.869px;display:flex}.upload-main-text{color:var(--color-text);font-family:var(--font-family-sans);margin:0;font-size:22.898px;font-weight:400;line-height:25.187px}.upload-sub-text{color:var(--color-muted-foreground);font-family:var(--font-family-sans);margin:0;font-size:13.739px;font-weight:400;line-height:25.187px}.browse-files-btn{background:var(--color-primary);width:152.769px;height:46.186px;color:var(--color-button-light);font-family:var(--font-family-sans);cursor:pointer;box-sizing:border-box;border:none;border-radius:4px;justify-content:center;align-items:center;gap:8.527px;padding:.711px;font-size:17.053px;font-weight:400;line-height:22.738px;transition:background 1.2s;display:flex}.browse-files-btn:hover{background:var(--color-primary)}.browse-files-btn:disabled{background:var(--color-muted-foreground);cursor:not-allowed;opacity:.6}.instrument-tabs{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;width:100%;padding:0;display:flex}.instrument-tab{cursor:pointer;color:var(--color-muted-foreground);font-family:var(--font-family-sans);text-align:center;background:0 0;border:none;border-radius:8.527px;flex-direction:row;flex:1 1 0;justify-content:center;align-items:center;gap:6px;min-width:0;padding:12px 10px;font-size:22.738px;font-weight:400;line-height:32.709px;transition:all .2s;display:flex}.instrument-tab:hover{background:var(--color-surface-light)}.instrument-tab.active{background-color:var(--color-panel2);color:var(--color-foreground)}.instrument-tab svg{color:currentColor;flex-shrink:0;width:22.738px;height:22.738px}.instrument-tab span{white-space:nowrap}.instrument-selector,.instrument-dropdown-btn,.instrument-dropdown-menu,.instrument-option{display:none}.upload-status{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.status-message{color:var(--color-text);text-align:center;margin:0;font-size:16px;font-weight:400;line-height:22px}.status-message.error,.error{color:var(--color-danger)}.progress-container{flex-direction:column;gap:12px;width:100%;display:flex}.progress-bar-row{border-radius:6px;width:100%;height:46px;display:flex;overflow:hidden}.progress-bar-fill.compact{background:var(--color-primary);border-radius:6px 0 0 6px;justify-content:center;align-items:center;min-width:0;height:100%;padding:0 8px;transition:width .3s;display:flex}.progress-percentage.compact{color:var(--color-white);text-align:center;min-width:45px;font-family:Hubot Sans,sans-serif;font-size:17px;font-weight:400;line-height:32px}.progress-bar-remaining.compact{background:var(--color-surface-muted);border-radius:0 6px 6px 0;flex:1;height:100%}.cancel-btn.compact{width:auto;height:auto;color:var(--color-text);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;border-radius:6px;justify-content:center;align-self:center;align-items:center;padding:4px 10px;font-family:Hubot Sans,sans-serif;font-size:16px;font-weight:400;line-height:25px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .2s,text-decoration-color .2s;display:inline-flex}.cancel-btn.compact:hover{color:#e53e3e;text-decoration-color:currentColor}.upload-content-top.compact{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;padding:24px 16px 12px;display:flex}.upload-controls.compact{box-sizing:border-box;flex-direction:column;align-items:center;gap:23px;width:100%;padding:0 16px 16px;display:flex}.upload-icon svg{width:64px;height:64px}.upload-text h3{font-family:var(--font-family-sans);text-align:center;margin:0;font-size:22.9px;font-weight:400;line-height:25.2px}.upload-text.success-text p.filename-text{font-family:var(--font-family-sans);color:var(--color-muted-foreground);text-align:center;margin:0;font-size:13.7px;line-height:25.2px}.download-transcription-btn.compact{background:var(--color-primary);width:100%;height:46px;color:var(--color-button-light);font-family:var(--font-family-sans);cursor:pointer;border:none;border-radius:6px;font-size:17px;font-weight:400;line-height:32px}.download-options-row{gap:8px;width:100%;display:flex}.download-option-btn{background:var(--color-muted-foreground);height:46px;min-height:46px;color:var(--color-white);font-family:var(--font-family-sans);box-sizing:border-box;cursor:pointer;border:none;border-radius:6px;flex:1;padding:0;font-size:17px;font-weight:400;line-height:46px}.download-option-btn.full-width{width:100%}.upload-area.state-uploading,.upload-area.state-processing{justify-content:center}.upload-area.state-success{justify-content:flex-start;max-width:100%;min-height:calc(100dvh - 160px)}.upload-area.state-success:hover{transform:none}.upload-area.dragging{border-color:var(--color-primary);box-shadow:0 8px 32px 0 var(--color-primary-shadow), inset 0 1px 1px 0 var(--color-inset-light), inset 0 -1px 1px 0 var(--color-inset-dark);background:linear-gradient(135deg,#012fa726 0%,#012fa714 50%,#012fa726 100%)}.upload-area.processing{opacity:.9}.upload-area.completed{box-shadow:0 8px 32px 0 #22c55e4d, inset 0 1px 1px 0 var(--color-inset-light), inset 0 -1px 1px 0 var(--color-inset-dark);background:linear-gradient(135deg,#22c55e1f 0%,#22c55e0f 50%,#22c55e1f 100%);border-color:#22c55ecc}.close-btn{color:var(--color-text);cursor:pointer;opacity:.7;z-index:10;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all 1.2s;display:flex;position:absolute;top:10px;right:10px}.close-btn:hover{opacity:1;background:#ffffff1a;transform:scale(1.1)}.upload-success{flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:40px;display:flex;position:relative}.close-btn-corner{color:var(--color-text);cursor:pointer;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all 1.2s;display:flex;position:absolute;top:18px;right:18px}.close-btn-corner:hover{background:#ffffff1a;border-radius:4px;transform:scale(1.05)}.success-icon{margin-bottom:10px;padding-top:3px;display:flex}.success-icon svg{width:auto;height:auto}.success-title{color:var(--color-text);margin:0;font-size:28px;font-weight:400}.success-filename{color:#fffc;text-overflow:ellipsis;white-space:nowrap;max-width:80%;margin:0;font-size:16px;overflow:hidden}.success-message{color:#fff9;margin:0;font-size:14px}.download-btn{color:var(--color-white);cursor:pointer;background:linear-gradient(90deg,#012fa7,#0139c7);border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:10px;padding:16px 32px;font-size:16px;font-weight:400;transition:all .3s;display:flex}.download-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #012fa74d}.download-btn svg{width:20px;height:20px}@media (max-width:1280px){.hero{min-height:auto;padding:30px 20px}.hero-container{flex-direction:column;align-items:stretch;gap:40px}.hero-content{flex-direction:column;max-width:100%;min-height:auto;display:flex}.hero-text{order:1}.upload-area{order:2;max-width:100%;min-height:500px}.upload-content-top,.upload-controls{max-width:90%;padding:0 16px}.hero-disclaimer-desktop{display:none}.hero-disclaimer-mobile{text-align:left;order:3;width:100%;font-size:16px;line-height:20.8px;display:block}}@media (max-width:768px){.hero{min-height:auto;padding:24px 16px}.hero-container{gap:32px}.hero-content{flex-direction:column;min-height:auto;display:flex}.hero-text{order:1;gap:20px}.upload-area{order:2}.hero-disclaimer-desktop{display:none}.hero-disclaimer-mobile{text-align:left;order:3;width:100%;font-size:16px;line-height:20.8px;display:block}.hero-title{font-size:48px;line-height:52px}.hero-subtitle{max-width:100%;font-size:20px;line-height:28px}.upload-area{gap:12px;min-height:420px;padding:8px 12px 12px}.instrument-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;flex-wrap:nowrap;padding:4px 0 0;overflow-x:auto}.instrument-tabs::-webkit-scrollbar{display:none}.instrument-tab{scroll-snap-align:start;flex:none;min-width:0;min-height:48px;padding:12px 10px;font-size:15px;line-height:20px}.instrument-tabs:not(:has(.instrument-tab:nth-child(4))) .instrument-tab{flex:1 1 0}.instrument-tab svg{width:22px;height:22px}.upload-content-top{max-width:100%;padding:30px 16px}.upload-controls{max-width:100%;padding:0 16px 16px}.upload-icon svg{width:48px;height:48px}.upload-text{gap:12px}.upload-text h3{font-size:24px;line-height:28px}.upload-drop-zone{padding:24px 14px 28px}.upload-content-wrapper{gap:20px}.file-formats-visual img{max-width:180px}.upload-main-text{font-size:22px;line-height:28px}.upload-sub-text{font-size:14px;line-height:20px}.browse-files-btn{width:100%;min-height:52px;font-size:17px}}@media (max-width:480px){.hero{padding:20px 12px}.hero-container{gap:24px}.hero-text{gap:16px}.hero-title{font-size:36px;line-height:40px}.hero-subtitle{font-size:18px;line-height:26px}.upload-area{border-width:2px;gap:10px;min-height:380px;padding:6px 10px 10px}.instrument-tabs{padding:2px 0 0}.instrument-tab{padding:10px 8px;font-size:14px;line-height:19px}.instrument-tab svg{width:20px;height:20px}.upload-content-top{max-width:100%;padding:24px 12px}.upload-controls{max-width:100%;padding:0 12px 12px}.upload-icon svg{width:40px;height:40px}.upload-text h3{font-size:20px;line-height:24px}.upload-drop-zone{padding:20px 12px 24px}.upload-content-wrapper{gap:16px}.file-formats-visual img{max-width:148px}.upload-main-text{font-size:19px;line-height:25px}.upload-sub-text{font-size:13px;line-height:18px}.browse-files-btn{width:100%;min-height:50px;font-size:16px}}.hero-container.success-expanded .hero-disclaimer-mobile{display:none}.success-text{flex-direction:column;align-items:center;gap:12px;display:flex}.success-text h3{margin:0}.filename-text{color:var(--color-white);opacity:1;font-size:18px!important;line-height:24px!important}.success-controls.compact{gap:8px;width:100%}.download-transcription-btn{width:100%;height:98px;color:var(--color-white);cursor:pointer;background:#012fa7;border:none;border-radius:6px;justify-content:center;align-items:center;padding:1px;font-family:Hubot Sans,sans-serif;font-size:24px;font-weight:400;line-height:32px;transition:background 1.2s;display:flex}.download-transcription-btn:hover{background:#0139c7}.download-stem-btn{background:var(--color-surface-muted);width:100%;height:98px;color:var(--color-white);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:1px;font-family:Hubot Sans,sans-serif;font-size:24px;font-weight:400;line-height:32px;transition:background 1.2s;display:flex}.download-stem-btn:hover{background:#6f6e70}.error-overlay{border:1px solid var(--color-danger);z-index:20;background:#ff6b6b1a;border-radius:6px;padding:12px;position:absolute;bottom:20px;left:20px;right:20px}.error-message{color:var(--color-danger);text-align:center;margin:0;font-size:16px}[data-theme=light] .upload-area{border:1px solid var(--color-border-lighter);box-shadow:0 8px 32px 0 var(--color-shadow), inset 0 1px 1px 0 var(--color-inset-light), inset 0 -1px 1px 0 var(--color-inset-dark);background:linear-gradient(135deg,#ffffff14 0%,#ffffff0f 50%,#ffffff14 100%)}[data-theme=light] .upload-area:before{box-shadow:inset 0 0 0px .06rem var(--color-inset-light)}[data-theme=light] .upload-area:hover:before{box-shadow:inset 0 0 0 .08rem var(--color-inset-light)}[data-theme=light] .upload-drop-zone{border:2.842px dashed var(--color-border-lighter);background:#f0f0f059}[data-theme=light] .instrument-tab.active{color:var(--color-primary)}.upload-area.state-cold_starting{justify-content:center}.cold-start-pulse{animation:2s ease-in-out infinite cold-start-pulse-anim}@keyframes cold-start-pulse-anim{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.cold-start-message{color:var(--color-white);margin:0;font-size:20px;font-weight:600}.cold-start-sub{color:var(--color-muted-foreground);margin:6px 0 0;font-size:14px;line-height:1.4}.cold-start-bar{background:linear-gradient(90deg, transparent 0%, var(--color-primary) 50%, transparent 100%);background-size:200% 100%;border-radius:4px;width:100%;height:8px;animation:2s ease-in-out infinite cold-start-shimmer}@keyframes cold-start-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width:768px){.upload-area.state-success{min-height:calc(100dvh - 120px)}.download-transcription-btn,.download-stem-btn{height:56px;font-size:17px;line-height:22px}.success-controls.compact{flex-direction:column}.success-text{gap:8px}.filename-text{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden;font-size:15px!important;line-height:20px!important}.error-overlay{padding:10px;bottom:10px;left:10px;right:10px}.cold-start-message{font-size:17px}.cold-start-sub{font-size:13px}.cancel-btn.compact{border:1px solid var(--color-border-light);border-radius:8px;min-height:44px;padding:0 20px}}
.features{background-color:var(--color-tinted-background);justify-content:center;align-items:center;width:100%;padding:0 80px 80px;display:flex;position:relative;overflow:hidden}.features:before{content:"";background-image:radial-gradient(circle, var(--color-dot-pattern-dark) 1.5px, transparent 1.5px);opacity:.35;pointer-events:none;z-index:0;background-position:0 0;background-size:43px 43px;position:absolute;inset:0}.features-gradient{background:linear-gradient(to bottom, #15151500 0%, var(--color-tinted-background) 100%);pointer-events:none;width:100%;height:249px}.features-container{z-index:1;flex-direction:column;gap:60px;width:100%;max-width:1190px;padding:0 20px;display:flex;position:relative}.features-header{justify-content:space-between;align-items:center;gap:40px;display:flex}.features-title-wrapper{width:100%;max-width:420px}.features-title{color:var(--color-text);font-family:var(--font-family-sans);margin:0;font-size:40px;font-weight:400;line-height:52px;transition:color 1.2s}.features-description-wrapper{width:100%;max-width:430px}.features-description{color:var(--color-text);font-family:var(--font-family-sans);margin:0;font-size:20px;font-weight:400;line-height:24px;transition:color 1.2s}.features-cards{gap:24px;width:100%;display:flex}.feature-card{background-color:var(--color-primary);border-radius:16px;flex:1;padding:16px 4px 4px}.feature-card:nth-child(2){padding:4px 4px 16px}.feature-card-inner{background-color:var(--color-panel1);border-radius:13px;flex-direction:column;gap:40px;height:100%;padding:40px 24px 24px;display:flex}.feature-icons{justify-content:center;align-items:center;gap:50px;height:120px;display:flex}.feature-icon-arrow{width:137px;height:82px}.feature-icon-wave{width:62px;height:120px}.feature-icon-hands{width:92px;height:112px}.feature-icon-pencil{width:100px;height:112px}.feature-icon-check{width:110px;height:102px}.feature-icon-smile{width:102px;height:102px}.feature-content{flex-direction:column;gap:12px;display:flex}.feature-icon-arrow,.feature-icon-wave,.feature-icon-hands,.feature-icon-pencil,.feature-icon-check,.feature-icon-smile{color:var(--color-foreground)}.feature-card-title{color:var(--color-foreground);font-family:var(--font-family-sans);margin:0;font-size:24px;font-weight:400;line-height:31.2px}.feature-card-text{color:var(--color-muted-foreground);font-family:var(--font-family-sans);margin:0;font-size:16px;font-weight:400;line-height:20.8px}@media (max-width:1024px){.features-header{flex-direction:column;align-items:flex-start;gap:14px}.features-title-wrapper,.features-description-wrapper{max-width:100%}.features-cards{flex-direction:column}.feature-card{padding:16px 4px 4px}}@media (max-width:768px){.features{padding:60px 0}.features-container{gap:40px}.features-title{font-size:32px;line-height:40px}.features-description{font-size:18px;line-height:22px}.feature-icons{gap:30px;height:100px}.feature-icon-arrow,.feature-icon-hands,.feature-icon-pencil,.feature-icon-check,.feature-icon-smile{transform:scale(.8)}.feature-card-title{font-size:20px;line-height:26px}.feature-card-text{font-size:14px;line-height:18px}}[data-theme=light] .features:before{background-image:radial-gradient(circle, var(--color-dot-pattern-light) 1.5px, transparent 1.5px);opacity:.5}[data-theme=light] .features-gradient{background:linear-gradient(to bottom, #fff0 0%, var(--color-tinted-background) 100%)}[data-theme=light] .feature-icon-check,[data-theme=light] .feature-icon-smile,[data-theme=light] .feature-icon-hands,[data-theme=light] .feature-icon-pencil,[data-theme=light] .feature-icon-arrow,[data-theme=light] .feature-icon-wave{color:var(--color-primary)}