.gif-page{color:#1d1d1f;max-width:78rem;margin-inline:auto;padding:1.5rem 1.5rem 4rem}.gif-page-header{margin-block-end:1.25rem}.gif-breadcrumb{color:#0071e3;flex-wrap:wrap;gap:.5rem;margin-block-end:.75rem;font-size:.75rem;font-weight:700;display:flex}.gif-heading{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;display:flex}.gif-heading h1{letter-spacing:-.035em;overflow-wrap:anywhere;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;line-height:1.3}[dir=rtl] .gif-heading h1{letter-spacing:normal}.gif-badge{color:#167049;background:#e7f5ed;border-radius:99px;padding:.4rem .8rem;font-size:.75rem;font-weight:650}.gif-description{color:#626267;max-width:65rem;margin-block-start:.75rem;font-size:.9rem;line-height:1.8}.gif-page-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:2.5rem;display:grid}.gif-ad-rail{min-width:0}.gif-tools,.gif-tools *{box-sizing:border-box;min-width:0}.gif-tools [hidden]{display:none!important}.gif-tools{gap:1.25rem;display:grid}.gif-privacy{color:#365c83;background:#edf5ff;border-radius:.875rem;padding:.85rem 1rem;font-size:.8rem;line-height:1.8}.gif-toolbar{color:#626267;justify-content:space-between;align-items:center;gap:1rem;font-size:.85rem;display:flex}.gif-toolbar>p{flex:1}.gif-card{background:#fff;border:1px solid #e6e6e9;border-radius:1.5rem;padding:1.75rem}.gif-section-heading{align-items:center;gap:.75rem;margin-block-end:1.5rem;display:flex}.gif-section-heading h2,.gif-help>h2{font-size:1.2rem;font-weight:750;line-height:1.5}.gif-step{color:#0063c7;background:#edf5ff;border-radius:.8rem;flex-shrink:0;place-items:center;width:2.5rem;height:2.5rem;font-size:.8rem;font-weight:750;display:grid}.gif-maker-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:1.5rem;display:grid}.gif-maker-inputs{gap:1rem;display:grid}.gif-upload{text-align:center;cursor:pointer;background:#f8fbff;border:1.5px dashed #b4c9df;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:1.5rem;display:flex;position:relative}.gif-upload:hover,.gif-upload.is-dragging{background:#edf5ff;border-color:#0071e3}.gif-upload:has(input:focus-visible){outline-offset:3px;outline:2px solid #0071e3}.gif-upload:has(input:disabled){opacity:.5;cursor:wait}.gif-upload input{opacity:0;width:100%;height:100%;cursor:inherit;position:absolute;inset:0}.gif-upload-icon{color:#0071e3;font-size:2rem;line-height:1}.gif-upload strong{font-size:.9rem;font-weight:700}.gif-note{color:#626267;overflow-wrap:anywhere;font-size:.75rem;font-weight:400;line-height:1.8}.gif-input-list{gap:.5rem;max-height:22rem;margin:0;padding:.25rem;list-style:none;display:grid;overflow-y:auto}.gif-input-list:empty{display:none}.gif-input-row{border:1px solid #e6e6e9;border-radius:.8rem;align-items:center;gap:.65rem;padding:.6rem;display:flex}.gif-input-row img{object-fit:contain;background:#f2f2f4;border-radius:.4rem;flex-shrink:0;width:3.25rem;height:3.25rem}.gif-input-row bdi{overflow-wrap:anywhere;flex:1;font-size:.8rem}.gif-row-actions{flex-wrap:wrap;flex-shrink:0;gap:.25rem;display:flex}.gif-icon-button{color:#393941;cursor:pointer;background:#fff;border:1px solid #dedee4;border-radius:.5rem;width:2.25rem;height:2.5rem;font-size:1rem}.gif-icon-button:disabled{opacity:.35;cursor:not-allowed}.gif-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.gif-settings label{flex-direction:column;gap:.5rem;font-size:.8rem;font-weight:650;display:flex}.gif-settings input{color:#1d1d1f;width:100%;min-height:2.875rem;font:inherit;background:#fafafa;border:1px solid #d9d9df;border-radius:.7rem;padding:.65rem .8rem;font-size:1rem}.gif-checkbox{align-items:center;gap:.65rem;font-size:.85rem;line-height:1.6;display:flex}.gif-checkbox input{accent-color:#0071e3;width:1.15rem;height:1.15rem}.gif-button{min-height:2.875rem;font:inherit;text-align:center;overflow-wrap:anywhere;cursor:pointer;border:1px solid #0000;border-radius:.85rem;justify-content:center;align-items:center;padding:.7rem 1.1rem;font-size:.8rem;font-weight:650;line-height:1.7;display:inline-flex}.gif-primary{color:#fff;background:#0071e3}.gif-primary:hover{background:#0063c7}.gif-secondary{color:#393941;background:#fff;border-color:#dedee4}.gif-secondary:hover{background:#f3f3f6}.gif-button:disabled{opacity:.45;cursor:not-allowed}.gif-tools :is(button,input):focus-visible{outline-offset:3px;outline:2px solid #0071e3}.gif-preview-card{background:#f6f8fb;border-radius:1rem;gap:1rem;padding:1.25rem;display:grid}.gif-preview-card h3{font-size:.95rem;font-weight:700}.gif-preview-area{background:#fff;border:1px solid #e6e9ef;border-radius:.8rem;place-items:center;min-height:16rem;padding:.75rem;display:grid}.gif-preview-area :is(canvas,img){object-fit:contain;max-width:100%;height:auto;max-height:28rem;display:block}.gif-actions{flex-wrap:wrap;gap:.6rem;display:flex}.gif-actions .gif-button{flex:8rem}.gif-extract-controls{grid-template-columns:minmax(0,1fr) minmax(0,20rem);align-items:center;gap:1.25rem;display:grid}.gif-upload-small{padding:1.25rem}.gif-frame-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,10rem),1fr));gap:1rem;margin-block-start:1rem;display:grid}.gif-frame{border:1px solid #e6e6e9;border-radius:.9rem;gap:.5rem;padding:.75rem;display:grid}.gif-frame img{object-fit:contain;background-color:#f5f5f7;background-image:conic-gradient(#e5e5e8 25%, transparent 0 50%, #e5e5e8 0 75%, transparent 0);background-size:16px 16px;width:100%;height:8rem}.gif-frame figcaption{flex-wrap:wrap;justify-content:space-between;gap:.25rem .75rem;font-size:.75rem;line-height:1.6;display:flex}.gif-frame .gif-button{padding:.5rem;font-size:.75rem}.gif-help{color:#626267;font-size:.85rem;line-height:1.9}.gif-help :is(h2,h3){color:#1d1d1f}.gif-help h3{margin-block:1.25rem .65rem;font-size:.95rem;font-weight:700}.gif-help-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.gif-help :is(ol,ul){margin:0;padding-inline-start:1.4rem}.gif-help ol{list-style:decimal}.gif-help ul{list-style:outside}.gif-help li+li{margin-block-start:.45rem}.gif-help>p{margin-block-start:1.25rem}.gif-license{color:#0063c7;text-underline-offset:.2rem;margin-block-start:.75rem;text-decoration:underline;display:inline-block}.gif-error{color:#a52121;background:#fff3f3;border:1px solid #f5c5c5;border-radius:.875rem;padding:.875rem 1rem;font-size:.85rem;line-height:1.8}@media (width>=1200px){.gif-page-grid{grid-template-columns:minmax(0,1fr) 20rem}.gif-page-grid .gif-ad-rail .content-ad{margin:0}}@media (width<=760px){.gif-page{padding:1.5rem 1rem 3rem}.gif-card{border-radius:1.125rem;padding:1.1rem}.gif-maker-grid,.gif-extract-controls,.gif-help-grid{grid-template-columns:minmax(0,1fr)}.gif-help-grid{gap:0}.gif-upload{padding:1.25rem .875rem}.gif-preview-area{min-height:13rem}}@media (width<=390px){.gif-settings{grid-template-columns:minmax(0,1fr)}.gif-input-row{flex-wrap:wrap}.gif-input-row bdi{flex-basis:calc(100% - 4rem)}.gif-row-actions{margin-inline-start:auto}}