.tool-video{--accent:#ff5c8a;--accent-ink:#c2185b}[data-theme=dark] .tool-video{--accent-ink:#ff8fb0}.vid-app{gap:16px}.vid-pick{width:100%;max-width:760px;margin:0 auto}.vid-pick .drop{padding:44px 16px}.vid-pick .drop svg{color:var(--accent-ink)}.vid-status{margin:12px 0 0;text-align:center;min-height:1.3em;overflow-wrap:anywhere}.vid-pick .warn,.vid-preview .warn{overflow-wrap:anywhere}:root:not([data-theme=dark]) .vid-pick .drop:focus-within{outline-color:#0a0a0a}:root:not([data-theme=dark]) .trim-grid input:focus{outline:2px solid #0a0a0a;outline-offset:2px}.vid-status:empty{display:none}.vid-grid{display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}@media(min-width:960px){.vid-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}}@media(min-width:960px)and (min-height:820px){.vid-preview{position:sticky;top:84px}}.vid-side{display:grid;gap:20px;min-width:0}.vid-preview h2:focus{outline:none}.vid-frame{position:relative;width:100%;max-height:62vh;aspect-ratio:16/9;margin:0 auto;border-radius:14px;overflow:hidden;background:#000}.vid-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;display:block}.vid-meta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;margin:16px 0 0;font-size:.9rem}.vid-meta dt{color:var(--muted)}.vid-meta dd{margin:0;font-weight:600;overflow-wrap:anywhere}.actions.tight{margin-top:14px}.trim-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}.trim-grid .field .btn-sm{justify-self:start}.trim-grid input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}#v-start[aria-invalid=true],#v-end[aria-invalid=true]{border-color:#b3261e;border-width:2px}[data-theme=dark] #v-start[aria-invalid=true],[data-theme=dark] #v-end[aria-invalid=true]{border-color:#ff8a80}.vid-bar{position:relative;height:12px;margin:18px 0 6px;border-radius:999px;background:var(--surface);border:1px solid var(--border);overflow:hidden}.vid-bar-sel{position:absolute;top:0;bottom:0;left:0;width:100%;background:var(--accent);border-radius:999px;transition:left .2s ease,width .2s ease}.vid-bar-key{position:absolute;top:0;bottom:0;width:3px;margin-left:-1px;background:var(--fg);opacity:.75}.vid-settings .hint:empty{display:none}.vid-settings>.muted{margin:6px 0 0}.vid-h2{margin-top:26px}.vid-settings h2:focus{outline:none}.vid-settings>.warn{margin:0 0 12px}.seg[data-seg=res]{flex-wrap:wrap;border-radius:20px}.vid-pane{padding:0 0 4px;border-radius:12px}.vid-pane p{margin:0 0 8px}.vid-pane:focus-visible{outline-offset:4px}.vid-note{font-weight:600;min-height:1.3em}.vid-audio{margin-top:10px}.vid-audio p:empty{display:none}.vid-go{width:100%}.vid-meter{height:14px;border-radius:999px;background:var(--surface);border:1px solid var(--border);overflow:hidden}.vid-meter span{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--accent),#ff9ab8);transition:width .3s ease}.vid-prog-text{margin:12px 0 4px;font:700 1.05rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}.vid-result h2:focus{outline:none}.vid-sizes{margin:16px 0 4px;font-size:1.1rem;font-weight:600}.vid-sizes .save{display:inline-block;margin-left:6px;font-size:.78rem;font-weight:800;padding:2px 9px;border-radius:999px;background:var(--lime);color:#0a0a0a;vertical-align:2px}.vid-sizes .save.worse{background:#fde2e1;color:#8c1d18}[data-theme=dark] .vid-sizes .save.worse{background:#4a1512;color:#ffb4ab}.vid-result .actions .btn{flex:1 1 auto}.vid-legal{margin:4px 0 0;text-align:center}.vid-legal a{color:inherit;font-weight:600}.vid-preview,.vid-settings,.vid-progress,.vid-result{animation:rise .25s ease both}@media(max-width:600px){.btn-sm{min-height:44px}.vid-meta{grid-template-columns:minmax(0,1fr);gap:0}.vid-meta dd{margin-bottom:8px}.vid-pick .drop{padding:32px 12px}}@media(prefers-reduced-motion:reduce){.vid-bar-sel,.vid-meter span{transition:none}.vid-preview,.vid-settings,.vid-progress,.vid-result{animation:none}}