.gif-maker{gap:var(--space-6);margin-top:var(--space-8);flex-direction:column;display:flex}.gif-maker .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}.gif-maker .dropzone:hover,.gif-maker .dropzone.dragging{border-color:var(--accent);background:var(--accent-soft)}.gif-maker .dropzone svg{color:var(--accent)}.gif-maker .dropzone strong{color:var(--text)}.gif-maker .dropzone span{font-size:var(--text-sm)}.gif-maker .panel,.gif-maker .frames-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}.gif-maker h2{font-size:var(--text-base);font-weight:600}.gif-maker .panel-head{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.gif-maker .summary{font-size:var(--text-sm);color:var(--text-3)}.gif-maker .head-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.gif-maker .btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.gif-maker .hint{font-size:var(--text-sm);color:var(--text-2);max-width:65ch}.gif-maker .note.error{color:var(--danger);font-size:var(--text-sm)}.gif-maker .strip{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(132px,1fr));margin:0;padding:0;list-style:none;display:grid}.gif-maker .frame{gap:var(--space-2);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);flex-direction:column;display:flex;position:relative}.gif-maker .frame.current{border-color:var(--accent)}.gif-maker .frame-index{top:var(--space-2);left:var(--space-2);min-width:20px;padding:0 var(--space-1);border-radius:var(--radius-full);background:var(--surface);color:var(--text-2);font-size:var(--text-xs);text-align:center;font-weight:600;position:absolute}.gif-maker .frame-thumb{aspect-ratio:1;border-radius:var(--radius-sm);background:repeating-conic-gradient(#e9e9ec 0% 25%,#fff 0% 50%) 0 0/12px 12px;justify-content:center;align-items:center;display:flex;overflow:hidden}.gif-maker .frame-thumb img{object-fit:contain;max-width:100%;max-height:100%}.gif-maker .frame-controls{justify-content:center;gap:var(--space-1);display:flex}.gif-maker .icon-btn{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:26px;height:26px;color:var(--text-2);font-size:var(--text-xs);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);line-height:1}.gif-maker .icon-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.gif-maker .icon-btn.danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.gif-maker .icon-btn:disabled{opacity:.4;cursor:not-allowed}.gif-maker .frame-delay{width:100%;padding:var(--space-1) var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:var(--text-xs);text-align:center}.gif-maker .settings{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.gif-maker .row{align-items:flex-end;gap:var(--space-4) var(--space-6);flex-wrap:wrap;display:flex}.gif-maker .field{gap:var(--space-2);font-size:var(--text-sm);color:var(--text-2);flex-direction:column;display:flex}.gif-maker .field select,.gif-maker .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}.gif-maker .field input[type=color]{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;width:56px;height:38px;padding:2px}.gif-maker .field input[type=color]:disabled{opacity:.4;cursor:not-allowed}.gif-maker .loop-row{align-items:center;gap:var(--space-3);min-height:38px;display:flex}.gif-maker .loop-row input[type=number]{width:84px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}.gif-maker .check{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-2);cursor:pointer;display:inline-flex}.gif-maker .check.standalone{min-height:38px}.gif-maker .check input{accent-color:var(--accent)}.gif-maker .field.quality{flex:1;min-width:220px;max-width:360px}.gif-maker .field.quality>span{justify-content:space-between;display:flex}.gif-maker input[type=range]{accent-color:var(--accent)}.gif-maker .preview{gap:var(--space-3);flex-direction:column;display:flex}.gif-maker .preview h2{font-size:var(--text-base)}.gif-maker .preview-stage{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:repeating-conic-gradient(#e9e9ec 0% 25%,#fff 0% 50%) 0 0/20px 20px;justify-content:center;display:flex}.gif-maker .preview-stage canvas{border-radius:var(--radius-sm);max-width:100%;max-height:420px}.gif-maker .export-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.gif-maker .sizes{gap:var(--space-2);flex-wrap:wrap;display:flex}.gif-maker .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)}.gif-maker .saving{font-size:var(--text-sm);color:var(--success);font-weight:550}@media (width<=639px){.gif-maker .head-actions{margin-left:0}.gif-maker .strip{grid-template-columns:repeat(auto-fill,minmax(108px,1fr))}}.container[data-astro-cid-rkivfxop]{padding-block:var(--space-6) var(--space-12)}.tool-header[data-astro-cid-rkivfxop]{margin-top:var(--space-6)}.tool-header[data-astro-cid-rkivfxop] h1[data-astro-cid-rkivfxop]{font-size:var(--text-2xl)}.tool-header[data-astro-cid-rkivfxop] p[data-astro-cid-rkivfxop]{margin-top:var(--space-2);color:var(--text-2)}.badge-wrap[data-astro-cid-rkivfxop]{margin-top:var(--space-8)}.ad-wrap[data-astro-cid-rkivfxop]{margin-block:var(--space-12);justify-content:center;display:flex}.guide[data-astro-cid-rkivfxop]{margin-bottom:var(--space-12)}.guide[data-astro-cid-rkivfxop] h2[data-astro-cid-rkivfxop]{font-size:var(--text-xl);margin-bottom:var(--space-6)}.guide[data-astro-cid-rkivfxop] ol[data-astro-cid-rkivfxop]{gap:var(--space-6);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.guide[data-astro-cid-rkivfxop] li[data-astro-cid-rkivfxop]{gap:var(--space-4);display:flex}.step-number[data-astro-cid-rkivfxop]{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-rkivfxop] h3[data-astro-cid-rkivfxop]{font-size:var(--text-base);font-weight:600}.guide[data-astro-cid-rkivfxop] p[data-astro-cid-rkivfxop]{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-2);max-width:65ch}