/* GIF 動畫製作 */
#gm [hidden] { display: none !important; }
.gm-note { background: #fff8e6; border-left: 4px solid #d9a400; padding: 10px 14px; border-radius: 6px; font-size: 1rem; }
.gm-item { cursor: grab; }
.gm-item.is-drag { opacity: .4; }
.gm-item.is-target { border-color: var(--brand); box-shadow: 0 0 0 2px #93b4ff; }
.gm-sec-lab { display: inline-flex; align-items: center; gap: 4px; font-size: .95rem; }
.gm-sec-lab input { width: 84px; min-height: 40px; padding: 0 8px; border: 1px solid var(--line); border-radius: 8px; font-size: 1rem; box-sizing: border-box; }
.gm-est { margin: 8px 0; }
.gm-video { display: block; width: 100%; max-width: 560px; max-height: 50vh; margin: 10px 0; background: #000; border-radius: 8px; }
.gm-preview-box { text-align: center; padding: 12px; margin: 10px 0; border: 1px solid var(--line); border-radius: 10px;
  background: repeating-conic-gradient(#e9ecf1 0 25%, #fff 0 50%) 0 0 / 16px 16px; }
.gm-preview-box img { max-width: 100%; height: auto; }
.gm-row { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.gm-row input[type=color] { width: 56px; height: 44px; padding: 2px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
.gm-row .it-check { min-height: 44px; align-items: center; }
.gm-mini { min-height: 40px; padding: 0 12px; border: 1px solid var(--line); border-radius: 8px; background: #fff; font-size: .95rem; cursor: pointer; }