#pwl-image-drop{align-items:stretch;justify-content:flex-start;gap:18px;padding:24px;text-align:left;min-height:300px;}
.pwl-upload-drophead{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.pwl-upload-drophead h2{font-size:19px;font-weight:600;}
.pwl-upload-drophead p{margin-top:5px;font-size:13px;color:var(--pwl-color-7b8390);}
#pwl-image-drop>small{font-size:12px;color:var(--pwl-color-8b93a0);}
#pwl-image-empty{display:flex;align-items:center;justify-content:center;min-height:170px;margin:0;background:var(--pwl-color-fafbfc);border-radius:9px;font-size:14px;color:var(--pwl-color-7b8390);}
#pwl-image-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:14px;align-items:flex-start;}
#pwl-image-list .pwl-upload-item{position:relative;display:flex;flex-direction:column;gap:0;flex:0 0 calc((100% - 14px)/2);min-width:0;padding:0;border:1px solid var(--pwl-color-e3e6ed);border-radius:10px;overflow:visible;}
#pwl-image-list .pwl-upload-item[data-cover="true"]{border-color:var(--pwl-color-8b9de3);}
#pwl-image-list .pwl-upload-thumb{display:block;width:100%;height:180px;margin:0;padding:0;border:0;border-radius:9px 9px 0 0;background:var(--pwl-color-f4f5f7);cursor:grab;touch-action:none;user-select:none;}
#pwl-image-list .pwl-upload-thumb:active{cursor:grabbing;}
#pwl-image-list .pwl-upload-thumb img{pointer-events:none;user-select:none;}
.pwl-upload-order{position:absolute;right:9px;top:9px;padding:1px 6px;border-radius:5px;background:var(--pwl-color-ffffffed);color:var(--pwl-color-687182);font-size:12px;}
#pwl-image-list .pwl-upload-itembody{padding:12px;text-align:left;}
#pwl-image-list .pwl-upload-itembody>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;}
#pwl-image-list .pwl-upload-itembody>small{font-size:11px;}
.pwl-upload-image-tools{display:flex;gap:6px;align-items:center;margin-top:10px;}
.pwl-upload-image-tools button{padding:4px 9px;min-height:30px;font-size:12px;font-weight:500;}
.pwl-upload-image-tools button:last-child{margin-left:auto;color:var(--pwl-color-8c5963);}
.pwl-upload-alt{margin-top:10px;font-size:12px;}
.pwl-upload-alt summary{cursor:pointer;color:var(--pwl-color-778191);}
.pwl-upload-alt .pwl-field{margin-top:8px;}
.pwl-upload-alt input{width:100%;font-size:12px;}
#pwl-image-list .pwl-upload-dragging{opacity:.45;}
#pwl-image-list .pwl-upload-drop-before:before,#pwl-image-list .pwl-upload-drop-after:after{content:"";position:absolute;top:0;bottom:0;width:3px;background:var(--pwl-color-brand);border-radius:2px;z-index:2;}
#pwl-image-list .pwl-upload-drop-before:before{left:-9px;}
#pwl-image-list .pwl-upload-drop-after:after{right:-9px;}
.pwl-upload-layout .pwl-upload-aside{width:350px;}
.pwl-upload-classification{padding:24px;}
.pwl-upload-classification h3{font-size:19px;font-weight:600;}
.pwl-upload-classification .pwl-field{display:flex;flex-direction:column;gap:8px;margin:20px 0;}
.pwl-upload-classification select{width:100%;height:44px;}
.pwl-upload-kinds{min-width:0;padding:0;margin:0 0 24px;border:0;}
.pwl-upload-kinds legend{margin-bottom:10px;font-size:14px;font-weight:500;}
.pwl-upload-kind-options{display:flex;gap:7px;}
.pwl-upload-kind-options label{position:relative;flex:1;min-width:0;cursor:pointer;}
.pwl-upload-kind-options span{display:block;padding:9px 4px;border:1px solid var(--pwl-color-e1e5ed);border-radius:7px;text-align:center;font-size:13px;}
.pwl-upload-kind-options input:checked+span{border-color:var(--pwl-color-brand);color:var(--pwl-color-brand);background:var(--pwl-color-f5f7ff);}
.pwl-upload-kind-options input:focus-visible+span{outline:2px solid var(--pwl-color-brand);outline-offset:2px;}
.pwl-upload-rating{padding:18px 0;border-top:1px solid var(--pwl-color-eceef2);border-bottom:1px solid var(--pwl-color-eceef2);}
.pwl-upload-rating .pwl-age-upload{margin:0;align-items:flex-start;}
.pwl-upload-rating strong{font-size:14px;font-weight:500;}
.pwl-upload-rating small{display:block;margin-top:5px;font-size:12px;line-height:1.6;}
@media(max-width:1100px){.pwl-upload-layout .pwl-upload-aside{width:320px;}}
@media(max-width:1000px){.pwl-upload-layout{flex-direction:column;align-items:stretch;}.pwl-upload-layout .pwl-upload-aside{width:100%;position:static;}}
@media(max-width:540px){#pwl-image-drop{padding:16px;}.pwl-upload-drophead{flex-wrap:wrap;}.pwl-upload-drophead .pwl-button{font-size:13px;}#pwl-image-list{gap:12px;}#pwl-image-list .pwl-upload-item{flex-basis:100%;}#pwl-image-list .pwl-upload-thumb{height:210px;}.pwl-upload-classification{padding:20px;}}

#pwl-image-list .pwl-upload-item{flex:0 0 178px;width:178px;max-width:100%;}
#pwl-image-list .pwl-upload-thumb{height:178px;}
#pwl-image-list .pwl-upload-itembody{padding:10px;}
@media(max-width:420px){#pwl-image-drop{padding:12px;}#pwl-image-list{gap:10px;}}