.artwork-upload{margin:18px 0 20px;padding:19px;background:#111c29;border:1px solid #324357;color:#edf4fb}
.artwork-upload h3{font:20px var(--serif);margin:0 0 7px}.artwork-upload h3 span{font:10px var(--sans);color:#9cacbb}
.artwork-upload>p{font-size:10px;line-height:1.65;color:#b4c2d0;margin:7px 0 13px}
.artwork-drop{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;min-height:75px;padding:16px;border:1px dashed #388ddd;background:#0b1420;color:#d9e8f7;font-size:10px;cursor:pointer;text-align:center}
.artwork-drop:hover,.artwork-drop.dragging{border-color:#7ac2ff;background:#0d2034}
.artwork-drop input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.artwork-drop input:focus-visible+.upload-icon{outline:2px solid #64b7ff;outline-offset:4px}
.upload-icon{font-size:20px;color:#48aaff}.artwork-drop b{color:#67b8ff;text-decoration:underline}.artwork-drop span:last-child{color:#9cabb9}
.artwork-upload .artwork-hint{font-size:9px;color:#91a2b3;margin:8px 0 13px}.artwork-transfer{padding:10px 12px;background:#0a1119;border-left:2px solid #168cff;color:#b9c7d4!important;margin-bottom:0!important}
.artwork-list{display:grid;gap:6px;margin:8px 0 12px}.artwork-empty{font-size:9px;color:#91a0af}.artwork-file{display:flex;align-items:center;gap:9px;background:#192635;padding:8px 10px;font-size:10px}.file-icon{font-size:15px;color:#53aaff}.file-name{min-width:0;flex:1;overflow-wrap:anywhere}.file-name small{color:#98a8b7;margin-left:5px}.artwork-file button{border:0;background:none;color:#8ecaff;text-decoration:underline;font-size:9px}
@media(max-width:650px){.artwork-upload{padding:14px}.artwork-upload h3{font-size:18px}.artwork-drop{min-height:88px;gap:6px}}