/* Styles of tool: GIF Maker (Animated GIF from Images) */
.im-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:26px 16px;border:2px dashed var(--mid);border-radius:5px;background:var(--bg);text-align:center;cursor:pointer}.im-drop.over,.im-drop:hover{background:var(--light);border-color:var(--primary)}.im-drop i{font-size:2rem;color:var(--mid)}.im-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.im-prev{margin:14px 0;text-align:center;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 0 0/16px 16px;border:1px solid var(--border-soft);border-radius:5px;padding:10px;overflow:auto}.im-prev canvas,.im-prev img{max-width:100%;max-height:440px;height:auto}
.gm2-frames{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.gm2-fr{position:relative;width:80px;height:80px;border:1px solid var(--border-soft);border-radius:5px;overflow:hidden}
.gm2-fr img{width:100%;height:100%;object-fit:cover}
.gm2-fr span{position:absolute;top:2px;left:2px;background:var(--primary);color:#fff;font-size:.7rem;padding:1px 5px;border-radius:3px}
.tool-box .gm2-x{position:absolute;top:2px;right:2px;background:rgba(0,0,0,.6)!important;color:#fff!important;border:0!important;padding:0 5px!important;font-size:.7rem;border-radius:3px!important}