.ae{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);max-width:1120px;box-shadow:0 18px 48px var(--shadow-a);margin-inline:auto;overflow:hidden}.ae__file-input{opacity:0;width:1px;height:1px;position:absolute}.ae__empty{grid-template-columns:1.08fr .92fr;min-height:360px;display:grid}.ae__drop{text-align:center;cursor:pointer;background:radial-gradient(circle at 45% 24%,var(--accent-soft),transparent 62%),var(--surface-inset);border:10px solid var(--surface);border-radius:var(--r-lg);outline:2px dashed var(--border-input);outline-offset:-25px;align-content:center;justify-items:center;gap:10px;min-width:0;padding:34px 24px;transition:background .18s,outline-color .18s;display:grid}.ae__drop.is-over,.ae__drop:hover{background:var(--accent-soft);outline-color:var(--accent)}.ae:has(.ae__file-input:focus-visible) .ae__drop{outline:3px solid var(--focus);outline-offset:-25px}.ae__drop-mark{border:1px solid var(--border-input);background:var(--surface);width:76px;height:76px;color:var(--accent-text);box-shadow:0 13px 30px var(--shadow-a);border-radius:23px;place-items:center;margin-bottom:7px;display:grid;transform:rotate(-7deg)}.ae__drop-mark svg{width:47px;height:47px}.ae__drop strong{letter-spacing:-.03em;max-width:340px;font-size:clamp(1.25rem,1.08rem + .8vw,1.65rem);line-height:1.18}.ae__drop>span:nth-last-child(2){color:var(--text-muted);font-size:.84rem}.ae__choose{background:var(--accent);color:var(--on-accent);box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 22%,transparent);border-radius:999px;align-items:center;gap:13px;margin-top:12px;padding:11px 19px;font-size:.83rem;font-weight:720;display:inline-flex}.ae__empty-side{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:32px clamp(26px,3.5vw,52px);display:flex;position:relative;overflow:hidden}.ae__empty-side:after{content:"";border:1px solid var(--border);width:240px;height:240px;box-shadow:0 0 0 26px var(--surface),0 0 0 27px var(--border);pointer-events:none;opacity:.65;border-radius:50%;position:absolute;bottom:-86px;right:-52px}.ae__signal{width:100%;max-width:315px;font:700 .63rem var(--font-mono);letter-spacing:.12em;color:var(--text-subtle);align-items:center;gap:12px;margin-bottom:26px;display:flex}.ae__signal span:last-child{color:var(--accent-text)}.ae__signal i{background:var(--border-strong);flex:1;height:1px;position:relative}.ae__signal i:after{content:"›";color:var(--accent-text);font-size:1.2rem;position:absolute;top:-11px;right:-3px}.ae__empty-eyebrow,.ae__eyebrow{font:700 .63rem var(--font-mono);letter-spacing:.12em;color:var(--accent-text)}.ae__empty-side h2{letter-spacing:-.04em;max-width:310px;margin:5px 0 12px;font-size:clamp(1.6rem,1.28rem + 1.4vw,2.15rem);line-height:1.1}.ae__empty-side>p:not(.ae__empty-eyebrow){max-width:335px;color:var(--text-muted);margin:0;font-size:.86rem;line-height:1.6}.ae__format-pills{flex-wrap:wrap;gap:7px;margin-top:24px;display:flex}.ae__format-pills span{border:1px solid var(--border);background:var(--surface-2);font:.65rem var(--font-mono);color:var(--text-muted);border-radius:99px;padding:6px 10px}.ae__sample,.ae__whole,.ae__preview-button{color:var(--accent-text);font:650 .78rem var(--font);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;text-decoration:underline}.ae__sample{z-index:1;margin-top:25px;padding:2px 0;position:relative}.ae__empty-side>.ae__empty-status{min-height:1em;color:var(--danger);margin:8px 0 0;font-size:.7rem}.ae__sample:hover,.ae__whole:hover,.ae__preview-button:hover{color:var(--text)}.ae__studio[hidden],.ae__empty[hidden],.ae__result[hidden],.ae__bitrate[hidden],.ae__video-box p[hidden]{display:none}.ae__studio-head{border-bottom:1px solid var(--border);background:var(--surface-2);justify-content:space-between;align-items:center;gap:15px;padding:19px 23px;display:flex}.ae__studio-head>div:first-child{flex:1;min-width:0}.ae__studio-actions{flex:none;align-items:center;gap:8px;display:flex}.ae__studio-head h2{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em;max-width:630px;margin:4px 0 2px;font-size:1.1rem;overflow:hidden}.ae__studio-head p{color:var(--text-muted);margin:0;font-size:.72rem}.ae__main{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);display:grid}.ae__preview-area{border-right:1px solid var(--border);min-width:0;padding:21px}.ae__video-box{aspect-ratio:16/8.6;border-radius:var(--r-md);background:var(--surface-inset);place-items:center;min-height:240px;max-height:390px;display:grid;overflow:hidden}.ae__video-box video{object-fit:contain;background:var(--surface-inset);width:100%;height:100%;max-height:390px;display:block}.ae__video-box p{max-width:270px;color:var(--text-muted);text-align:center;font-size:.8rem}.ae__timeline-head{justify-content:space-between;align-items:center;gap:12px;margin:20px 0 11px;display:flex}.ae__timeline-head>div{gap:2px;display:grid}.ae__timeline-head strong{font-size:.8rem}.ae__timeline-head span{color:var(--text-muted);font-size:.7rem}.ae__preview-button{white-space:nowrap}.ae__preview-button:disabled{opacity:.5;cursor:not-allowed}.ae__wave{touch-action:none;border:1px solid var(--border-input);border-radius:var(--r-md);background:var(--surface-inset);cursor:crosshair;height:96px;position:relative;overflow:visible}.ae__wave-bars{pointer-events:none;align-items:center;gap:2px;height:100%;padding:13px 10px;display:flex;overflow:hidden}.ae__wave-bars span{min-width:1px;height:var(--height);background:var(--border-strong);border-radius:3px;flex:1;min-height:3px;transition:height .25s}.ae__wave-bars span.is-selected{background:var(--accent)}.ae__selection{top:0;bottom:0;left:var(--ae-start);right:calc(100% - var(--ae-end));border-block:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent);pointer-events:none;position:absolute}.ae__handle{z-index:2;border:0;border-inline:3px solid var(--accent);background:var(--surface);width:14px;box-shadow:0 0 0 1px var(--border-input),0 5px 12px var(--shadow-a);cursor:ew-resize;border-radius:5px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.ae__handle--start{left:var(--ae-start)}.ae__handle--end{left:var(--ae-end)}.ae__handle:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.ae__wave-note{min-height:18px;color:var(--text-subtle);margin:8px 0 0;font-size:.69rem}.ae__times{align-items:end;gap:11px;margin-top:12px;display:flex}.ae__times label{gap:6px;min-width:0;max-width:150px;font-size:.72rem;font-weight:650;display:grid}.ae__times label span{color:var(--text-subtle);font-weight:450}.ae__times .input{width:100%;font:600 .84rem var(--font-mono)}.ae__time-divider{color:var(--text-subtle);padding-bottom:10px}.ae__whole{white-space:nowrap;margin-left:auto;padding-bottom:11px}.ae__output{background:var(--surface);flex-direction:column;min-width:0;padding:22px;display:flex}.ae__output-head{gap:3px;margin-bottom:13px;display:grid}.ae__output-head strong{letter-spacing:-.02em;font-size:1.1rem}.ae__formats{border:0;gap:9px;margin:0;padding:0;display:grid}.ae__format{border:1px solid var(--border-input);border-radius:var(--r-md);background:var(--surface);cursor:pointer;align-items:center;gap:12px;min-height:69px;padding:10px 13px;transition:border-color .15s,background .15s,transform .15s;display:flex;position:relative}.ae__format:hover{border-color:var(--accent);transform:translateY(-1px)}.ae__format:has(input:checked){border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.ae__format:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.ae__format:has(input:disabled){opacity:.48;cursor:not-allowed}.ae__format input{opacity:0;width:1px;height:1px;position:absolute}.ae__format-icon{border:1px solid var(--border);background:var(--surface-2);width:39px;height:39px;color:var(--accent-text);border-radius:11px;flex:none;place-items:center;font-size:1.25rem;display:grid}.ae__format>span:nth-last-child(2){gap:3px;min-width:0;display:grid}.ae__format strong{font-size:.8rem}.ae__format small{color:var(--text-muted);font-size:.68rem;line-height:1.25}.ae__format-check{border:1px solid var(--border-input);background:var(--surface);border-radius:50%;width:14px;height:14px;margin-left:auto}.ae__format:has(input:checked) .ae__format-check{border:4px solid var(--accent)}.ae__bitrate{gap:7px;margin-top:14px;font-size:.72rem;font-weight:650;display:grid}.ae__bitrate .select{width:100%}.ae__quality{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);margin-top:16px;padding:12px 14px}.ae__quality>span{font:700 .61rem var(--font-mono);letter-spacing:.11em;color:var(--accent-text)}.ae__quality p{color:var(--text-muted);margin:6px 0 7px;font-size:.72rem;line-height:1.45}.ae__quality strong{font-size:.72rem}.ae__export{flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;padding-top:19px;display:flex}.ae__export .btn--primary{flex:1}.ae__export p{color:var(--text-muted);flex-basis:100%;margin:0;font-size:.71rem}.ae__export p[data-kind=error]{color:var(--danger)}.ae__result{border:1px solid var(--border-input);border-radius:var(--r-md);background:var(--surface-inset);gap:10px;margin-top:16px;padding:14px;display:grid}.ae__result>div{gap:4px;display:grid}.ae__result strong{font-size:.85rem}.ae__result small{color:var(--text-muted)}.ae__result audio{width:100%;height:36px}.ae__result .btn,.ae__host{width:100%}.ae__host>.ae{max-width:none;height:100%}.ae__host .ae__main{grid-template-columns:minmax(0,1fr) minmax(340px,400px)}.ae__host .ae__video-box{max-height:min(32dvh,320px);margin-inline:auto}@media (width<=860px){.ae__main,.ae__host .ae__main{grid-template-columns:1fr}.ae__preview-area{border-right:0;border-bottom:1px solid var(--border)}.ae__video-box{max-height:420px}.ae__empty{grid-template-columns:1fr 1fr}}@media (width<=620px){.ae__empty{grid-template-columns:1fr}.ae__drop{outline-offset:-18px;border-width:7px;min-height:290px}.ae__empty-side{padding:27px 23px 31px}.ae__signal{margin-bottom:17px}.ae__format-pills,.ae__sample{margin-top:17px}.ae__studio-head{flex-wrap:wrap;align-items:flex-start;padding:14px}.ae__studio-head>div:first-child{flex-basis:100%}.ae__studio-actions{width:100%}.ae__studio-actions .btn{flex:1}.ae__studio-head h2{max-width:100%}.ae__preview-area,.ae__output{padding:14px}.ae__video-box{aspect-ratio:16/10;min-height:185px}.ae__timeline-head{align-items:flex-start}.ae__preview-button{font-size:.7rem}.ae__wave{height:78px}.ae__times{gap:7px}.ae__times label{max-width:92px}.ae__whole{font-size:.67rem}}@media (prefers-reduced-motion:reduce){.ae__drop,.ae__format,.ae__wave-bars span{transition:none}}.tm--extractaudio{--tm-cycle:7s}.tm-ea-video,.tm-ea-wave,.tm-ea-format{animation:tm-ea-in var(--tm-cycle) var(--ease) infinite}.tm-ea-wave{animation-delay:.18s;animation-fill-mode:backwards}.tm-ea-format{animation-delay:.35s;animation-fill-mode:backwards}.tm-ea-play{fill:var(--accent)}.tm-ea-arrow{stroke:var(--border-strong);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.tm-ea-bars{stroke:var(--accent);stroke-width:3px;stroke-linecap:round}.tm-ea-tick{stroke:var(--on-accent);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.tm-ea-pill{fill:var(--accent)}.tm-ea-lit{fill:var(--on-accent);font:700 8px var(--font-mono);text-anchor:middle}@keyframes tm-ea-in{0%,8%{opacity:.35;transform:translate(-8px)}22%,88%{opacity:1;transform:none}to{opacity:.35;transform:translate(-8px)}}