.gm-upload{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;margin-bottom:1.25rem;padding:3rem 2rem;transition:border-color .15s,background .15s}.gm-upload:hover,.gm-upload.dragover{border-color:var(--accent);background:var(--bg-soft)}.gm-upload-icon{margin-bottom:.75rem;font-size:36px}.gm-upload-text{color:var(--text-2);font-size:14px}.gm-upload-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600;text-decoration:underline}.gm-upload-hint{color:var(--text-3);margin-top:.375rem;font-size:12px}.gm-frames-section{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.25rem;padding:1rem}.gm-frames-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.gm-frames-actions{gap:.5rem;display:flex}.gm-add-btn,.gm-clear-btn{border-radius:var(--radius);cursor:pointer;border:1px solid var(--border);background:var(--bg);color:var(--text-2);padding:4px 10px;font-size:12px}.gm-add-btn:hover,.gm-clear-btn:hover{background:var(--bg-hover)}.gm-clear-btn{color:#e53e3e;border-color:#e53e3e}.gm-clear-btn:hover{background:#fff5f5}.gm-frames-grid{flex-wrap:wrap;gap:.75rem;min-height:100px;display:flex}.gm-frame{border:2px solid var(--border);border-radius:var(--radius);cursor:grab;user-select:none;background:#fff;width:120px;transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.gm-frame:hover{border-color:var(--accent)}.gm-frame.dragging{opacity:.4}.gm-frame.drag-over{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.gm-frame-img{object-fit:contain;background:var(--bg-soft);width:120px;height:90px;display:block}.gm-frame-info{color:var(--text-3);justify-content:space-between;align-items:center;padding:4px 6px;font-size:11px;display:flex}.gm-frame-num{color:var(--text-2);font-weight:600}.gm-frame-del{color:var(--text-3);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:14px;line-height:1}.gm-frame-del:hover{color:#e53e3e}.gm-frame-delay-row{align-items:center;gap:2px;padding:0 6px 4px;display:flex}.gm-frame-delay{border:1px solid var(--border);width:50px;font-size:11px;font-family:var(--font-mono);text-align:center;background:var(--bg);color:var(--text);border-radius:3px;padding:2px 4px}.gm-frame-delay-unit{color:var(--text-3);font-size:10px}.gm-options{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.25rem;padding:1.25rem}.gm-options-title{margin-bottom:.75rem}.gm-options-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.gm-option{flex-direction:column;gap:.25rem;display:flex}.gm-label{color:var(--text-2);font-size:12px;font-weight:500}.gm-input-row{align-items:center;gap:4px;display:flex}.gm-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:80px;color:var(--text);font-size:13px;font-family:var(--font-mono);padding:6px 8px}.gm-select{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);padding:6px 8px;font-size:13px}.gm-unit{color:var(--text-3);font-size:12px}.gm-make-btn{border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;border:none;padding:10px 28px;font-size:14px;font-weight:600;transition:opacity .15s;display:inline-block}.gm-make-btn:hover:not(:disabled){opacity:.9}.gm-make-btn:disabled{opacity:.5;cursor:not-allowed}.gm-progress{margin-top:.75rem}.gm-progress-bar{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.gm-progress-fill{background:var(--accent);width:0%;height:100%;transition:width .2s}.gm-progress-text{color:var(--text-3);margin-top:.25rem;font-size:12px;display:block}.gm-result{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.gm-result-title{margin-bottom:.75rem}.gm-preview-wrap{text-align:center;border:1px solid var(--border);border-radius:var(--radius);background:repeating-conic-gradient(#e0e0e0 0% 25%,#fff 0% 50%) 0 0/16px 16px;justify-content:center;align-items:center;min-height:100px;margin-bottom:.75rem;padding:1rem;display:flex}.gm-preview-wrap img{image-rendering:auto;max-width:100%;max-height:500px}.gm-result-info{color:var(--text-2);text-align:center;margin-bottom:.75rem;font-size:13px}.gm-download-btn{border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;border:none;width:100%;padding:10px;font-size:14px;font-weight:600;transition:opacity .15s;display:block}.gm-download-btn:hover{opacity:.9}@media (width<=768px){.gm-frame{width:100px}.gm-frame-img{width:100px;height:75px}.gm-options-grid{grid-template-columns:repeat(2,1fr)}}