.gif-maker,.gif-maker *{box-sizing:border-box}.gif-maker{max-width:820px;margin:0 auto;color:#242424;display:grid;gap:12px}.gif-maker a,.gif-maker button,.gif-maker input,.gif-maker select{font:inherit}.gif-maker button{cursor:pointer}.gif-maker button:disabled{opacity:.4;cursor:default}.gif-maker a:focus-visible,.gif-maker button:focus-visible,.gif-maker input:focus-visible,.gif-maker select:focus-visible,.gif-maker__add:focus-within{outline:3px solid #a1a1aa;outline-offset:3px}.gif-maker__controls,.gif-maker__preview{background:#fff;border:1px solid #e5e5e5;border-radius:14px;padding:16px;min-width:0}.gif-maker__heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.gif-maker__heading h2{font-size:15px;margin:0}.gif-maker__heading>span{font-size:11px;color:#737373;white-space:nowrap}.gif-maker__screen{aspect-ratio:16/9;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#e7e7e7;background-image:linear-gradient(45deg,#f5f5f5 25%,transparent 0),linear-gradient(-45deg,#f5f5f5 25%,transparent 0),linear-gradient(45deg,transparent 75%,#f5f5f5 0),linear-gradient(-45deg,transparent 75%,#f5f5f5 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.gif-maker__screen canvas,.gif-maker__screen>img{width:100%;height:100%;object-fit:contain;display:block}.gif-maker__placeholder{display:grid;justify-items:center;gap:8px;color:#737373;font-size:12px;padding:12px;text-align:center}.gif-maker__placeholder svg{width:30px;height:30px}.gif-maker__playback{display:flex;align-items:center;gap:8px;margin-top:8px}.gif-maker__playback button{width:34px;min-height:34px;display:grid;place-items:center;border:1px solid #ddd;border-radius:7px;background:#fff;color:#525252;flex-shrink:0}.gif-maker__playback svg{width:15px;height:15px}.gif-maker__playback input{min-width:0;width:100%;accent-color:#525252}.gif-maker__playback span{font-size:10px;color:#737373;white-space:nowrap}.gif-maker__export{display:grid;gap:8px;margin-top:12px}.gif-maker__primary{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:0;border-radius:9px;padding:8px 10px;background:#242424;color:#fff;text-decoration:none;font-size:13px!important;font-weight:600!important}.gif-maker__primary svg{width:17px;height:17px}.gif-maker__export progress{width:100%;accent-color:#525252}.gif-maker__progress{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#737373}.gif-maker__progress button,.gif-maker__settings-bottom button{border:1px solid #ddd;background:#fff;color:#525252;border-radius:7px;min-height:34px;padding:5px 9px;font-size:11px}.gif-maker__note{font-size:11px;line-height:1.5;color:#737373;margin:8px 0 0}.gif-maker__error{font-size:12px;line-height:1.5;color:#9b503b;background:#fcf2ed;border-radius:7px;padding:8px;margin:10px 0 0}.gif-maker__add{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;border:1.5px dashed #d4d4d4;border-radius:10px;padding:10px;min-height:68px;background:#fafafa;cursor:pointer}.gif-maker__add.is-disabled{opacity:.6;cursor:default}.gif-maker__add>svg{width:25px;height:25px;color:#737373;flex-shrink:0}.gif-maker__add>span{display:grid;gap:5px;min-width:0}.gif-maker__add strong{font-size:13px}.gif-maker__add small{font-size:10px;line-height:1.4;color:#737373}.gif-maker__add input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:inherit}.gif-maker__photos{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:12px 0 0;padding:0}.gif-maker__photos li{min-width:0;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden}.gif-maker__photos img{width:100%;aspect-ratio:4/3;object-fit:contain;display:block;background:#f4f4f4}.gif-maker__photos li>div{display:flex;gap:3px;padding:4px}.gif-maker__photos button{min-width:0;flex:1;height:30px;display:grid;place-items:center;background:#fff;border:1px solid #ddd;border-radius:5px;color:#525252;padding:0}.gif-maker__photos svg{width:12px;height:12px}.gif-maker__settings{border:0;padding:0;margin:16px 0 0;min-width:0}.gif-maker__settings legend{font-size:13px;font-weight:600;padding:0;margin-bottom:10px}.gif-maker__fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px}.gif-maker__fields>label{display:grid;gap:6px;min-width:0;font-size:11px;color:#575757}.gif-maker__fields>label>span{display:flex;align-items:center;gap:5px}.gif-maker__fields input[type=number]{width:65px}.gif-maker__fields input[type=number],.gif-maker__fields select{border:1px solid #d4d4d4;border-radius:7px;min-height:34px;padding:4px 6px;background:#fff;color:#242424;min-width:0;max-width:100%}.gif-maker__fields input[type=color]{width:100%;min-height:34px;background:#fff;border:1px solid #ddd;border-radius:7px;padding:3px}.gif-maker__fields input[type=range]{width:100%;min-width:0;accent-color:#525252}.gif-maker__fields output{font-variant-numeric:tabular-nums}.gif-maker__settings-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.gif-maker__check{display:flex;align-items:center;gap:6px;font-size:12px;color:#575757}.gif-maker__check input{accent-color:#525252}@media(max-width:760px){.gif-maker__controls,.gif-maker__preview{padding:12px}.gif-maker__photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.gif-maker__fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gif-maker__photos button{height:34px}}@media(max-width:360px){.gif-maker__photos{grid-template-columns:repeat(2,minmax(0,1fr))}.gif-maker__heading>span{font-size:10px}.gif-maker__playback span{font-size:9px}}