:root{color-scheme:light;--ink:#1a2324;--muted:#6c7877;--line:#dfe5e1;--paper:#f7f8f5;--panel:#fff;--green:#246e5b;--green-dark:#1b5949;--lime:#d7efb4;--coral:#b95743;--soft:#eef3ee;--mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;--sans:Inter,"Segoe UI",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}.topbar,.footer{height:68px;padding:0 clamp(20px,5.6vw,84px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font:700 11px var(--mono);letter-spacing:.12em}.brand-mark{display:flex;align-items:center;justify-content:center;gap:2px;width:23px;height:23px;border:1px solid #b6c8bf;border-radius:7px;background:#fff}.brand-mark span{width:2px;border-radius:4px;background:var(--green)}.brand-mark span:nth-child(1),.brand-mark span:nth-child(4){height:6px}.brand-mark span:nth-child(2){height:11px}.brand-mark span:nth-child(3){height:8px}.topbar-note,.footer>span{color:var(--muted);font:9px var(--mono);letter-spacing:.085em}.live-dot,.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#71a77e;margin-right:8px;vertical-align:1px}.topbar-divider{padding:0 10px;color:#bac5be}main{max-width:1320px;margin:auto}.tool-shell{padding:54px clamp(20px,5.6vw,84px) 52px}.tool-heading{margin-bottom:24px}.eyebrow{display:flex;align-items:center;gap:9px;color:#788580;font:9px var(--mono);letter-spacing:.12em}.eyebrow-line{width:22px;height:1px;background:var(--green)}h1{margin:14px 0 7px;font-size:clamp(30px,4vw,46px);line-height:1.05;letter-spacing:-.055em;font-weight:650}h1 span{font-family:var(--serif);font-weight:400;font-style:italic;color:var(--green)}.heading-copy{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.workspace{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:14px;align-items:stretch}.panel{position:relative;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:11px;box-shadow:0 6px 24px rgba(32,49,41,.035)}.input-panel{padding:24px 25px 19px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:28px}.panel-head>div{display:flex;align-items:center;gap:11px;min-width:0}.step-number{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:8px;background:#eaf1ec;color:var(--green);font:10px var(--mono)}.panel h2{margin:0;font-size:14px;font-weight:640;letter-spacing:-.02em}.platform-tag{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid var(--line);border-radius:30px;color:#57625f;font-size:10px;white-space:nowrap}.platform-tag svg{width:14px;height:14px;fill:none;stroke:#bb4d76;stroke-width:1.55}.platform-tag .camera-dot{fill:#bb4d76;stroke:none}.field-label,.language-option>label{display:flex;align-items:center;justify-content:space-between;color:#596561;font:9px var(--mono);letter-spacing:.09em}.field-label span{color:#a0aaa5;font-size:8px}.url-field{display:flex;align-items:center;gap:10px;height:52px;margin-top:9px;padding:0 11px;border:1px solid #cbd6d0;border-radius:8px;background:#fcfdfb;transition:border-color .18s,box-shadow .18s}.url-field:focus-within{border-color:var(--green);box-shadow:0 0 0 3px rgba(36,110,91,.1)}.url-field.invalid{border-color:var(--coral);box-shadow:0 0 0 3px rgba(185,87,67,.08)}.link-icon{width:16px;height:16px;flex:none;fill:none;stroke:#87948e;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.url-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:12px var(--sans)}.url-field input::placeholder{color:#aab3ae}.paste-button{flex:none;border:0;background:transparent;padding:8px 4px;color:var(--green);font:700 9px var(--mono);letter-spacing:.06em;cursor:pointer}.paste-button:hover{color:var(--green-dark)}.field-help,.field-error{min-height:15px;margin:8px 0 0;color:#8b9690;font-size:10px;line-height:1.4}.field-error{color:var(--coral)}.options-row{display:grid;grid-template-columns:1fr 1.1fr;gap:13px;margin:19px 0 18px}.language-option>label{margin-bottom:8px}.select-wrap{position:relative}.select-wrap select{appearance:none;width:100%;height:40px;padding:0 29px 0 11px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#293230;font:11px var(--sans);outline:none}.select-wrap select:focus{border-color:var(--green)}.select-chevron{position:absolute;top:8px;right:11px;color:#85918a;pointer-events:none}.toggle-option{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:7px 10px;border:1px solid var(--line);border-radius:7px;cursor:pointer}.toggle-copy{display:grid;gap:4px}.toggle-copy strong{font-size:10px;font-weight:600}.toggle-copy small{color:#89938e;font-size:9px;white-space:nowrap}.switch{position:relative;flex:none;width:31px;height:18px}.switch input{position:absolute;width:1px;height:1px;opacity:0}.switch-track{position:absolute;inset:0;border:1px solid #bdc9c1;border-radius:11px;background:#edf0ed;transition:.18s}.switch-track:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0002;transition:.18s}.switch input:checked+.switch-track{border-color:var(--green);background:var(--green)}.switch input:checked+.switch-track:after{transform:translateX(13px)}.switch input:focus-visible+.switch-track{outline:3px solid #b6d9cb;outline-offset:2px}.transcribe-button{display:flex;align-items:center;justify-content:center;gap:11px;position:relative;width:100%;height:48px;border:0;border-radius:7px;background:var(--green);color:white;font:600 12px var(--sans);cursor:pointer;transition:background .16s,transform .16s,box-shadow .16s}.transcribe-button:not(:disabled):hover{background:var(--green-dark);box-shadow:0 5px 13px #246e5b2b}.transcribe-button:not(:disabled):active{transform:scale(.99)}.transcribe-button:disabled{background:#a4b9ae;cursor:not-allowed}.transcribe-button:focus-visible,.copy-button:focus-visible,.download-actions button:focus-visible,.paste-button:focus-visible{outline:3px solid #b6d9cb;outline-offset:2px}.button-arrow{font-size:16px;font-weight:400}.transcribe-button.loading .button-arrow{display:none}.transcribe-button.loading .button-label:before{content:"";display:inline-block;width:11px;height:11px;margin-right:9px;vertical-align:-2px;border:1.5px solid #ffffff70;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.button-foot{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:11px;color:#909a94;font:9px var(--mono);letter-spacing:.025em}.lock-icon{font-size:12px}.foot-separator{color:#c3cbc6}.wave-rule{display:flex;height:24px;align-items:center;justify-content:center;gap:4px;margin:20px -25px 0;border-top:1px solid #edf0ed;border-bottom:1px solid #edf0ed}.wave-rule span{width:2px;height:5px;border-radius:2px;background:#d4dfd8}.wave-rule span:nth-child(3n){height:10px}.wave-rule span:nth-child(5n){height:14px;background:#bdcfc4}.wave-rule span:nth-child(7n){height:7px}.support-note{display:flex;align-items:center;gap:10px;padding-top:14px;color:#858f8a;font-size:9px;line-height:1.55}.support-note strong{color:#495650;font-size:10px;font-weight:600}.support-check{display:grid;place-items:center;width:19px;height:19px;flex:none;border-radius:50%;background:#eaf2e9;color:var(--green);font-size:11px}.support-separator{width:1px;height:24px;margin:0 4px;background:var(--line)}.result-panel{display:flex;flex-direction:column;min-height:402px;padding:24px 25px 0;overflow:hidden}.result-head{margin-bottom:19px}.result-status{color:#87918b;font:8px var(--mono);letter-spacing:.075em;white-space:nowrap}.result-status .status-dot{width:5px;height:5px;background:#c1ccc4;margin-right:6px}.result-status.busy .status-dot{background:#cc9b37;animation:pulse 1s infinite alternate}.result-status.complete .status-dot{background:var(--green)}.result-status.error .status-dot{background:var(--coral)}@keyframes pulse{to{opacity:.3}}.result-empty{display:flex;flex:1;min-height:250px;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px 15px}.sound-glyph{display:flex;align-items:center;justify-content:center;gap:3px;width:46px;height:46px;margin-bottom:17px;border:1px solid #e4ebe6;border-radius:14px;background:#f8faf7}.sound-glyph span{width:2px;height:8px;border-radius:2px;background:#91ac9d}.sound-glyph span:nth-child(2),.sound-glyph span:nth-child(7){height:15px}.sound-glyph span:nth-child(3),.sound-glyph span:nth-child(6){height:20px;background:var(--green)}.sound-glyph span:nth-child(4){height:11px}.sound-glyph span:nth-child(5){height:16px;background:#668c78}.sound-glyph span:nth-child(8){height:12px}.empty-title{margin:0;color:#293431;font:italic 18px var(--serif)}.empty-copy{max-width:270px;margin:8px 0 19px;color:#929c96;font-size:10px;line-height:1.65}.empty-meta{display:flex;align-items:center;gap:8px;color:#a4ada8;font:8px var(--mono);letter-spacing:.055em}.empty-meta i{width:3px;height:3px;border-radius:50%;background:#c8d1ca}.result-bottom{display:flex;justify-content:space-between;margin:0 -25px;padding:12px 25px;border-top:1px solid #edf0ed;color:#9aa39e;font:8px var(--mono);letter-spacing:.08em}.result-content{display:flex;flex:1;min-height:0;flex-direction:column}.transcript-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#88958d;font:8px var(--mono);letter-spacing:.09em}.transcript-meta span:first-child{color:var(--green)}#transcript-text{width:100%;min-height:190px;flex:1;resize:vertical;border:1px solid #e3e9e4;border-radius:7px;background:#fcfdfb;padding:15px;color:#34413b;font:12px/1.8 var(--sans);outline:none}#transcript-text:focus{border-color:#9eb7a9}.result-actions{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:12px}.copy-button{height:36px;padding:0 13px;border:0;border-radius:6px;background:#1e2927;color:#fff;font:600 10px var(--sans);cursor:pointer}.copy-button:hover{background:#34413d}.copy-button span{margin-right:5px}.download-actions{display:flex;gap:5px}.download-actions button{height:34px;padding:0 9px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#606e67;font:9px var(--mono);cursor:pointer}.download-actions button:hover{border-color:#a9b9af;color:var(--green)}.copy-feedback{min-height:16px;margin:7px 0 4px;color:var(--green);font-size:9px}.result-panel.has-error{border-color:#e7c5bd}.privacy-line{display:flex;align-items:center;justify-content:center;gap:7px;margin:16px 0 0;color:#909a94;font-size:9px}.privacy-symbol{color:var(--green)}.details-section{padding:42px clamp(20px,5.6vw,84px) 49px;border-top:1px solid var(--line);background:#f1f4f0}.details-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:19px}.details-intro h2,.faq-section h2{margin:11px 0 0;font:400 clamp(24px,3vw,34px)/1.1 var(--serif);letter-spacing:-.04em}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.detail-card{min-width:0;padding:20px 22px;border:1px solid #dde5de;border-radius:9px;background:#fafbf9}.detail-index{color:#89958d;font:8px var(--mono);letter-spacing:.11em}.detail-card h3{margin:10px 0 17px;font-size:14px;letter-spacing:-.02em}.steps-list,.support-list{list-style:none;padding:0;margin:0}.steps-list li{display:flex;gap:14px;padding:9px 0;border-top:1px solid #edf0ed}.steps-list li>span{padding-top:2px;color:var(--green);font:9px var(--mono)}.steps-list p,.support-list p{margin:0;color:#707b75;font-size:10px;line-height:1.6}.support-list li{display:flex;gap:11px;padding:9px 0;border-top:1px solid #edf0ed}.support-list li>span{color:var(--green);font-size:12px}.support-list li:last-child>span{color:#a1aaa5}.support-list strong{color:#37433e;font-size:10px;font-weight:600}.support-list code{color:#58675f;font:9px var(--mono)}.scope-note{margin:14px 0 0;padding:10px 11px;border-left:2px solid #c7d8cc;background:#f2f6f2;color:#78847d;font-size:9px;line-height:1.6}.faq-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:45px;padding:46px clamp(20px,5.6vw,84px) 55px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{position:relative;padding:14px 30px 14px 0;list-style:none;color:#2a3531;font-size:11px;font-weight:600;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:4px;top:11px;color:var(--green);font:16px var(--mono)}.faq-list details[open] summary:after{content:"−"}.faq-list details p{max-width:630px;margin:0;padding:0 30px 15px 0;color:#738078;font-size:10px;line-height:1.75}.footer{height:60px;border-top:1px solid var(--line);border-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline-color:#8bb69f}body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}@media(max-width:780px){.topbar,.footer{height:58px}.topbar-note{font-size:8px}.tool-shell{padding-top:36px;padding-bottom:37px}.workspace{grid-template-columns:1fr;gap:11px}.input-panel{padding:20px 18px 16px}.result-panel{min-height:340px;padding:20px 18px 0}.panel-head{margin-bottom:22px}.wave-rule{margin-right:-18px;margin-left:-18px}.result-bottom{margin-right:-18px;margin-left:-18px;padding-right:18px;padding-left:18px}.result-empty{min-height:218px}.details-section{padding-top:35px;padding-bottom:38px}.details-intro{display:block}.details-grid{grid-template-columns:1fr}.faq-section{grid-template-columns:1fr;gap:20px;padding-top:36px;padding-bottom:42px}}@media(max-width:430px){.topbar,.footer{padding-right:17px;padding-left:17px}.topbar-note{letter-spacing:.025em}.topbar-divider{padding:0 4px}.tool-shell{padding:30px 14px 32px}.tool-heading{margin-bottom:19px}.heading-copy{max-width:320px;font-size:12px}.panel h2{font-size:13px}.input-panel,.result-panel{padding-right:15px;padding-left:15px}.panel-head{margin-bottom:19px}.field-label{font-size:8px}.field-label span{font-size:7px}.url-field{height:49px;padding:0 9px;gap:8px}.url-field input{font-size:11px}.paste-button{font-size:8px}.options-row{grid-template-columns:1fr;gap:9px;margin:15px 0}.toggle-option{min-height:53px}.wave-rule{margin-right:-15px;margin-left:-15px}.support-note{gap:8px;font-size:8px}.support-note strong{font-size:9px}.support-separator{margin:0 2px}.result-panel{min-height:325px}.result-status{font-size:7px}.result-bottom{margin-right:-15px;margin-left:-15px;padding-right:15px;padding-left:15px}.empty-meta{gap:5px;font-size:7px}.result-actions{flex-wrap:wrap}.copy-button{flex:1}.download-actions{width:100%}.download-actions button{flex:1}.details-section{padding-right:14px;padding-left:14px}.detail-card{padding:18px}.faq-section{padding-right:14px;padding-left:14px}.footer>span{font-size:7px}.footer .brand{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

[hidden]{display:none!important}
.result-error{margin:0 0 12px;padding:10px 12px;border:1px solid #edd1ca;border-radius:7px;background:#fff8f6;color:#99513f;font-size:10px;line-height:1.55}[hidden]{display:none!important}