:root{color-scheme:light dark}.po-page{max-width:1180px;margin:auto;padding:28px 18px;font-family:system-ui,-apple-system,'Malgun Gothic',sans-serif}.po-back{text-decoration:none}.po-hero{display:flex;gap:18px;align-items:center;margin:22px 0}.po-hero h1{margin:0 0 8px;font-size:clamp(28px,5vw,48px)}.po-badges{display:flex;gap:8px;flex-wrap:wrap}.po-badges span{padding:6px 10px;border-radius:999px;background:#e9eefb;color:#1b315f}.po-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.po-panel{border:1px solid #cbd3df;border-radius:18px;padding:18px;background:color-mix(in srgb,Canvas 94%,#eef3ff)}.po-drop{display:grid;place-items:center;min-height:150px;border:2px dashed #7f91b5;border-radius:14px;text-align:center;padding:18px}.po-drop.drag{background:#dfe9ff}.po-drop input{max-width:100%}.po-file,.po-group>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #d9deea}.po-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.po-options label{display:grid;gap:5px}.po-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.po-actions button{padding:10px 14px;border:0;border-radius:10px;cursor:pointer}.po-primary{background:#315efb;color:white}.po-progress{height:8px;background:#d9deea;border-radius:999px;overflow:hidden;margin:14px 0}.po-progress span{display:block;height:100%;width:0;background:#315efb}.po-status{min-height:24px}.po-results details{border:1px solid #d5dbea;border-radius:12px;padding:10px;margin:10px 0}.po-summary{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.po-empty{opacity:.7;padding:18px;text-align:center}.po-guide li{margin:8px 0}@media(max-width:760px){.po-grid{grid-template-columns:1fr}.po-options{grid-template-columns:1fr}.po-hero{align-items:flex-start}}
.po-qbadge{display:inline-flex;align-items:center;margin:2px 3px;padding:4px 7px;border-radius:999px;background:#e6eaf2;color:#273247;font-size:12px;white-space:nowrap}.po-qbadge.good{background:#dff5e7;color:#145b31}.po-qbadge.warn{background:#fff0d8;color:#7a4200}.po-qbadge.sharp{background:#e4efff;color:#184d99}.po-qbadge.exposure{background:#eee5ff;color:#53318b}.po-table-wrap{overflow:auto;margin-top:14px}.po-table{width:100%;border-collapse:collapse;min-width:920px}.po-table th,.po-table td{border-bottom:1px solid #d9deea;padding:9px;text-align:left;vertical-align:top}.po-table th{position:sticky;top:0;background:Canvas}.po-quality-note{padding:10px 12px;border-left:4px solid #315efb;background:color-mix(in srgb,Canvas 88%,#dce6ff);border-radius:8px}.po-group>div>span:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end}.po-options.po-quality-options{grid-template-columns:repeat(3,1fr);margin-top:12px}@media(max-width:760px){.po-options.po-quality-options{grid-template-columns:1fr}.po-group>div{align-items:flex-start;flex-direction:column}.po-group>div>span:last-child{justify-content:flex-start}}
.po-robust-options{margin-top:12px;grid-template-columns:repeat(3,1fr)}.po-checks{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}.po-checks label{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #d9deea;border-radius:10px}.po-qbadge.robust{background:#dff4ff;color:#07506b}.po-qbadge.rotation{background:#e6e1ff;color:#47338a}.po-qbadge.crop{background:#e6f7dc;color:#2f6519}.po-qbadge.burst{background:#ffe6f0;color:#8a2150}.po-robust-note{padding:10px 12px;border-left:4px solid #7a4cff;background:color-mix(in srgb,Canvas 88%,#eee7ff);border-radius:8px}.po-compare p{line-height:1.6}@media(max-width:760px){.po-robust-options{grid-template-columns:1fr}.po-checks{flex-direction:column}}

.po-closeout{margin-top:24px}.po-closeout summary{cursor:pointer}.po-closeout-scroll{overflow:auto;max-height:520px;border:1px solid var(--border,#d9dee8);border-radius:12px}.po-closeout-scroll .po-table{margin:0;min-width:920px}.po-closeout-pass{color:#16794b}.po-closeout-fail{color:#b42318}.po-closeout code{white-space:pre-wrap;word-break:break-word}
