.dropzone{border:2px dashed theme(colors.slate.3);border-radius:.9rem;background-color:var(--color-surface-secondary);padding:2.5rem 1.5rem;text-align:center;cursor:pointer;transition:border-color .2s,background-color .2s,transform .1s}.dropzone:hover,.dropzone:focus-visible{border-color:var(--color-primary);background-color:var(--color-primary-bg);outline:none}.dropzone.dragover{border-color:var(--color-primary);background-color:var(--color-primary-bg);transform:scale(1.01)}.dropzone-icon{font-size:2.25rem;color:var(--color-primary);margin-bottom:.5rem}.dropzone-title{font-weight:600;color:theme(colors.slate.7)}.dropzone-sub{font-size:.875rem;color:theme(colors.slate.5);margin-top:.25rem}.image-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.image-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border:1px solid theme(colors.slate.2);border-radius:.7rem;background-color:var(--color-surface-secondary)}.image-item .thumb{width:56px;height:56px;flex:0 0 auto;-o-object-fit:cover;object-fit:cover;border-radius:.5rem;border:1px solid theme(colors.slate.2);background-color:theme(colors.slate.1)}.image-item .meta{flex:1 1 auto;min-width:0}.image-item .meta .name{display:block;font-size:.875rem;font-weight:500;color:theme(colors.slate.7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-item .meta .size{display:block;font-size:.75rem;color:theme(colors.slate.5)}.image-item .actions{display:flex;gap:.25rem;flex:0 0 auto}.image-item .icon-btn{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid theme(colors.slate.2);background-color:var(--color-surface-secondary);color:theme(colors.slate.6);cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}.image-item .icon-btn:hover:not(:disabled){background-color:var(--color-primary-bg);color:var(--color-primary);border-color:var(--color-primary)}.image-item .icon-btn:disabled{opacity:.4;cursor:not-allowed}.image-item .icon-btn.remove:hover{background-color:var(--color-error-bg);color:var(--color-error-dark);border-color:var(--color-error)}.progress-indicator{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-primary);font-weight:500}.progress-indicator.hidden{display:none}