.pdv-service-form .pdv-service-photo-upload { position:relative; width:100%; padding:9px; box-sizing:border-box; border:1px dashed #dfe3ec; border-radius:12px; background:#fff; }
.pdv-service-form .pdv-service-photo-upload:focus-within { border-color:#6c5ce7; }
.pdv-service-form .pdv-service-photo-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:7px; align-items:start; }
.pdv-service-form .pdv-service-photo-preview { display:contents; }
.pdv-service-form .pdv-service-media-input { position:absolute!important; width:1px!important; height:1px!important; min-height:0!important; margin:0!important; padding:0!important; border:0!important; overflow:hidden!important; clip-path:inset(50%)!important; opacity:0!important; }
.pdv-service-form .pdv-service-photo-tile { appearance:none!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; width:100%!important; height:88px!important; min-height:88px!important; margin:0!important; padding:8px!important; gap:5px!important; box-sizing:border-box!important; border:1px solid #e4e7f0!important; border-radius:10px!important; background:#fafbff!important; color:#71717a!important; box-shadow:none!important; cursor:pointer; text-transform:none!important; }
.pdv-service-form .pdv-service-photo-tile:hover,
.pdv-service-form .pdv-service-photo-tile:focus-visible { outline:none!important; border-color:#6c5ce7!important; background:#f5f3ff!important; color:#6c5ce7!important; }
.pdv-service-form .pdv-service-photo-tile>span { display:grid; place-items:center; width:28px; height:28px; border:1px solid #e4e4e7; border-radius:50%; background:#fff; }
.pdv-service-form .pdv-service-photo-tile svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.pdv-service-form .pdv-service-photo-tile>strong { font-size:10.5px!important; font-weight:400!important; line-height:1.4!important; }
.pdv-service-form .pdv-service-photo-tile[hidden] { display:none!important; }
.pdv-service-form .pdv-service-photo-thumb { position:relative; width:100%; height:88px; margin:0; overflow:hidden; border:1px solid #e4e7f0; border-radius:10px; background:#f9fafb; box-sizing:border-box; }
.pdv-service-form .pdv-service-photo-thumb>img { display:block; width:100%; height:100%; margin:0; object-fit:cover; }
.pdv-service-form .pdv-service-photo-thumb>button { position:absolute; top:4px; right:4px; display:grid!important; place-items:center!important; width:24px!important; height:24px!important; min-height:24px!important; padding:0!important; margin:0!important; border:1px solid #e5e7eb!important; border-radius:50%!important; background:#fff!important; color:#6c5ce7!important; box-shadow:0 1px 4px rgba(0,0,0,.1)!important; cursor:pointer; }
.pdv-service-form .pdv-service-photo-thumb>button svg { width:13px; height:13px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; }
.pdv-service-form .pdv-service-file-preview { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; height:100%; padding:8px; box-sizing:border-box; color:#6c5ce7; }
.pdv-service-form .pdv-service-file-preview>svg { flex-shrink:0; width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.pdv-service-form .pdv-service-file-preview>span { max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#71717a; font-size:10px; }
.pdv-service-form .pdv-service-upload-help,
.pdv-service-form .pdv-service-upload-status { margin:8px 0 0!important; color:#9ca3af!important; font-size:10px!important; font-weight:400!important; line-height:1.5!important; }
.pdv-service-form .pdv-service-upload-status:empty { display:none; }
.pdv-service-form .pdv-service-upload-status.is-error { color:#b91c1c!important; }
@media(max-width:640px) { .pdv-service-form .pdv-service-photo-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }