.video-gif{gap:var(--space-6);margin-top:var(--space-8);flex-direction:column;display:flex}.video-gif .dropzone{align-items:center;gap:var(--space-2);padding:var(--space-12) var(--space-6);border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);color:var(--text-2);cursor:pointer;text-align:center;transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);flex-direction:column;display:flex}.video-gif .dropzone:hover,.video-gif .dropzone.dragging{border-color:var(--accent);background:var(--accent-soft)}.video-gif .dropzone svg{color:var(--accent)}.video-gif .dropzone strong{color:var(--text)}.video-gif .dropzone span{font-size:var(--text-sm)}.video-gif .panel{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;display:flex}.video-gif h2{font-size:var(--text-base);font-weight:600}.video-gif .panel-head{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.video-gif .summary{font-size:var(--text-sm);color:var(--text-3);overflow-wrap:anywhere}.video-gif .head-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.video-gif .btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.video-gif .hint{font-size:var(--text-sm);color:var(--text-2);max-width:65ch}.video-gif .note.error{color:var(--danger);font-size:var(--text-sm)}.video-gif .stage{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);justify-content:center;display:flex}.video-gif .stage video{border-radius:var(--radius-sm);background:#000;max-width:100%;max-height:420px}.video-gif .mark-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.video-gif .row{align-items:flex-end;gap:var(--space-4) var(--space-6);flex-wrap:wrap;display:flex}.video-gif .field{gap:var(--space-2);font-size:var(--text-sm);color:var(--text-2);flex-direction:column;display:flex}.video-gif .field select,.video-gif .field input[type=number]{padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);width:150px}.video-gif .field.wide,.video-gif .field.scrub{width:100%}.video-gif .field.scrub>span,.video-gif .field.quality>span{justify-content:space-between;gap:var(--space-3);display:flex}.video-gif .sliders{gap:var(--space-3);flex-direction:column;display:flex}.video-gif input[type=range]{width:100%;accent-color:var(--accent)}.video-gif .field.quality{flex:1;min-width:220px;max-width:360px}.video-gif .check{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-2);cursor:pointer;display:inline-flex}.video-gif .check.standalone{min-height:38px}.video-gif .check input{accent-color:var(--accent)}.video-gif input:disabled,.video-gif select:disabled{opacity:.5;cursor:not-allowed}.video-gif .progress{align-items:center;gap:var(--space-3);display:flex}.video-gif .track{border-radius:var(--radius-full);background:var(--surface-2);flex:1;height:8px;overflow:hidden}.video-gif .fill{border-radius:var(--radius-full);background:var(--accent);height:100%;transition:width var(--dur-fast) var(--ease-out)}.video-gif .ready{font-size:var(--text-sm);color:var(--success)}.video-gif .export-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.video-gif .sizes{gap:var(--space-2);flex-wrap:wrap;display:flex}.video-gif .size-pill{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-2);font-size:var(--text-sm)}.video-gif .saving{font-size:var(--text-sm);color:var(--success);font-weight:550}@media (width<=639px){.video-gif .head-actions{margin-left:0}.video-gif .field select,.video-gif .field input[type=number]{width:130px}}.container[data-astro-cid-gcfq5x74]{padding-block:var(--space-6) var(--space-12)}.tool-header[data-astro-cid-gcfq5x74]{margin-top:var(--space-6)}.tool-header[data-astro-cid-gcfq5x74] h1[data-astro-cid-gcfq5x74]{font-size:var(--text-2xl)}.tool-header[data-astro-cid-gcfq5x74] p[data-astro-cid-gcfq5x74]{margin-top:var(--space-2);color:var(--text-2)}.badge-wrap[data-astro-cid-gcfq5x74]{margin-top:var(--space-8)}.ad-wrap[data-astro-cid-gcfq5x74]{margin-block:var(--space-12);justify-content:center;display:flex}.guide[data-astro-cid-gcfq5x74]{margin-bottom:var(--space-12)}.guide[data-astro-cid-gcfq5x74] h2[data-astro-cid-gcfq5x74]{font-size:var(--text-xl);margin-bottom:var(--space-6)}.guide[data-astro-cid-gcfq5x74] ol[data-astro-cid-gcfq5x74]{gap:var(--space-6);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.guide[data-astro-cid-gcfq5x74] li[data-astro-cid-gcfq5x74]{gap:var(--space-4);display:flex}.step-number[data-astro-cid-gcfq5x74]{border-radius:var(--radius-full);background:var(--accent-soft);width:28px;height:28px;color:var(--accent);font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.guide[data-astro-cid-gcfq5x74] h3[data-astro-cid-gcfq5x74]{font-size:var(--text-base);font-weight:600}.guide[data-astro-cid-gcfq5x74] p[data-astro-cid-gcfq5x74]{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-2);max-width:65ch}