.media-dropzone{width:100%}.media-dropzone-area{border:2px dashed var(--theme-border-subtle);padding:clamp(1.25rem,2vw,2rem);cursor:pointer;transition:all .2s ease;min-height:120px;display:flex;align-items:center;justify-content:center;min-width:0}.media-dropzone-area.is-dragging,.media-dropzone-area:hover{border-color:var(--accent-primary);background-color:var(--theme-accent-light)}.media-dropzone-area.is-dragging{border-style:dashed;transform:scale(1.01)}.media-dropzone-area.is-uploading{cursor:wait;opacity:.85;border-style:dashed}.media-dropzone-content{display:flex;width:100%;min-width:0;flex-direction:column;align-items:center;gap:.75rem}.media-dropzone-icons{aspect-ratio:auto;inline-size:auto;display:flex;align-items:center;gap:.5rem;padding:.75rem}.media-dropzone-text{display:grid;max-width:min(100%,20rem);justify-items:center;gap:.35rem;text-align:center;line-height:1.35;overflow-wrap:normal;word-break:normal}.media-dropzone-text>span{display:block;max-width:100%}.media-dropzone-text .font-medium{letter-spacing:.01em}.media-dropzone-uploading{display:flex;flex-direction:column;align-items:center;gap:.75rem}.media-dropzone-preview{width:100%}.media-dropzone-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;gap:.5rem}.media-dropzone-view-toggle{display:flex;gap:.25rem}.media-dropzone-view-toggle button{padding:.375rem}.media-dropzone-drag-handle{--btn-icon-only-size:1.75rem;position:absolute;left:.5rem;top:.5rem;z-index:10;display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;opacity:.7;cursor:grab;transition:opacity .2s}.media-dropzone-item:hover .media-dropzone-drag-handle{opacity:1}.media-dropzone-item:active .media-dropzone-drag-handle{cursor:grabbing}.media-dropzone-carousel-wrap{width:100%;overflow:hidden;border-radius:1rem}.media-dropzone-carousel{display:flex;gap:.75rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:.25rem 0;-webkit-overflow-scrolling:touch}.media-dropzone-carousel-cell{flex:0 0 auto;width:180px;scroll-snap-align:start}.media-dropzone-carousel-cell .media-dropzone-item{width:100%;height:180px;aspect-ratio:1}.media-dropzone-preview-single{width:100%}.media-dropzone-preview-single .media-dropzone-item{max-height:24rem;border-radius:1rem;overflow:hidden;position:relative}.media-dropzone-item{position:relative;aspect-ratio:1;border-radius:.75rem;overflow:hidden;cursor:move;background:var(--theme-tertiary)}.media-dropzone-remove{--btn-icon-only-size:2rem;position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;cursor:pointer;z-index:10}.media-dropzone-item:hover .media-dropzone-remove{opacity:1}@media (max-width:768px){.media-dropzone-area{padding:1.5rem;min-height:100px}}