.dropzone{border:1px dashed #9bbdb2;border-radius:10px;background:#f5faf8;padding:20px;min-width:0;height:390px;display:flex;flex-direction:column}
.upload-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:100px;flex-shrink:0;text-align:center;cursor:pointer;position:relative}
.upload-prompt strong{font-size:17px;color:#294b55}
.upload-prompt>span{font-size:12px;color:#70847c}
.upload-prompt input{position:absolute;width:1px;height:1px;opacity:0}
.upload-notice{margin:0 0 8px;color:#c62828;font-size:13px;font-weight:bold;text-align:center}
.dropzone .attachments{margin-top:12px;border-top:1px solid #dbe6df;padding-top:12px;display:flex;flex-direction:column;flex:1;min-height:0}
.dropzone #fileList{grid-template-columns:repeat(var(--file-columns,1),minmax(0,1fr));gap:8px;overflow-y:auto;overscroll-behavior:contain;min-height:0;align-content:start;padding:2px}
.dropzone .attached-file{display:flex;flex-direction:column;align-items:stretch;gap:10px;background:white;padding:12px;min-width:0}
.dropzone .attached-file.active{background:#eff8f2}
.dropzone .file-name{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;font-size:12px;line-height:1.5}
.file-icon{width:48px;height:56px;flex-shrink:0}
.dropzone .file-name span{overflow-wrap:anywhere;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dropzone .file-status{text-align:center;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dropzone .file-actions{width:100%;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:auto}
.dropzone .file-actions label{flex:1;min-width:0}
.dropzone .file-actions .sub{align-self:flex-end}
.mall-badge{font-size:11px;color:#22745d;background:#e2f0e9;border-radius:5px;padding:3px 6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dropzone #fileList[data-density="compact"] .attached-file{padding:9px;gap:8px}
.dropzone #fileList[data-density="compact"] .file-icon{width:36px;height:42px}
.dropzone #fileList[data-density="dense"] .attached-file,.dropzone #fileList[data-density="mini"] .attached-file{padding:7px;gap:5px}
.dropzone #fileList[data-density="dense"] .file-icon{width:28px;height:33px}
.dropzone #fileList[data-density="mini"] .file-icon{width:22px;height:26px}
.dropzone #fileList[data-density="dense"] .file-name,.dropzone #fileList[data-density="mini"] .file-name{font-size:11px;gap:5px}
.dropzone #fileList[data-density="dense"] .sub,.dropzone #fileList[data-density="mini"] .sub{font-size:11px;padding:3px 6px}
.read-options{margin-top:16px;border-top:1px solid #e0e6e9;padding-top:14px}
.read-options summary{cursor:pointer;color:#546d75;font-size:12px}
.read-options>p{font-size:12px;margin:8px 0}
@media(max-width:700px){.dropzone{padding:14px}.dropzone #fileList{grid-template-columns:repeat(2,minmax(0,1fr))}.dropzone #fileList[data-density="dense"],.dropzone #fileList[data-density="mini"]{grid-template-columns:repeat(3,minmax(0,1fr))}}
.dropzone .attached-file.invalid{border-color:#d99587;background:#fff1ed}.dropzone .attached-file.invalid .file-status{color:#b83223;font-weight:bold;white-space:normal}