.image-holder-settings[data-v-a488fe28]{background:var(--surface,#1a1a1a);border:1px solid var(--borderDefault,#333);border-radius:8px;overflow:hidden;width:320px}.settings-header[data-v-a488fe28]{align-items:center;border-bottom:1px solid var(--borderDefault,#333);display:flex;justify-content:space-between;padding:12px 16px}.settings-header h3[data-v-a488fe28]{color:var(--textPrimary,#fff);font-size:.9rem;font-weight:600;margin:0}.close-btn[data-v-a488fe28]{background:none;border:none;color:var(--textMuted,#888);cursor:pointer;font-size:1.25rem;line-height:1;padding:0}.close-btn[data-v-a488fe28]:hover{color:var(--textPrimary,#fff)}.settings-body[data-v-a488fe28]{gap:16px;max-height:70vh;overflow-y:auto;padding:16px}.setting-group[data-v-a488fe28],.settings-body[data-v-a488fe28]{display:flex;flex-direction:column}.setting-group[data-v-a488fe28]{gap:8px}.label-row[data-v-a488fe28]{align-items:center;display:flex;justify-content:space-between}.setting-label[data-v-a488fe28]{color:var(--textMuted,#888);font-size:.8rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.refresh-btn[data-v-a488fe28]{align-items:center;background:none;border:none;border-radius:4px;color:var(--textMuted,#888);cursor:pointer;display:flex;justify-content:center;padding:4px}.refresh-btn[data-v-a488fe28]:hover{background:var(--surfaceAlt,#252525);color:var(--textPrimary,#fff)}.button-group[data-v-a488fe28]{display:flex;gap:4px}.button-group.wrap[data-v-a488fe28]{flex-wrap:wrap}.style-btn[data-v-a488fe28]{background:var(--surfaceAlt,#252525);border:1px solid var(--borderDefault,#333);border-radius:4px;color:var(--textPrimary,#fff);cursor:pointer;flex:1;font-size:.85rem;min-width:-moz-fit-content;min-width:fit-content;padding:8px 12px;transition:all .15s ease}.style-btn[data-v-a488fe28]:hover{background:var(--surface,#2a2a2a)}.style-btn.active[data-v-a488fe28]{background:var(--accentFill,#3b82f6);border-color:var(--accentFill,#3b82f6)}.text-input[data-v-a488fe28],.url-input[data-v-a488fe28]{background:var(--surfaceAlt,#252525);border:1px solid var(--borderDefault,#333);border-radius:4px;color:var(--textPrimary,#fff);font-size:.85rem;padding:8px 12px;width:100%}.text-input[data-v-a488fe28]:focus,.url-input[data-v-a488fe28]:focus{border-color:var(--accentFill,#3b82f6);outline:none}.text-input[data-v-a488fe28]::-moz-placeholder,.url-input[data-v-a488fe28]::-moz-placeholder{color:var(--textMuted,#666)}.text-input[data-v-a488fe28]::placeholder,.url-input[data-v-a488fe28]::placeholder{color:var(--textMuted,#666)}.setting-hint[data-v-a488fe28]{color:var(--textMuted,#666);font-size:.75rem}.upload-area[data-v-a488fe28]{border:2px dashed var(--borderDefault,#333);border-radius:8px;min-height:100px;position:relative;transition:all .15s ease}.upload-area.dragging[data-v-a488fe28]{background:color-mix(in oklch,var(--accentFill,#3b82f6) 10%,transparent);border-color:var(--accentFill,#3b82f6)}.upload-area.uploading[data-v-a488fe28]{pointer-events:none}.file-input[data-v-a488fe28]{display:none}.upload-content[data-v-a488fe28]{align-items:center;color:var(--textMuted,#888);cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:20px;text-align:center}.upload-content[data-v-a488fe28]:hover{color:var(--textPrimary,#fff)}.upload-content span[data-v-a488fe28]{font-size:.85rem}.upload-hint[data-v-a488fe28]{font-size:.75rem!important;opacity:.7}.upload-progress[data-v-a488fe28]{align-items:center;color:var(--textMuted,#888);display:flex;flex-direction:column;gap:8px;justify-content:center;padding:20px}.upload-progress span[data-v-a488fe28]{font-size:.85rem}.error-text[data-v-a488fe28]{color:#ef4444;font-size:.8rem;margin:0}.library-empty[data-v-a488fe28],.library-loading[data-v-a488fe28]{align-items:center;color:var(--textMuted,#888);display:flex;font-size:.85rem;gap:8px;justify-content:center;padding:16px}.image-library[data-v-a488fe28]{display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.library-image[data-v-a488fe28]{aspect-ratio:1;background:var(--surfaceAlt,#252525);border:2px solid var(--borderDefault,#333);border-radius:6px;cursor:pointer;overflow:hidden;padding:0;position:relative}.library-image[data-v-a488fe28]:hover{border-color:var(--textMuted,#666)}.library-image.selected[data-v-a488fe28]{border-color:var(--accentFill,#3b82f6)}.library-image img[data-v-a488fe28]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.library-image .delete-btn[data-v-a488fe28]{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:20px;justify-content:center;opacity:0;position:absolute;right:4px;top:4px;transition:opacity .15s ease;width:20px}.library-image:hover .delete-btn[data-v-a488fe28]{opacity:1}.library-image .delete-btn[data-v-a488fe28]:hover{background:#ef4444}.image-preview[data-v-a488fe28]{align-items:center;background:var(--surfaceAlt,#252525);border:1px solid var(--borderDefault,#333);border-radius:4px;display:flex;height:120px;justify-content:center;overflow:hidden;position:relative;width:100%}.image-preview img[data-v-a488fe28]{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.preview-error[data-v-a488fe28]{background:var(--surfaceAlt,#252525);color:var(--textMuted,#888);font-size:.8rem;inset:0}.clear-image-btn[data-v-a488fe28],.preview-error[data-v-a488fe28]{align-items:center;display:flex;justify-content:center;position:absolute}.clear-image-btn[data-v-a488fe28]{background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;height:24px;opacity:0;right:4px;top:4px;transition:opacity .15s ease;width:24px}.image-preview:hover .clear-image-btn[data-v-a488fe28]{opacity:1}.clear-image-btn[data-v-a488fe28]:hover{background:#ef4444}.spinner[data-v-a488fe28]{animation:spin-a488fe28 1s linear infinite;border:3px solid var(--borderDefault,#333);border-radius:50%;border-top-color:var(--accentFill,#3b82f6);height:24px;width:24px}.spinner.small[data-v-a488fe28]{border-width:2px;height:16px;width:16px}@keyframes spin-a488fe28{to{transform:rotate(1turn)}}
