.cc-tool[data-astro-cid-hrg6pchg]{display:flex;flex-direction:column;gap:var(--space-6)}.cc-dropzone[data-astro-cid-hrg6pchg]{position:relative;border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-12) var(--space-8);text-align:center;cursor:pointer;transition:border-color .2s ease,background .2s ease;background:var(--color-bg-soft);outline:none}.cc-dropzone[data-astro-cid-hrg6pchg]:hover,.cc-dropzone[data-astro-cid-hrg6pchg]:focus-visible{border-color:var(--color-primary);background:var(--color-primary-pale)}.cc-dropzone[data-astro-cid-hrg6pchg].is-dragover{border-color:var(--color-primary);background:var(--color-primary-pale)}.cc-drop-icon[data-astro-cid-hrg6pchg]{color:var(--color-text-muted);margin-bottom:var(--space-3)}.cc-drop-text[data-astro-cid-hrg6pchg]{margin:0 0 var(--space-1) 0;font-size:1rem;font-weight:600;color:var(--color-text)}.cc-drop-sub[data-astro-cid-hrg6pchg]{margin:0 0 var(--space-2) 0;font-size:.875rem;color:var(--color-text-muted)}.cc-drop-link[data-astro-cid-hrg6pchg]{color:var(--color-primary);text-decoration:underline;cursor:pointer}.cc-drop-formats[data-astro-cid-hrg6pchg]{margin:0;font-size:.8125rem;color:var(--color-text-muted)}.cc-file-hidden[data-astro-cid-hrg6pchg]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.cc-workspace[data-astro-cid-hrg6pchg]{display:flex;flex-direction:column;gap:var(--space-6)}.cc-settings-panel[data-astro-cid-hrg6pchg]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.cc-setting-group[data-astro-cid-hrg6pchg]{display:flex;flex-direction:column;gap:var(--space-2)}.cc-setting-label[data-astro-cid-hrg6pchg]{font-size:.8125rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.cc-mode-btns[data-astro-cid-hrg6pchg]{display:flex;gap:var(--space-2);flex-wrap:wrap}.cc-mode-btn[data-astro-cid-hrg6pchg]{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s,color .15s;min-height:44px}.cc-mode-btn[data-astro-cid-hrg6pchg]:hover{border-color:var(--color-primary);color:var(--color-primary)}.cc-mode-btn[data-astro-cid-hrg6pchg].is-active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.cc-cols-btns[data-astro-cid-hrg6pchg]{display:flex;gap:var(--space-2)}.cc-cols-btn[data-astro-cid-hrg6pchg]{padding:var(--space-2) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s,color .15s;min-height:44px}.cc-cols-btn[data-astro-cid-hrg6pchg]:hover{border-color:var(--color-primary);color:var(--color-primary)}.cc-cols-btn[data-astro-cid-hrg6pchg].is-active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.cc-slider[data-astro-cid-hrg6pchg]{width:100%;accent-color:var(--color-primary);cursor:pointer}.cc-bg-row[data-astro-cid-hrg6pchg]{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.cc-color-input[data-astro-cid-hrg6pchg]{width:40px;height:40px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:2px;background:var(--color-bg)}.cc-hex-input[data-astro-cid-hrg6pchg]{width:90px;padding:var(--space-2) var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;font-family:var(--font-mono);color:var(--color-text);background:var(--color-bg)}.cc-hex-input[data-astro-cid-hrg6pchg]:focus{outline:2px solid var(--color-primary);outline-offset:1px;border-color:var(--color-primary)}.cc-preset-color[data-astro-cid-hrg6pchg]{width:28px;height:28px;border-radius:50%;border:none;cursor:pointer;transition:transform .1s}.cc-preset-color[data-astro-cid-hrg6pchg]:hover{transform:scale(1.15)}.cc-format-row[data-astro-cid-hrg6pchg]{display:flex;flex-direction:column;gap:var(--space-3)}.cc-format-btns[data-astro-cid-hrg6pchg]{display:flex;gap:var(--space-2)}.cc-format-btn[data-astro-cid-hrg6pchg]{padding:var(--space-2) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:.875rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,color .15s;min-height:44px}.cc-format-btn[data-astro-cid-hrg6pchg]:hover{border-color:var(--color-primary);color:var(--color-primary)}.cc-format-btn[data-astro-cid-hrg6pchg].is-active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.cc-quality-ctrl[data-astro-cid-hrg6pchg]{display:flex;flex-direction:column;gap:var(--space-2)}.cc-images-section[data-astro-cid-hrg6pchg]{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.cc-images-header[data-astro-cid-hrg6pchg]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-2)}.cc-images-title[data-astro-cid-hrg6pchg]{font-size:.9375rem;font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:var(--space-2)}.cc-count-badge[data-astro-cid-hrg6pchg]{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--color-primary);color:#fff;font-size:.75rem;font-weight:700}.cc-images-actions[data-astro-cid-hrg6pchg]{display:flex;gap:var(--space-2)}.cc-add-more-btn[data-astro-cid-hrg6pchg]{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1.5px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-primary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s;min-height:36px}.cc-add-more-btn[data-astro-cid-hrg6pchg]:hover{background:var(--color-primary);color:#fff}.cc-clear-btn[data-astro-cid-hrg6pchg]{padding:var(--space-2) var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text-muted);font-size:.8125rem;cursor:pointer;transition:border-color .15s,color .15s;min-height:36px}.cc-clear-btn[data-astro-cid-hrg6pchg]:hover{border-color:var(--color-error);color:var(--color-error)}.cc-thumb-list[data-astro-cid-hrg6pchg]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-3)}.cc-preview-section[data-astro-cid-hrg6pchg]{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.cc-preview-header[data-astro-cid-hrg6pchg]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.cc-preview-title[data-astro-cid-hrg6pchg]{font-size:.9375rem;font-weight:600;color:var(--color-text)}.cc-preview-size[data-astro-cid-hrg6pchg]{font-size:.8125rem;color:var(--color-text-muted);font-family:var(--font-mono)}.cc-preview-wrap[data-astro-cid-hrg6pchg]{position:relative;min-height:120px;border-radius:var(--radius-md);overflow:hidden;background:repeating-conic-gradient(#e5e7eb 0% 25%,#f9fafb 0% 50%) 0 0 / 16px 16px;display:flex;align-items:center;justify-content:center}.cc-canvas[data-astro-cid-hrg6pchg]{max-width:100%;height:auto;display:none;border-radius:var(--radius-sm)}.cc-preview-placeholder[data-astro-cid-hrg6pchg]{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-8);color:var(--color-text-muted);font-size:.875rem;text-align:center}.cc-preview-placeholder[data-astro-cid-hrg6pchg] p[data-astro-cid-hrg6pchg]{margin:0}.cc-download-section[data-astro-cid-hrg6pchg]{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.cc-download-btn[data-astro-cid-hrg6pchg]{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s,opacity .15s;min-height:52px;box-shadow:var(--shadow-md)}.cc-download-btn[data-astro-cid-hrg6pchg]:hover:not(:disabled){background:var(--color-primary-hover)}.cc-download-btn[data-astro-cid-hrg6pchg]:disabled{opacity:.45;cursor:not-allowed}.cc-status[data-astro-cid-hrg6pchg]{margin:0;font-size:.875rem;color:var(--color-success);min-height:1.25rem}.cc-status[data-astro-cid-hrg6pchg].is-error{color:var(--color-error)}@media(max-width:768px){.cc-settings-panel[data-astro-cid-hrg6pchg]{grid-template-columns:1fr}.cc-mode-btns[data-astro-cid-hrg6pchg]{gap:var(--space-1)}.cc-mode-btn[data-astro-cid-hrg6pchg]{font-size:.8125rem;padding:var(--space-2) var(--space-2)}.cc-thumb-list[data-astro-cid-hrg6pchg]{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.cc-dropzone[data-astro-cid-hrg6pchg]{padding:var(--space-8) var(--space-4)}.cc-download-btn[data-astro-cid-hrg6pchg]{width:100%;justify-content:center}}.cc-thumb-item{position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-soft);border:1.5px solid var(--color-border);cursor:grab;transition:box-shadow .15s,border-color .15s,opacity .15s;user-select:none;display:flex;flex-direction:column;align-items:center;padding-bottom:4px}.cc-thumb-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.cc-thumb-item.is-dragging{opacity:.4}.cc-thumb-item.is-drag-over{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-pale)}.cc-thumb-canvas{width:100%;aspect-ratio:1;display:block;object-fit:cover}.cc-thumb-num{position:absolute;top:4px;left:4px;background:#0000008c;color:#fff;font-size:.6875rem;font-weight:700;line-height:1;padding:2px 5px;border-radius:999px}.cc-thumb-del{position:absolute;top:4px;right:4px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#0000008c;border:none;border-radius:50%;cursor:pointer;color:#fff;transition:background .15s;padding:0}.cc-thumb-del:hover{background:var(--color-error)}.cc-thumb-name{margin:0;padding:2px 4px 0;font-size:.6875rem;color:var(--color-text-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;max-width:100%}