/* Video to GIF Converter (/video_to_gif_converter). Builds on gif-editor-app.css; everything is scoped to .vtg. */
.vtg .vtg-logo{position:relative;width:40px;font-size:9px;line-height:1;display:grid;gap:1px;background:linear-gradient(135deg,#9268e0,#4b2f8f)}
.vtg .vtg-logo i{font-style:normal;color:#f6cd63;font-size:9px}
.vtg .gfe-tabs{grid-template-columns:repeat(4,1fr)}
.vtg-stagewrap{position:relative;min-height:0;display:grid}
.vtg .vtg-stage{min-height:0}
.vtg-video,.vtg-out{position:absolute;display:block;background:#000;border-radius:4px;box-shadow:0 8px 30px #0008}
.vtg-out{background:repeating-conic-gradient(#3b3352 0% 25%,#2e2840 0% 50%) 0/14px 14px}
.vtg-ov{z-index:2;pointer-events:none}
.vtg.is-crop .vtg-ov{pointer-events:auto;cursor:crosshair}
.vtg-result{position:absolute;inset:0;display:grid;place-items:center;padding:18px;z-index:1}
.vtg-result[hidden]{display:none}
.vtg-result img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;background:repeating-conic-gradient(#3b3352 0% 25%,#2e2840 0% 50%) 0/14px 14px;box-shadow:0 8px 30px #0008}
.vtg-zip{display:grid;justify-items:center;gap:8px;color:#d6cdea}.vtg-zip[hidden]{display:none}
.vtg-views{position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:4px;padding:4px;border-radius:999px;background:#0d0b14d0;border:1px solid var(--line2)}
.vtg-views[hidden]{display:none}
.vtg-views .gfe-btn.is-chip{min-height:28px;padding:3px 11px;font-size:12px}
.vtg .gfe-empty{z-index:4}
.vtg-trim{padding-bottom:8px}
.vtg-trimbar{gap:6px 14px}
.vtg-tgroup{display:flex;align-items:center;gap:3px;font-size:12px;color:var(--muted);font-weight:600}
.vtg-tgroup>span:first-child{margin-right:3px}
.vtg .vtg-t{width:82px;min-height:32px;padding:4px 6px;text-align:right;font-variant-numeric:tabular-nums}
.vtg .vtg-nudge{min-width:30px;padding:4px 6px;font-size:15px;line-height:1}
.vtg-trackwrap{padding:4px 18px 0}
.vtg-track{position:relative;height:58px;border-radius:9px;background:#1a1628;touch-action:none;cursor:pointer;user-select:none}
.vtg-strip{position:absolute;inset:0;width:100%;height:100%;border-radius:9px;opacity:.9}
.vtg-shade{position:absolute;top:0;bottom:0;background:#0b0912c4;pointer-events:none}
.vtg-shade:first-of-type{border-radius:9px 0 0 9px}
.vtg-sel{position:absolute;top:0;bottom:0;border-top:3px solid #f6cd63;border-bottom:3px solid #f6cd63;cursor:grab}
.vtg-sel:active{cursor:grabbing}
.vtg-h{position:absolute;top:-4px;bottom:-4px;width:16px;margin-left:-8px;border-radius:6px;background:#f6cd63;cursor:ew-resize;z-index:2;box-shadow:0 2px 8px #0009}
.vtg-h::after{content:'';position:absolute;left:6px;top:35%;bottom:35%;width:4px;border-left:2px solid #5b4310;border-right:2px solid #5b4310}
.vtg-h.is-start{border-radius:7px 2px 2px 7px}.vtg-h.is-end{border-radius:2px 7px 7px 2px}
.vtg-h:focus-visible{outline:2px solid #fff;outline-offset:1px}
.vtg-h[hidden],.vtg-head[hidden]{display:none}
.vtg-head{position:absolute;top:-6px;bottom:-6px;width:2px;margin-left:-1px;background:#fff;z-index:3;pointer-events:none;box-shadow:0 0 4px #000}
.vtg-head::before{content:'';position:absolute;top:-2px;left:-5px;border:6px solid transparent;border-top-color:#fff}
.vtg-ticks{position:relative;height:16px;font-size:10.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.vtg-ticks span{position:absolute;top:2px;transform:translateX(-50%);white-space:nowrap}
.vtg-busybar{width:min(260px,70vw)}
.vtg-busybar[hidden]{display:none}
.vtg-x{align-self:center;padding-top:16px;color:var(--muted)}
.vtg-est{display:grid;gap:8px}
.vtg-facts{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:0;font-size:12.5px}
.vtg-facts dt{color:var(--muted)}.vtg-facts dd{margin:0;font-variant-numeric:tabular-nums;color:#fff}
.vtg-estbig{display:grid;gap:2px;padding:10px 12px;border-radius:11px;background:#7950c71f;border:1px solid #7950c766}
.vtg-estbig b{font-size:20px;color:#fff}.vtg-estbig span{font-size:12px;color:#d6cdea}
.vtg .gfe-panel a{color:#c9b2ff}
.vtg .gfe-work{grid-template-rows:minmax(0,1fr) auto auto}
@container gfe (max-width:820px){.vtg .vtg-stagewrap{height:min(52vh,460px);min-height:240px}.vtg .vtg-stage{height:100%}.vtg-trackwrap{padding:4px 12px 0}}
@container gfe (max-width:560px){.vtg-trimbar .gfe-grow{display:none}.vtg .vtg-t{width:72px}.vtg-tgroup:nth-child(3){display:none}.vtg-views{top:6px}}
@media (pointer:coarse){.vtg-h{width:24px;margin-left:-12px}.vtg-track{height:64px}}
.vtg .gfe-toasts{bottom:auto;top:108px}
.vtg .vtg-out[hidden]{display:none}
.vtg .vtg-result{padding:56px 18px 18px}