.gif-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.gif-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--tools-border);border-radius:999px;padding:6px 14px;background:var(--tools-bg);color:var(--tools-muted);font-size:13px;cursor:pointer}.gif-tab.is-active{border-color:var(--tools-accent);background:var(--tools-accent-soft);color:var(--tools-text)}.gif-fields{display:flex;flex-wrap:wrap;gap:12px 16px;margin:12px 0}.gif-field{display:flex;flex-direction:column;gap:6px;min-width:140px;font-size:13px;color:var(--tools-muted)}.gif-field .tools-input,.gif-field select{width:160px}.gif-field select,.gif-select{box-sizing:border-box;border:1px solid var(--tools-border);border-radius:var(--tools-radius-sm);padding:8px 10px;font-size:14px;color:var(--tools-text);background:var(--tools-bg)}.gif-help{margin:0;color:var(--tools-muted);font-size:12px}.gif-progress{height:8px;margin-top:12px;overflow:hidden;border-radius:999px;background:var(--tools-accent-soft)}.gif-progress-bar{height:100%;background:var(--tools-accent)}.gif-preview{margin-top:16px;padding-top:16px;border-top:1px solid var(--tools-border)}.gif-preview .gif-shot,.gif-preview img{display:block;max-width:100%;max-height:360px;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 50% /16px 16px}.gif-frames{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin:12px 0 0;padding:0;list-style:none}.gif-frames li{padding:8px;border:1px solid var(--tools-border);border-radius:var(--tools-radius-sm);background:var(--tools-bg)}.gif-frames img{display:block;width:100%;height:110px;-o-object-fit:contain;object-fit:contain;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 50% /12px 12px}.gif-frames p{margin:8px 0;font-size:12px;color:var(--tools-muted)}.gif-list{margin:12px 0 0;padding:0;list-style:none}.gif-list li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--tools-border)}.gif-list img{width:48px;height:48px;-o-object-fit:cover;object-fit:cover;border-radius:6px;background:var(--tools-bg)}.gif-list .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.gif-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:120px;padding:16px;border:1px dashed var(--tools-border);border-radius:var(--tools-radius);background:color-mix(in srgb,var(--tools-text) 3%,var(--tools-bg));cursor:pointer;text-align:center}.gif-drop.is-dragover{border-color:var(--tools-accent);background:var(--tools-accent-soft)}.gif-drop input{display:none}.gif-drop strong{font-size:15px;color:var(--tools-text)}.gif-drop span{font-size:13px;color:var(--tools-muted)}.watermark-box{margin:4px 0 12px}.watermark-box summary{cursor:pointer;color:var(--tools-text);font-size:14px}