#po-page {display:grid;gap:20px;max-width:1200px;margin:auto}
#po-page h2 {margin-top:1.3rem} #po-page h4 {margin:.5rem 0}
#po-page code {overflow-wrap:anywhere;font-size:.8rem}
#po-page dl {display:grid;grid-template-columns:minmax(100px,1fr) 2fr;gap:8px}
#po-page dd {margin:0;min-width:0} #po-page dt {color:var(--muted,#626e69)}
.po-counts,.po-features {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.po-counts>div,.po-features>section {padding:14px;border:1px solid #d9e2df;border-radius:10px}
.po-workspace {display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,3fr);gap:24px}
#po-samples {display:grid;gap:8px;max-height:620px;overflow:auto;margin-top:12px}
#po-samples .is-selected {border-color:#19726a;background:#e5f5f1}
#po-sample {min-width:0;padding:16px;border:1px solid #d9e2df;border-radius:10px}
#po-frame {max-width:100%;max-height:340px;object-fit:contain} .po-playback {padding:12px;background:#f3f6f5;border-radius:10px;min-height:60px}
#po-audio {display:block;width:100%;margin:12px 0} #po-review {display:grid;gap:12px}
#po-page label {display:grid;gap:6px} #po-review textarea {min-height:90px}
.po-sessions {display:grid;gap:10px} #po-page [hidden] {display:none!important}
@media(max-width:700px) {.po-workspace,.po-counts,.po-features {grid-template-columns:1fr} #po-samples {max-height:200px} #po-page button {min-height:42px} #po-page {padding:14px} #po-page dl {grid-template-columns:1fr}}

.po-selected-frame {max-width:100%;height:160px;object-fit:contain;border-radius:8px}