.video-trimmer{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:26px;padding:0;width:min(680px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 30px 120px #0008;animation:trim-arrive .24s cubic-bezier(.2,.8,.2,1)}
.video-trimmer::backdrop{background:#080d1273;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:trim-backdrop .24s ease-out}
.video-trimmer.is-closing{animation:trim-leave .18s ease-in forwards}.video-trimmer.is-closing::backdrop{animation:trim-backdrop-leave .18s ease-in forwards}
.video-trimmer-shell{padding:25px}.video-trimmer-header,.video-trimmer-summary,.video-trimmer footer{display:flex;align-items:center;justify-content:space-between;gap:15px}.video-trimmer-eyebrow{font-size:10px;letter-spacing:.16em;color:var(--accent)}.video-trimmer h2{font-size:25px;letter-spacing:-.04em;margin:7px 0}.video-trimmer-close{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;font-size:23px}.video-trimmer-file{color:var(--muted);font-size:11px;margin:3px 0 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-trimmer-stage{position:relative;background:#080b0c;border-radius:15px;overflow:hidden;min-height:100px;display:grid;place-items:center}.video-trimmer video{width:100%;max-height:36dvh;display:block}.video-trimmer-loading{position:absolute;inset:0;display:grid;place-items:center;background:#0b1015c9;color:var(--muted);font-size:12px}.video-trimmer-summary{margin:18px 0 13px;font-size:12px}.video-trimmer-summary>strong{color:var(--accent);font-size:20px;margin-right:auto}.video-trimmer-track{position:relative;height:6px;border-radius:20px;background:var(--line);overflow:hidden}.video-trimmer-track i{position:absolute;height:100%;background:var(--accent);border-radius:20px;transition:left .1s,width .1s}.video-trimmer-sliders{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:19px}.video-trimmer-sliders label{display:block;font-size:11px;color:var(--muted)}.video-trimmer-sliders output{float:right;color:var(--text);font-variant-numeric:tabular-nums}.video-trimmer input[type=range]{display:block;width:100%;margin:13px 0 8px;accent-color:var(--accent);cursor:ew-resize;min-height:24px}.video-trimmer-hint{font-size:11px;color:var(--muted);line-height:1.65;margin-top:10px}.video-trimmer-error{font-size:12px;color:#f5aba5;line-height:1.6;margin-top:8px}.video-trimmer footer{justify-content:flex-end;border-top:1px solid var(--line);padding-top:17px;margin-top:17px}.video-trimmer footer button{padding:12px 20px;border-radius:12px}.video-trimmer footer .primary{background:var(--accent);color:var(--bg);display:flex;gap:25px;align-items:center}.video-trimmer footer .secondary{border:1px solid var(--line)}
@keyframes trim-arrive{from{opacity:0;transform:translateY(18px) scale(.965)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes trim-leave{to{opacity:0;transform:translateY(9px) scale(.985)}}@keyframes trim-backdrop{from{background:#080d1200;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}to{background:#080d1273;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}@keyframes trim-backdrop-leave{to{background:#080d1200;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}}
@media(max-width:520px){.video-trimmer-shell{padding:18px}.video-trimmer h2{font-size:22px}.video-trimmer-sliders{gap:16px}.video-trimmer-summary{flex-wrap:wrap}.video-trimmer footer button{padding:12px 16px}}
@media(prefers-reduced-motion:reduce){.video-trimmer,.video-trimmer::backdrop,.video-trimmer.is-closing,.video-trimmer.is-closing::backdrop{animation:none}.video-trimmer-track i{transition:none}}