.video-gif-page{--vg-accent:#2563eb;--vg-accent-dark:#1d4ed8;--vg-accent-soft:#eff6ff;--vg-border:#dbe3ef;--vg-muted:#64748b;--vg-success:#047857;--vg-danger:#be123c}.video-gif-tool{background:radial-gradient(circle at 100% 0,rgba(37,99,235,.11),transparent 31%),var(--color-bg,#fff);color:var(--color-text,#0f172a);display:grid;gap:18px;overflow:hidden;padding:clamp(18px,3vw,28px)}.video-gif-tool [hidden]{display:none!important}.video-gif-tool button,.video-gif-tool input,.video-gif-tool select{font:inherit}.video-gif-tool svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.vg-head{align-items:flex-start;border-bottom:1px solid var(--vg-border);display:flex;gap:16px;justify-content:space-between;padding-bottom:14px}.vg-head h2{font-size:clamp(1.2rem,2.5vw,1.55rem);margin:3px 0 4px}.vg-head p{color:var(--vg-muted);font-size:.9rem;margin:0}.vg-kicker{color:var(--vg-accent);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.vg-private-badge{align-items:center;background:#d1fae5;border-radius:999px;color:#065f46;display:inline-flex;flex:0 0 auto;font-size:.78rem;font-weight:750;gap:7px;padding:8px 11px}.vg-private-badge svg{height:18px;width:18px}.vg-upload{align-content:center;background:linear-gradient(145deg,#f8faff,#eff6ff);border:2px dashed #bfdbfe;border-radius:18px;cursor:pointer;display:grid;gap:10px;min-height:285px;padding:34px 22px;place-items:center;text-align:center;transition:border-color .18s ease,background .18s ease,transform .18s ease}.vg-upload.is-dragging,.vg-upload:focus-visible,.vg-upload:hover{background:#eff6ff;border-color:var(--vg-accent);outline:none;transform:translateY(-1px)}.vg-upload>span:not(.vg-upload-icon){color:var(--vg-muted);font-size:.84rem}.vg-upload small{color:var(--vg-muted);font-size:.76rem}.vg-upload-icon{background:#dbeafe;border-radius:18px;color:var(--vg-accent);display:grid;height:64px;place-items:center;width:64px}.vg-upload-icon svg{height:34px;width:34px}.vg-status{border:1px solid transparent;border-radius:12px;font-size:.88rem;font-weight:650;padding:13px 15px}.vg-status[data-type=info]{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.vg-status[data-type=success]{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.vg-status[data-type=error]{background:#fff1f2;border-color:#fecdd3;color:var(--vg-danger)}.vg-workspace{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1.03fr) minmax(300px,.97fr)}.vg-preview-card,.vg-settings-card{background:var(--color-bg-secondary,#f8fafc);border:1px solid var(--vg-border);border-radius:16px;min-width:0;padding:17px}.vg-preview-card{display:grid;gap:13px;grid-template-columns:minmax(0,1fr);overflow:hidden}.vg-card-head{align-items:flex-start;display:flex;gap:12px}.vg-card-head>div{flex:1;min-width:0}.vg-card-head small,.vg-card-head strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vg-card-head small{color:var(--vg-muted);font-size:.76rem;margin-top:4px}.vg-card-head button{background:var(--color-bg,#fff);border:1px solid var(--vg-border);border-radius:9px;color:var(--vg-accent);cursor:pointer;font-size:.78rem;font-weight:750;padding:7px 10px}.vg-video-wrap{aspect-ratio:16/10;background:#020617;border-radius:13px;overflow:hidden;position:relative}.vg-video-wrap,.vg-video-wrap video{max-width:100%;min-width:0;width:100%}.vg-video-wrap video{display:block;height:100%;object-fit:contain}.vg-timeline-summary{color:var(--vg-muted);display:flex;font-size:.78rem;gap:12px;justify-content:space-between}.vg-timeline-summary strong{color:var(--vg-accent)}.vg-settings-card{display:grid;gap:15px}.vg-settings-title{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.vg-settings-title span{color:var(--vg-muted);font-size:.72rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.vg-settings-title h3{font-size:1.08rem;margin:3px 0 0}.vg-settings-title .vg-frame-badge{background:#dbeafe;border-radius:999px;color:var(--vg-accent-dark);flex:0 0 auto;font-size:.7rem;letter-spacing:0;padding:6px 9px;text-transform:none}.vg-fields{display:grid;gap:11px;grid-template-columns:repeat(2,minmax(0,1fr))}.vg-field{color:var(--color-text,#0f172a);display:grid;font-size:.78rem;font-weight:750;gap:6px}.vg-field input,.vg-field select{background:var(--color-bg,#fff);border:1px solid #cbd5e1;border-radius:10px;color:var(--color-text,#0f172a);min-height:43px;padding:9px 11px;width:100%}.vg-field input:focus,.vg-field select:focus{border-color:var(--vg-accent);outline:3px solid rgba(37,99,235,.13)}.vg-tip{align-items:flex-start;background:var(--color-bg,#fff);border:1px solid var(--vg-border);border-radius:10px;color:var(--vg-muted);display:flex;font-size:.74rem;gap:8px;line-height:1.45;margin:0;padding:10px 11px}.vg-tip.is-warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.vg-tip svg{color:var(--vg-accent);flex:0 0 17px;height:17px;margin-top:1px;width:17px}.vg-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}.vg-actions .btn{align-items:center;display:inline-flex;gap:7px;justify-content:center}.vg-actions svg{height:19px;width:19px}.vg-actions .btn:disabled{cursor:not-allowed;opacity:.52}.vg-progress{background:#eff6ff;border:1px solid #bfdbfe;border-radius:13px;display:grid;gap:10px;padding:17px}.vg-progress-copy{align-items:center;display:flex;gap:12px;justify-content:space-between}.vg-progress-copy strong{font-size:.9rem}.vg-progress-copy span{color:var(--vg-accent);font-size:.85rem;font-weight:800}.vg-progress-track{background:#dbeafe;border-radius:999px;height:9px;overflow:hidden}.vg-progress-track span{background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:inherit;display:block;height:100%;transition:width .18s ease;width:0}.vg-progress p{color:var(--vg-muted);font-size:.76rem;margin:0}.vg-result{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:16px;display:grid;gap:15px;padding:18px}.vg-result-preview{border:1px solid #cbd5e1;border-radius:13px;display:grid;max-height:520px;min-height:230px;overflow:hidden;padding:10px;place-items:center}.vg-result-preview img{display:block;max-height:500px;max-width:100%;object-fit:contain}.vg-result-copy{align-items:center;display:flex;gap:12px}.vg-success-mark{background:#d1fae5;border-radius:50%;color:var(--vg-success);display:grid;flex:0 0 44px;height:44px;place-items:center;width:44px}.vg-success-mark svg{height:25px;width:25px}.vg-result h3,.vg-result p{margin:0}.vg-result p{color:var(--vg-muted);font-size:.8rem;margin-top:3px}.vg-result-actions{display:flex;flex-wrap:wrap;gap:9px}.vg-result-actions .btn{flex:1 1 180px;text-align:center;text-decoration:none}.vg-privacy-note{align-items:flex-start;color:var(--vg-muted);display:flex;font-size:.76rem;gap:8px;line-height:1.55;margin:0}.vg-privacy-note svg{color:var(--vg-accent);flex:0 0 18px;height:18px;margin-top:1px;width:18px}.video-gif-page .vg-upload:focus-visible,.video-gif-page .vtg-content__table-wrap:focus-visible,.video-gif-page a:focus-visible,.video-gif-page button:focus-visible{outline:3px solid color-mix(in srgb,var(--vg-accent) 52%,transparent);outline-offset:3px}.video-gif-page .vtg-content{background:#fff;border:1px solid rgba(148,163,184,.3);border-radius:var(--radius-xl);box-shadow:0 18px 42px rgba(15,23,42,.07),inset 0 1px 0 hsla(0,0%,100%,.9);margin-top:var(--space-6);padding:var(--space-6)}.video-gif-page .vtg-content h2{color:var(--color-text);margin:0 0 var(--space-4)}.video-gif-page .vtg-content h3{color:var(--color-text);font-size:var(--text-lg);margin:0 0 var(--space-2)}.video-gif-page .vtg-content dd,.video-gif-page .vtg-content p{color:var(--color-text-secondary);line-height:1.65;margin:0}.video-gif-page .vtg-content a{color:var(--color-primary);font-weight:var(--font-semibold)}.video-gif-page .vtg-content__table-wrap{background:#fff;border:1px solid #dbe4f0;border-radius:var(--radius-lg);max-width:100%;overflow-x:auto}.video-gif-page .vtg-content__table{border-collapse:collapse;min-width:680px;width:100%}.video-gif-page .vtg-content__table td,.video-gif-page .vtg-content__table th{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);line-height:1.55;padding:14px 16px;text-align:left;vertical-align:top}.video-gif-page .vtg-content__table thead{background:color-mix(in srgb,var(--vg-accent) 7%,var(--color-bg))}.video-gif-page .vtg-content__table tbody th,.video-gif-page .vtg-content__table thead th{color:var(--color-text)}.video-gif-page .vtg-content__table tbody th{width:25%}.video-gif-page .vtg-content__table tbody tr:last-child>*{border-bottom:0}.video-gif-page .vtg-content__grid,.video-gif-page .vtg-content__issues{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.video-gif-page .vtg-content__issues>div,.video-gif-page .vtg-content__item{background:#f8fafc;border:1px solid #dbe4f0;border-radius:var(--radius-lg);padding:var(--space-4)}.video-gif-page .vtg-content__issues{margin:0}.video-gif-page .vtg-content__issues dt{color:var(--color-text);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.video-gif-page .vtg-content__issues dd{margin-left:0}[data-theme=dark] .video-gif-page{--vg-border:#334155;--vg-muted:#94a3b8;--vg-accent-soft:rgba(37,99,235,.15)}[data-theme=dark] .video-gif-tool{background:radial-gradient(circle at 100% 0,rgba(37,99,235,.18),transparent 31%),var(--color-bg,#0f172a)}[data-theme=dark] .vg-upload{background:linear-gradient(145deg,#172033,#172554);border-color:#1d4ed8}[data-theme=dark] .vg-upload.is-dragging,[data-theme=dark] .vg-upload:focus-visible,[data-theme=dark] .vg-upload:hover{background:#1e3a8a}[data-theme=dark] .vg-settings-title .vg-frame-badge,[data-theme=dark] .vg-upload-icon{background:rgba(37,99,235,.24);color:#bfdbfe}[data-theme=dark] .vg-private-badge{background:rgba(5,150,105,.16);color:#6ee7b7}[data-theme=dark] .vg-progress{background:rgba(37,99,235,.14);border-color:#1d4ed8}[data-theme=dark] .vg-progress-track{background:#1e3a8a}[data-theme=dark] .vg-result{background:rgba(5,150,105,.12);border-color:rgba(16,185,129,.35)}[data-theme=dark] .vg-result-preview{border-color:#334155}[data-theme=dark] .vg-tip.is-warning{background:rgba(146,64,14,.18);border-color:#92400e;color:#fde68a}[data-theme=dark] .video-gif-page .vtg-content{background:#1e293b;border-color:#334155;box-shadow:0 18px 42px rgba(0,0,0,.24),inset 0 1px 0 hsla(0,0%,100%,.035)}[data-theme=dark] .video-gif-page .vtg-content__issues>div,[data-theme=dark] .video-gif-page .vtg-content__item,[data-theme=dark] .video-gif-page .vtg-content__table-wrap{background:#111827;border-color:#3b4a60}@media (max-width:900px){.vg-workspace{grid-template-columns:1fr}}@media (max-width:640px){.video-gif-tool{padding:16px}.vg-head{display:flex;flex-direction:column;gap:8px;padding-bottom:10px}.vg-head p,.vg-kicker{display:none}.vg-private-badge{justify-self:start}.vg-upload{gap:6px;min-height:180px;padding:14px}.vg-upload-icon{border-radius:14px;height:48px;width:48px}.vg-upload-icon svg{height:27px;width:27px}.vg-fields{grid-template-columns:1fr}.vg-actions{display:grid}.vg-actions .btn{width:100%}.video-gif-page .vtg-content{padding:var(--space-4)}.video-gif-page .vtg-content__grid,.video-gif-page .vtg-content__issues{grid-template-columns:1fr}.video-gif-page .vtg-content__table{min-width:0}.video-gif-page .vtg-content__table thead{display:none}.video-gif-page .vtg-content__table tbody tr{border-bottom:1px solid var(--color-border);display:block;padding:var(--space-3)}.video-gif-page .vtg-content__table tbody tr:last-child{border-bottom:0}.video-gif-page .vtg-content__table tbody td,.video-gif-page .vtg-content__table tbody th{border:0;display:block;padding:var(--space-2);width:100%}.video-gif-page .vtg-content__table tbody td:before{color:var(--color-text);content:attr(data-label);display:block;font-size:.76rem;font-weight:var(--font-semibold);margin-bottom:3px}}@media (max-width:440px){.vg-card-head,.vg-settings-title{display:grid}.vg-card-head button{justify-self:start}.vg-result-actions{display:grid}.vg-result-actions .btn{width:100%}}@media (prefers-reduced-motion:reduce){.video-gif-tool *,.video-gif-tool :after,.video-gif-tool :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}