.file-demo{--demo-green:#23845e;--demo-green-soft:#e1f5eb;position:relative;width:100%;border:1px solid var(--line);border-radius:25px;background:var(--surface);box-shadow:0 24px 65px #25154012,0 2px 5px #25154008;overflow:hidden;isolation:isolate}[data-theme=dark] .file-demo{--demo-green:#69d6a5;--demo-green-soft:#1b362e}.fd-top,.fd-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px}.fd-top{border-bottom:1px solid var(--line);font-size:13px;font-weight:600}.fd-top>span{display:flex;align-items:center;gap:8px}.fd-top img{width:23px;height:23px}.fd-local{color:var(--muted);font-size:11px;font-weight:500}.fd-local svg{width:14px;height:14px}.fd-stage{position:relative;height:477px;overflow:hidden;background:radial-gradient(ellipse at 50% 25%,var(--soft),transparent 75%)}.fd-scene{position:absolute;inset:0;padding:30px 28px;opacity:0;transform:translateY(15px) scale(.985);transition:opacity .55s ease,transform .65s cubic-bezier(.2,.65,.2,1);visibility:hidden;pointer-events:none;display:flex;flex-direction:column}.fd-scene.is-active{opacity:1;transform:none;visibility:visible}.fd-scene .scene-title{font-size:31px;line-height:1.18;letter-spacing:-1px;font-weight:650;margin:0 0 24px;color:var(--ink)}.fd-scene p{font-size:16px;line-height:1.6;color:var(--body);margin:0}.fd-scene svg{width:24px;height:24px}.fd-label{font-size:12px;letter-spacing:.02em;color:var(--muted);display:block;margin-bottom:10px}.fd-brand,.fd-done{text-align:center;align-items:center}.fd-drop{position:relative;min-height:216px;border:1.5px dashed var(--line);border-radius:18px;display:flex;align-items:center;flex-direction:column;justify-content:center;background:var(--card);transition:border-color .4s,background .4s}.fd-drop-icon{color:var(--accent);margin-bottom:10px}.fd-drop-icon svg{width:31px;height:31px}.fd-drop>strong{font-size:17px}.fd-drop-hint{font-size:12px;color:var(--muted);margin-top:7px}.fd-file{position:absolute;left:16px;right:16px;top:67px;display:flex;gap:12px;align-items:center;padding:18px 14px;border:1px solid var(--accent);border-radius:13px;background:var(--surface);box-shadow:0 15px 28px #170b3022;transform:translate(var(--drag-x),var(--drag-y)) rotate(var(--drag-turn));z-index:2}.fd-file-icon{padding:9px;background:var(--soft);border-radius:9px;color:var(--accent);display:flex}.fd-file b,.fd-file small{display:block}.fd-file b{font-size:16px}.fd-file small{font-size:11px;color:var(--muted);margin-top:5px}.fd-file-check{margin-left:auto;color:var(--demo-green);opacity:0}.fd-cursor{position:absolute;bottom:-22px;right:25px;color:var(--ink);filter:drop-shadow(1px 2px 0 var(--card));transition:opacity .3s}.file-demo[data-dropped=true] .fd-file-check{opacity:1}.file-demo[data-dropped=true] .fd-cursor{opacity:0}.file-demo[data-dropped=true] .fd-drop{border-color:var(--accent);background:var(--soft)}.fd-formats{display:flex;gap:6px;flex-wrap:wrap;margin:23px 0 0;justify-content:center}.fd-formats>span{font-size:10px;color:var(--muted);padding:5px 7px;border-radius:5px;background:var(--card);border:1px solid var(--line)}.fd-engines .scene-title{margin-bottom:25px}.fd-options{display:flex;gap:10px;margin-bottom:21px}.fd-asr>.fd-choice{flex:1;min-width:0}.fd-choice{display:flex;gap:9px;align-items:center;padding:16px 12px;border:1px solid var(--line);background:var(--card);border-radius:13px;transition:background .35s,border-color .35s,box-shadow .35s}.fd-choice b,.fd-choice small{display:block}.fd-choice b{font-size:14px;font-weight:650}.fd-choice small{font-size:10px;color:var(--muted);margin-top:5px}.fd-choice i{display:flex;width:16px;height:16px;border:1px solid var(--line);border-radius:50%;margin-left:auto;flex:none}.fd-choice i svg{opacity:0;width:14px;height:14px}.fd-engine-glyph{font-size:25px;color:var(--accent)}.fd-choice img{width:27px;height:27px}.fd-polish{flex-direction:row}.fd-polish>.fd-choice{flex:1;min-width:0}.fd-eg{padding:16px 12px}.file-demo[data-selected=transcription] .fd-parakeet,.file-demo[data-selected=both] .fd-parakeet,.file-demo[data-selected=both] .fd-eg{background:var(--soft);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.file-demo[data-selected=transcription] .fd-parakeet i,.file-demo[data-selected=both] .fd-parakeet i,.file-demo[data-selected=both] .fd-eg i{background:var(--accent);border-color:var(--accent);color:var(--bg)}.file-demo[data-selected=transcription] .fd-parakeet i svg,.file-demo[data-selected=both] .fd-choice i svg{opacity:1}.fd-ready{display:flex;gap:8px;color:var(--muted);font-size:11px;align-items:center;opacity:0;transition:opacity .4s}.fd-ready svg{width:14px;height:14px}.file-demo[data-selected=both] .fd-ready{opacity:1}.fd-process-heading .scene-title{min-height:75px;margin-bottom:15px}.fd-workspace{position:relative;height:203px;border:1px solid var(--line);border-radius:15px;background:var(--card);overflow:hidden}.fd-wave{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:5px;transition:opacity .45s,transform .6s}.fd-wave i{height:var(--bar);width:4px;border-radius:6px;background:var(--accent);animation:fd-wave 1s ease-in-out var(--delay) infinite}.fd-passage-grid{position:absolute;inset:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px;opacity:0;transform:scale(.94);transition:opacity .5s,transform .6s}.fd-passage{position:relative;border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--surface);transition:border-color .4s,background .4s}.fd-passage>span{font-size:9px;color:var(--muted);display:block;margin-bottom:9px}.fd-passage>i{height:3px;background:var(--line);border-radius:4px;display:block;margin:5px 0}.fd-passage>i:nth-of-type(2){width:80%}.fd-passage>b{position:absolute;top:8px;right:6px;color:var(--demo-green);opacity:0}.fd-passage>b svg{width:12px;height:12px}.fd-passage.clean{background:var(--demo-green-soft);border-color:var(--demo-green)}.fd-passage.clean>b{opacity:1}.fd-passage.working{border-color:var(--accent);box-shadow:0 0 0 2px var(--soft)}.file-demo:not([data-process="0"]) .fd-wave{opacity:0;transform:scaleX(.9)}.file-demo:not([data-process="0"]) .fd-passage-grid{opacity:1;transform:none}.fd-stages{display:flex;justify-content:space-between;margin:20px 0 12px;font-size:11px;color:var(--muted)}.file-demo[data-process="0"] .fd-stages span:nth-child(1),.file-demo[data-process="1"] .fd-stages span:nth-child(2),.file-demo[data-process="2"] .fd-stages span:nth-child(3){color:var(--accent);font-weight:700}.fd-work-progress{height:5px;background:var(--line);border-radius:5px;overflow:hidden}.fd-work-progress i{display:block;height:100%;background:var(--accent);transform:scaleX(var(--work-progress));transform-origin:left}.fd-work-note{font-size:11px;margin-top:12px}.fd-check{display:grid;place-items:center;width:57px;height:57px;background:var(--demo-green-soft);color:var(--demo-green);border:1px solid var(--demo-green);border-radius:50%;margin:0 0 18px}.fd-check svg{width:29px;height:29px}.fd-done .fd-label{font-size:11px}.fd-done .scene-title{font-size:29px;margin:7px 0 22px}.fd-result-document{width:100%;border:1px solid var(--line);background:var(--card);padding:16px 19px;border-radius:12px;text-align:left}.fd-result-document>span{display:flex;gap:7px;align-items:center;margin-bottom:18px}.fd-result-document svg{width:17px;height:17px;color:var(--accent)}.fd-result-document b{font-size:12px}.fd-result-document small{font-size:9px;color:var(--muted);margin-left:auto}.fd-result-document>i{display:block;height:3px;border-radius:4px;background:var(--line);margin-bottom:8px}.fd-result-document>i:last-child{width:68%}.fd-stats{display:grid;grid-template-columns:repeat(3,1fr);width:100%;margin:22px 0 15px;gap:7px}.fd-stats>div+div{border-left:1px solid var(--line)}.fd-stats strong{font-size:14px;font-weight:600;display:block;color:var(--muted)}.fd-stats small{display:block;font-size:10px;margin-top:7px;color:var(--body)}.fd-pending{font-size:10px;color:var(--muted)}.fd-brand{justify-content:center}.fd-brand .loop-lips{width:235px;height:235px;margin:-25px 0 5px}.fd-brand .scene-title{font-size:37px;margin:6px 0 14px}.fd-brand .fd-label{font-size:12px}.fd-bottom{padding:14px 22px 12px;font-size:11px;color:var(--muted);border-top:1px solid var(--line)}.fd-bottom button{display:grid;place-items:center;width:33px;height:33px;flex:none;background:var(--card);border:1px solid var(--line);border-radius:50%;color:var(--accent);cursor:pointer;font-size:15px}.fd-bottom button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.fd-progress{display:flex;gap:5px;padding:0 22px 16px}.fd-progress i{height:3px;flex:1;border-radius:3px;background:linear-gradient(to right,var(--accent) calc(var(--fill)*100%),var(--line) 0)}.fd-accessible{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.file-demo[data-animate=paused] *,.file-demo[data-playing=false] *{animation-play-state:paused!important}@keyframes fd-wave{50%{transform:scaleY(.55)}}@media(max-width:650px){.fd-top{padding:15px 18px}.fd-stage{height:478px}.fd-scene{padding:26px 20px}.fd-scene .scene-title{font-size:28px}.fd-asr{gap:8px}.fd-choice{padding:14px 9px;gap:6px}.fd-engine-glyph{display:none}.fd-choice b{font-size:13px}.fd-choice small{font-size:9px}.fd-done .scene-title{font-size:27px}.fd-done .fd-pending{font-size:9px}.fd-wave{gap:4px}.fd-wave i{width:3px}}@media(prefers-reduced-motion:reduce){.file-demo *{animation:none!important;transition:none!important}}