.media-gallery{width:100%}.media-gallery .media-gallery__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;min-height:132px;padding:calc(var(--esp-space)*2.5);color:var(--esp-text-tertiary);text-align:center;background:var(--esp-bg-elevated);border:1.5px dashed var(--esp-border-strong);border-radius:var(--esp-radius-lg);cursor:pointer;transition:color .1s ease,border-color .1s ease,background .1s ease}.media-gallery .media-gallery__dropzone .media-gallery__dropzone-label{font-size:var(--esp-fs-md);font-weight:600;color:var(--esp-text-secondary)}.media-gallery .media-gallery__dropzone .media-gallery__dropzone-hint{max-width:40ch;font-size:var(--esp-fs-sm);line-height:1.5;color:var(--esp-text-tertiary)}.media-gallery .media-gallery__dropzone:hover{color:var(--esp-primary);border-color:var(--esp-primary);background:var(--esp-bg-container)}.media-gallery .media-gallery__dropzone:hover .media-gallery__dropzone-label{color:var(--esp-primary)}.media-gallery .media-gallery__dropzone:focus-visible{outline:2px solid var(--esp-primary);outline-offset:2px}.media-gallery .media-gallery__list{list-style:none;margin:calc(var(--esp-space)*1.5) 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.media-gallery .media-gallery__row{display:flex;align-items:center;gap:10px;padding:calc(var(--esp-space)*1.25) calc(var(--esp-space)*1.5);color:var(--esp-text-secondary);background:var(--esp-bg-elevated);border:1px solid var(--esp-border);border-radius:var(--esp-radius);cursor:grab;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.media-gallery .media-gallery__row:active{cursor:grabbing}.media-gallery .media-gallery__row:hover{background:var(--esp-bg-container)}.media-gallery .media-gallery__row:hover .media-gallery__remove-row{opacity:1}.media-gallery .media-gallery__row.is-over{border-color:var(--esp-primary);box-shadow:0 0 0 2px var(--esp-primary-soft)}.media-gallery .media-gallery__grip{flex:none;color:var(--esp-text-tertiary)}.media-gallery .media-gallery__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--esp-fs-sm);color:var(--esp-text)}.media-gallery .media-gallery__badge{flex:none;padding:2px 8px;border-radius:999px;font-size:var(--esp-fs-xs);font-weight:600;color:var(--esp-primary);background:var(--esp-primary-soft)}.media-gallery .media-gallery__remove-row{display:inline-flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;padding:0;color:var(--esp-text-tertiary);background:rgba(0,0,0,0);border:none;border-radius:var(--esp-radius);cursor:pointer;opacity:0;transition:color .15s ease,background .15s ease,opacity .15s ease}.media-gallery .media-gallery__remove-row:hover{color:var(--esp-danger,#e5484d);background:var(--esp-bg-elevated)}