/* GIF制作 */
.gm-drop{position:relative;display:flex;align-items:center;justify-content:center;min-height:14rem;padding:1rem;
  border:2px dashed #d7dce5;border-radius:.75rem;background:#fafbfd;cursor:pointer;text-align:center;
  transition:border-color .2s,background-color .2s}
.gm-drop:hover,.gm-drop.hover,.gm-drop:focus{border-color:var(--site-primary);background:var(--site-tint);outline:0}
.gm-drop-hint i{display:block;margin-bottom:.5rem;color:var(--site-primary);font-size:2.5rem;line-height:1}
.gm-drop-hint p{font-size:.9375rem}
.gm-label{margin-bottom:.4rem;font-size:.8125rem;font-weight:600;color:#475467}
.gm-list{list-style:none;margin:0;padding:0;max-height:24rem;overflow:auto;border:1px solid #eef1f5;border-radius:.5rem}
.gm-item{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;border-bottom:1px solid #f1f4f8;background:#fff;cursor:grab}
.gm-item:last-child{border-bottom:0}
.gm-item.gm-dragging{opacity:.45}
.gm-item.gm-over{border-top:2px solid var(--site-primary)}
.gm-thumb{width:56px;height:44px;object-fit:contain;border-radius:.375rem;background:#f4f6f9;flex:none}
.gm-meta{flex:1 1 auto;min-width:0}
.gm-name{font-size:.8125rem;color:#344054;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gm-delay{display:flex;align-items:center;gap:.25rem;flex:none}
.gm-delay input{width:5rem}
.gm-ops{display:flex;gap:.25rem;flex:none}
.gm-ops .btn{padding:.15rem .4rem;line-height:1.2}
.gm-box{display:flex;align-items:center;justify-content:center;min-height:9rem;padding:.75rem;border:1px solid #eef1f5;border-radius:.6rem;
  background:linear-gradient(45deg,#f7f8fa 25%,transparent 25%,transparent 75%,#f7f8fa 75%),
             linear-gradient(45deg,#f7f8fa 25%,#fff 25%,#fff 75%,#f7f8fa 75%);
  background-size:16px 16px;background-position:0 0,8px 8px}
.gm-box img{display:block;max-width:100%;max-height:20rem;border-radius:.375rem}
.gm-on{background-color:var(--site-primary)!important;border-color:var(--site-primary)!important;color:#fff!important}
.gm-note{padding:.625rem .75rem;border:1px solid #f6e0b5;border-radius:.5rem;background:#fffaf0;font-size:.8125rem;color:#8a5a00}
.gm-note.ok{border-color:#cfe9dc;background:#e7f7ef;color:#0f7b4f}
.gm-note ul{margin:0;padding-left:1.1rem}
.gm-note li+li{margin-top:.25rem}