.pc-distribution-image-grid{grid-template-columns:repeat(auto-fill,150px);grid-auto-rows:max-content;align-items:start;justify-content:start;gap:10px}
.pc-distribution-image-card{position:relative;display:flex;min-width:0;height:100%;overflow:hidden;align-items:stretch;flex-direction:column;gap:0;padding:0;border:1px solid #e1e5ec;border-radius:10px;background:#fff;transition:border-color .16s,box-shadow .16s}
.pc-distribution-image-card:hover{border-color:#b8c7e0;box-shadow:0 8px 22px rgba(38,52,80,.1)}.pc-distribution-image-card.failed{border-color:#ead9dc;background:#fff}.pc-distribution-image-card.pending{border-color:#eadfc8}
.pc-distribution-image-stage{position:relative;width:100%;min-width:0;flex:none;aspect-ratio:1/1;overflow:hidden;border-radius:9px 9px 0 0;background:#f1f4f8}
.pc-distribution-image-preview{display:block;width:100%;height:100%;padding:0;border:0;border-radius:0;background:transparent;color:#4f6dc1;cursor:zoom-in}
.pc-distribution-image-preview>img,.pc-distribution-placeholder{display:block;width:100%;height:100%;object-fit:cover}
.pc-distribution-placeholder{display:block;background:linear-gradient(135deg,#e8efff,#f8edf3)}.pc-distribution-placeholder.tone-2{background:linear-gradient(135deg,#e3f7ec,#f1fbf5)}.pc-distribution-placeholder.tone-3{background:linear-gradient(135deg,#fff1c9,#fff9e8)}.pc-distribution-placeholder.tone-4{background:linear-gradient(135deg,#f9e6f0,#fff1f8)}.pc-distribution-placeholder.tone-5{background:linear-gradient(135deg,#e3eaff,#f3f5ff)}.pc-distribution-placeholder.tone-6{background:linear-gradient(135deg,#dff7fb,#eefcff)}
.pc-image-zoom-hint{position:absolute;inset:auto 0 0;display:flex;height:38px;align-items:center;justify-content:center;background:linear-gradient(transparent,rgba(17,24,39,.72));color:#fff;font-size:10px;opacity:0;transform:translateY(6px);transition:opacity .16s,transform .16s}.pc-distribution-image-preview:hover .pc-image-zoom-hint,.pc-distribution-image-preview:focus-visible .pc-image-zoom-hint{opacity:1;transform:none}
.pc-distribution-stage-badges{position:absolute;top:8px;right:8px;display:grid;justify-items:end;gap:5px}.pc-distribution-stage-badges>.pc-dist-result-tag,.pc-distribution-stage-badges>.pc-distribution-count-badge{position:static;padding:4px 7px;box-shadow:0 2px 8px rgba(30,41,59,.08)}
.pc-distribution-image-meta{position:relative;display:flex;min-width:0;min-height:58px;flex-direction:column;gap:5px;padding:8px 9px;border-radius:0 0 9px 9px;background:#fff}.pc-distribution-image-meta>strong{display:-webkit-box;overflow:hidden;color:#343c4b;font-size:9px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.pc-distribution-source-row{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.pc-distribution-source-row>span{min-width:0;overflow:hidden;color:#8992a2;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.pc-distribution-source-row .pc-source-detail-trigger{flex:0 0 auto;color:#315fc1;font-size:8px}.pc-distribution-source-row .pc-source-detail-trigger:hover,.pc-distribution-source-row .pc-source-detail-trigger:focus-visible{text-decoration:underline}
.pc-image-result-line{display:flex;min-width:0;height:20px;align-items:center;justify-content:space-between;gap:6px;padding:0 6px;border-radius:5px;font-size:8px}.pc-image-result-line.is-empty{visibility:hidden}.pc-image-result-line.failed{background:#fff4f5;color:#bd5560}.pc-image-result-line>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-card-retry{flex:none;padding:2px 0;border:0;background:transparent;color:#bd4552;font-size:9px;cursor:pointer}.pc-card-retry:hover{text-decoration:underline}
.pc-source-detail-trigger{display:inline-flex;width:max-content;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:#64728a;font-size:9px;cursor:help}.pc-source-detail-trigger:hover,.pc-source-detail-trigger:focus-visible{color:#315fc1}.pc-source-detail-trigger i{display:inline-flex;width:13px;height:13px;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:50%;font-size:8px;font-style:normal;line-height:1}
.pc-wizard-image-grid{grid-template-columns:repeat(auto-fill,150px);grid-auto-rows:max-content;align-items:start;justify-content:start;scrollbar-gutter:stable}.pc-wizard-image{height:max-content}.pc-wizard-image-stage{position:relative}.pc-wizard-image .pc-image-preview{width:100%;aspect-ratio:1/1;overflow:hidden}.pc-wizard-image .pc-image-preview>img{display:block;width:100%;height:100%;object-fit:cover}.pc-distribution-count-badge{position:absolute;top:7px;right:7px;padding:3px 6px;border-radius:6px;background:rgba(255,255,255,.9);box-shadow:0 2px 7px rgba(35,48,70,.1);color:#747d8e;font-size:8px}.pc-distribution-count-badge.distributed{background:#fff3e6;color:#b66a18}.pc-wizard-image-meta{position:static;min-height:47px;padding:7px 8px}.pc-wizard-image-meta strong{font-size:9px}.pc-wizard-image-source{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px;color:#8790a1;font-size:8px}.pc-wizard-image-source>i{min-width:0;overflow:hidden;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.pc-wizard-image-source .pc-source-detail-trigger{flex:0 0 auto;color:#315fc1;font-size:8px}.pc-wizard-image-source .pc-source-detail-trigger:hover,.pc-wizard-image-source .pc-source-detail-trigger:focus-visible{color:#1f4da9;text-decoration:underline}
@media(max-width:900px){.pc-distribution-image-grid,.pc-wizard-image-grid{grid-template-columns:repeat(auto-fill,145px)}}
@media(max-width:560px){.pc-distribution-image-grid,.pc-wizard-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pc-distribution-source-row,.pc-wizard-image-source{align-items:baseline;line-height:16px}.pc-distribution-source-row>span,.pc-wizard-image-source>i{line-height:16px}.pc-distribution-source-row .pc-source-detail-trigger,.pc-wizard-image-source .pc-source-detail-trigger{min-height:16px;padding:0;color:#8992a2;font-size:8px;font-weight:400;line-height:16px}.pc-distribution-source-row .pc-source-detail-trigger:hover,.pc-distribution-source-row .pc-source-detail-trigger:focus-visible,.pc-wizard-image-source .pc-source-detail-trigger:hover,.pc-wizard-image-source .pc-source-detail-trigger:focus-visible{color:#315fc1;text-decoration:underline}
.pc-distribution-image-order,.pc-distribution-placeholder>b,.pc-distribution-placeholder>small{display:none!important}
.pc-distribution-status-badge{position:absolute;z-index:2;top:7px;left:7px;padding:3px 6px;box-shadow:0 2px 7px rgba(35,48,70,.1)}
