/* 21-gifgen — Cloudflare Worker client */
.wrap-mod{max-width:960px;margin:20px auto;padding:0 16px}
.gen-panel label{display:block;margin:10px 0 4px;font-size:13px}
.gen-panel textarea,.gen-panel input[type=text],.gen-panel input[type=number]{width:100%;box-sizing:border-box}
.gen-panel textarea{min-height:72px;resize:vertical}
.size-fieldset{margin:16px 0;padding:12px 14px;border:1px solid var(--line);border-radius:6px}
.size-fieldset legend{padding:0 6px;font-size:13px;color:var(--muted,#9ab)}
.size-toggle{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:14px;cursor:pointer}
.size-toggle input{width:auto;margin:0}
.advanced{margin:12px 0;font-size:13px;color:var(--muted,#9ab)}
.advanced summary{cursor:pointer}
.grid-adv{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:10px}
@media(max-width:640px){.grid-adv{grid-template-columns:1fr}}
.actions{margin-top:14px}
.badge{display:inline-block;padding:6px 10px;border-radius:4px;font-size:12px;margin:8px 0}
.badge.warn{background:rgba(224,96,32,.18);color:#ffc8a0;border:1px solid rgba(224,96,32,.4)}
.badge.ok{background:rgba(0,229,255,.12);color:#9ef;border:1px solid rgba(0,229,255,.35)}
.results{display:flex;flex-direction:column;gap:20px;margin:24px 0}
.result-card{padding:14px;border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,.25)}
.result-meta{font-size:13px;margin-bottom:10px;color:var(--muted,#9ab)}
.result-img{display:block;max-width:100%;height:auto;background:#000;cursor:grab;border:1px solid rgba(0,229,255,.25)}
.result-img.pixel{image-rendering:pixelated;image-rendering:crisp-edges}
.result-img:active{cursor:grabbing}
.result-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px}
.drag-hint{font-size:12px}