body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.image-dropzone-container{width:100%}.dropzone-area{background:#fff;border:2px dashed #ccc;border-radius:8px;cursor:pointer;margin-bottom:20px;padding:40px 20px;text-align:center;transition:all .3s ease}.dropzone-area:not(.disabled):hover{background:#f8f9fa;border-color:#08a171}.dropzone-area.dragging{background:#e8f5e9;border-color:#08a171;border-style:solid}.dropzone-area.disabled{background:#f5f5f5;cursor:not-allowed;opacity:.5}.dropzone-content{pointer-events:none}.dropzone-icon{display:block;font-size:48px;margin-bottom:16px;opacity:.6}.dropzone-text{color:#333;font-size:16px;margin:0 0 8px}.dropzone-text strong{color:#08a171;font-weight:600}.dropzone-hint{color:#666;font-size:13px;margin:0}.images-gallery{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.gallery-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.gallery-header span:first-child{color:#333;font-size:14px;font-weight:600}.drag-hint{color:#666;font-size:12px;font-style:italic}.gallery-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.gallery-item{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:move;overflow:hidden;position:relative;transition:all .2s}.gallery-item:hover{border-color:#08a171;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.gallery-item.dragging{opacity:.5;transform:scale(.95)}.image-number{align-items:center;background:#08a171e6;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:13px;font-weight:700;height:28px;justify-content:center;left:8px;position:absolute;top:8px;width:28px;z-index:2}.gallery-image{display:block;height:180px;object-fit:cover;width:100%}.image-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.gallery-item:hover .image-overlay{opacity:1}.btn-remove{background:#dc3545e6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s}.btn-remove:hover{background:#dc3545;transform:scale(1.05)}.image-info{align-items:center;background:#fff;display:flex;gap:8px;justify-content:space-between;padding:8px}.image-name{color:#333;flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-size{color:#666;font-size:11px;white-space:nowrap}@media (max-width:768px){.gallery-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.gallery-image{height:140px}.dropzone-area{padding:30px 16px}.dropzone-icon{font-size:36px}.dropzone-text{font-size:14px}}@media (max-width:480px){.gallery-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.gallery-image{height:120px}.drag-hint{display:none}}