.pc-distribution-viewer-layer{position:fixed;z-index:4060;inset:0;display:grid;visibility:hidden;place-items:center;padding:24px;pointer-events:none}.pc-distribution-viewer-layer.show{visibility:visible;pointer-events:auto}
.pc-distribution-viewer-mask{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(18,24,35,.68);opacity:0;transition:opacity .18s}.pc-distribution-viewer-layer.show .pc-distribution-viewer-mask{opacity:1}
.pc-distribution-viewer{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(980px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 30px 90px rgba(10,16,30,.38);transform:translateY(10px) scale(.985);transition:transform .18s}.pc-distribution-viewer-layer.show .pc-distribution-viewer{transform:none}
.pc-distribution-viewer>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:15px 18px 13px;border-bottom:1px solid #e4e7ed}.pc-distribution-viewer>header small{display:block;color:#7e8695;font-size:10px}.pc-distribution-viewer>header h3{max-width:820px;overflow:hidden;margin:4px 0 0;color:#343b49;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.pc-distribution-viewer-body{min-height:0;overflow:auto;padding:18px}.pc-distribution-viewer-content{display:grid;grid-template-columns:minmax(420px,620px) 280px;justify-content:center;gap:18px}.pc-distribution-viewer-image{overflow:hidden;align-self:start;aspect-ratio:1/1;border:1px solid #e0e4eb;border-radius:11px;background:#f4f6f9}.pc-distribution-viewer-image>img,.pc-distribution-viewer-placeholder{display:block;width:100%;height:100%;object-fit:contain}
.pc-distribution-viewer-placeholder{display:grid;place-content:center;gap:8px;background:linear-gradient(135deg,#e8efff,#f8edf3);color:#4f6dc1;text-align:center}.pc-distribution-viewer-placeholder b{font-size:58px}.pc-distribution-viewer-placeholder small{font-size:13px}.pc-distribution-viewer-placeholder.tone-2{background:linear-gradient(135deg,#e3f7ec,#f1fbf5)}.pc-distribution-viewer-placeholder.tone-3{background:linear-gradient(135deg,#fff1c9,#fff9e8)}.pc-distribution-viewer-placeholder.tone-4{background:linear-gradient(135deg,#f9e6f0,#fff1f8)}.pc-distribution-viewer-placeholder.tone-5{background:linear-gradient(135deg,#e3eaff,#f3f5ff)}.pc-distribution-viewer-placeholder.tone-6{background:linear-gradient(135deg,#dff7fb,#eefcff)}
.pc-distribution-viewer-info{display:flex;min-width:0;flex-direction:column;gap:11px;padding:13px;border:1px solid #e3e7ee;border-radius:10px;background:#fafbfc}.pc-distribution-viewer-status{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #e6e9ee;color:#8c93a0;font-size:9px}.pc-distribution-viewer-info dl{display:grid;gap:9px;margin:0}.pc-distribution-viewer-info dl>div{display:grid;gap:3px}.pc-distribution-viewer-info dt{color:#949aa6;font-size:9px}.pc-distribution-viewer-info dd{overflow-wrap:anywhere;margin:0;color:#444c5c;font-size:10px;line-height:1.45}.pc-distribution-viewer-info dd small{display:block;margin-top:2px;color:#969ca8;font-size:8px}.pc-distribution-viewer-info dl>div.failed dd{color:#c34f5c}.pc-viewer-retry{height:34px;margin-top:auto;border:0;border-radius:7px;background:#fff0f1;color:#c34f5c;font-size:10px;cursor:pointer}.pc-viewer-retry:hover{background:#ffe5e8}
.pc-distribution-viewer-body>footer{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:14px}.pc-distribution-viewer-body>footer span{color:#9aa0ab;font-size:9px}.pc-distribution-viewer-body>footer .pc-btn{min-width:82px}
@media(max-width:800px){.pc-distribution-viewer{width:calc(100vw - 24px)}.pc-distribution-viewer-layer{padding:12px}.pc-distribution-viewer-content{grid-template-columns:1fr}.pc-distribution-viewer-info{max-height:none}.pc-distribution-viewer-body>footer span{display:none}}