.gif-extractor .gfe-local{display:flex;justify-content:center;align-items:center;gap:7px;padding:13px 20px;color:#73806f;font-size:12px;background:#fafcf9;border-bottom:1px solid #eef1eb}.gif-extractor .gfe-upload{margin:24px;padding:30px 20px;display:flex;align-items:center;flex-direction:column;gap:12px;text-align:center;border:1.5px dashed #e0e3e8;border-radius:14px;background:#fcfcfd}.gif-extractor .gfe-upload h2{font-size:20px;margin:0}.gif-extractor .gfe-upload p{font-size:13px;color:#7d8795;margin:0}.gif-extractor small{display:block;font-size:11px;color:#89919b;line-height:1.7}.gif-extractor button{cursor:pointer;font:inherit}.gif-extractor button:disabled{cursor:not-allowed;opacity:.45}.gif-extractor .gfe-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.gif-extractor .tool-outline{background:#fff;border:1px solid #dfe3e9;border-radius:9px;padding:9px 12px;color:#596475;font-size:12px;line-height:1.5}.gif-extractor .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;min-height:42px;padding:10px 18px}.gif-extractor .gfe-editor{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;padding:24px}.gif-extractor .gfe-source,.gif-extractor .gfe-config{min-width:0;display:flex;flex-direction:column;gap:14px}.gif-extractor h3{font-size:14px;font-weight:600;margin:0;color:#344154}.gif-extractor .gfe-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.gif-extractor .gfe-player,.gif-extractor .gfe-thumb,.gif-extractor .gfe-detail-image{background-color:#f9fafc;background-image:linear-gradient(45deg,#e9ecf1 25%,transparent 25%),linear-gradient(-45deg,#e9ecf1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9ecf1 75%),linear-gradient(-45deg,transparent 75%,#e9ecf1 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.gif-extractor .gfe-player{border:1px solid #e2e6ec;border-radius:12px;overflow:hidden;min-height:200px;display:flex;align-items:center;justify-content:center;aspect-ratio:16/10}.gif-extractor canvas{display:block;max-width:100%;max-height:400px;width:auto;height:auto;-o-object-fit:contain;object-fit:contain}.gif-extractor .gfe-playback{display:flex;align-items:center;gap:8px}.gif-extractor .gfe-playback button{border:1px solid #e2e6ec;border-radius:8px;min-width:36px;min-height:36px;padding:6px 10px;background:#fff;color:#4a5767;font-size:13px}.gif-extractor .gfe-playback output{margin-inline-start:auto;font-size:11px;color:#7c8694;font-variant-numeric:tabular-nums}.gif-extractor input[type=range]{width:100%;accent-color:#ff6b35;cursor:pointer;min-height:28px;direction:ltr}.gif-extractor .gfe-metadata{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:11px;color:#87909d}.gif-extractor .gfe-metadata span:first-child{flex-basis:100%;overflow-wrap:anywhere;color:#536072}.gif-extractor .gfe-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.gif-extractor label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#626973}.gif-extractor select,.gif-extractor input[type=number]{box-sizing:border-box;width:100%;min-width:0;padding:10px;border:1px solid #dfe3e9;border-radius:9px;background:#fff;color:#465162;font:inherit}.gif-extractor .gfe-background{flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:10px}.gif-extractor input[type=color]{width:50px;height:34px;border:1px solid #e0e4e9;border-radius:6px;background:#fff}.gif-extractor .gfe-quality{display:flex;align-items:center;gap:10px}.gif-extractor .gfe-quality output{min-width:34px;font-size:11px}.gif-extractor .gfe-plan{font-size:13px;font-weight:600;color:#cc5e32;background:#fff7f1;padding:12px 14px;border-radius:9px}.gif-extractor .gfe-extract{width:100%;margin-top:auto}.gif-extractor .gfe-progress{margin:0 24px 20px;font-size:12px;color:#626973}.gif-extractor progress{display:block;width:100%;height:7px;accent-color:#ff6b35;margin-top:10px}.gif-extractor .gfe-error{margin:0 24px 20px;padding:12px 14px;background:#fff5ed;border:1px solid #ffddc6;color:#9a492a;font-size:12px;border-radius:9px;overflow-wrap:anywhere}.gif-extractor .gfe-results{background:#fbfcfd}.gif-extractor .gfe-results p{font-size:12px;color:#89919b}.gif-extractor .gfe-selection{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.gif-extractor .gfe-selection output,.gif-extractor .gfe-result-format{font-size:11px;color:#7d8795}.gif-extractor .gfe-downloads{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 10px}.gif-extractor .gfe-frame-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.gif-extractor .gfe-frame{position:relative;min-width:0;background:#fff;border:1px solid #e2e6ec;border-radius:10px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.gif-extractor .gfe-frame:has(input:checked){border-color:#ffaf8f;box-shadow:0 0 0 1px #ffaf8f33}.gif-extractor .gfe-frame>input{position:absolute;z-index:1;inset-inline-start:8px;top:8px;width:17px;height:17px;accent-color:#ff6b35;cursor:pointer}.gif-extractor .gfe-thumb{display:block;padding:0;border:0;width:100%;aspect-ratio:4/3}.gif-extractor .gfe-thumb img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.gif-extractor .gfe-caption{padding:8px;display:flex;flex-direction:column;gap:3px;font-size:10px;color:#89919b}.gif-extractor .gfe-caption strong{font-size:11px;font-weight:600;color:#465162}.gif-extractor .gfe-save-one{border:0;border-top:1px solid #f0f1f4;background:#fff;width:100%;font-size:10px;padding:8px;color:#bb633c}.gif-extractor .gfe-more{display:block;margin:18px auto 0}.gif-extractor .gfe-dialog{box-sizing:border-box;width:min(800px,calc(100% - 32px));max-height:90dvh;overflow:auto;border:1px solid #e2e6ec;border-radius:16px;padding:20px;color:#465162;margin:auto}.gif-extractor .gfe-dialog::backdrop{background:#152235aa;backdrop-filter:blur(3px)}.gif-extractor .gfe-dialog strong{font-size:12px;overflow-wrap:anywhere}.gif-extractor .gfe-detail-image{margin:18px 0;display:flex;justify-content:center;align-items:center;min-height:160px;border-radius:9px;overflow:hidden}.gif-extractor .gfe-detail-image img{max-width:100%;max-height:55dvh;-o-object-fit:contain;object-fit:contain}.gif-extractor .gfe-dialog .gfe-actions{justify-content:center}.gif-extractor .gfe-nojs{padding:20px;font-size:13px}.gif-extractor.gfe-dragging{outline:2px dashed #ff6b35;outline-offset:-5px}.gif-extractor [hidden]{display:none!important}.gif-extractor button:focus-visible,.gif-extractor select:focus-visible,.gif-extractor input:focus-visible{outline:2px solid #ff6b35;outline-offset:3px}@media(hover:hover){.gif-extractor .gfe-frame:hover{border-color:#ffb89a;box-shadow:0 6px 14px #18233812}}@media(max-width:767px){.gif-extractor .gfe-editor{grid-template-columns:minmax(0,1fr);gap:24px;padding:18px}.gif-extractor .gfe-upload{margin:18px;padding:24px 16px}.gif-extractor .gfe-frame-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gif-extractor .gfe-results{padding:18px}.gif-extractor .gfe-downloads{display:grid;grid-template-columns:minmax(0,1fr)}.gif-extractor .gfe-progress,.gif-extractor .gfe-error{margin-inline:18px}.gif-extractor .gfe-local{font-size:10px;padding:12px}.gif-extractor .gfe-dialog{padding:14px}.gif-extractor .gfe-player{min-height:160px}}@keyframes gfe-enter{0%{opacity:.75;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:no-preference){.tool-page .gif-extractor{animation:gfe-enter .3s ease-out both}.tool-page[data-tool-id=gif-frame-extractor] .tool-enter{animation-name:gfe-enter;animation-duration:.3s}}.tool-page[data-tool-id=gif-frame-extractor] :is(.tool-feature,.tool-use,.tool-related){transition-duration:.2s}@media(prefers-reduced-motion:reduce){.gif-extractor,.gif-extractor *,.tool-page[data-tool-id=gif-frame-extractor] .tool-enter,.tool-page[data-tool-id=gif-frame-extractor] :is(.tool-feature,.tool-use,.tool-related){animation:none!important;transition:none!important;scroll-behavior:auto!important}}