/* T24: shared tokens, magazine/classic and light/dark inherited from the app. */
.pg-dialog{box-sizing:border-box;width:min(940px,calc(100vw - 40px));max-height:90dvh;padding:24px;color:var(--text);background:var(--surface-solid);border:2px solid var(--ink);border-radius:var(--r-card);box-shadow:8px 8px 0 var(--ink);overflow:auto}
.pg-dialog:modal{overscroll-behavior:contain}
.pg-dialog::backdrop{background:color-mix(in srgb,var(--ink) 45%,transparent);overflow:hidden;overscroll-behavior:contain}
.pg-heading,.pg-top,.pg-actions,.pg-app-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pg-heading{justify-content:space-between}.pg-heading h2,.pg-model-panel h2{font-family:var(--display);text-transform:uppercase}
.pg-top{padding:12px;background:var(--surface-2);border-radius:var(--r-ctl)}
.pg-resolution{flex:1;min-width:0;overflow-wrap:anywhere}
.pg-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-block:16px}
.pg-field{display:flex;flex-direction:column;gap:6px;min-width:0;margin-block:8px}
.pg-field>span{font-weight:600}.pg-field input:not([type=checkbox]),.pg-field select,.pg-field textarea{box-sizing:border-box;max-width:100%;color:var(--text);background:var(--surface-solid);border:1px solid var(--line-strong);border-radius:var(--r-ctl);padding:9px}
.pg-field input[type=checkbox]{align-self:flex-start;accent-color:var(--accent);width:20px;height:20px}
.pg-field textarea{width:100%;resize:vertical;font-family:var(--mono)}
.pg-field input[type=range]{width:100%;accent-color:var(--accent)}
.pg-status{min-height:1.6em;color:var(--muted)}
.pg-actions{margin-block:12px}.pg-actions .btn{min-height:40px}
.pg-dialog .btn.primary{box-shadow:4px 4px 0 var(--lime-deep)}
.pg-dialog :focus-visible,.pg-model-panel :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.pg-report{margin-block:12px}.pg-report details{padding:6px}.pg-report summary{cursor:pointer}
.pg-error{color:var(--st-fail-text,var(--st-fail))}.pg-warning{color:var(--st-run-text,var(--st-run))}.pg-ok{color:var(--st-done-text,var(--st-done))}
.pg-diff{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--mono);max-height:320px;overflow:auto;background:var(--surface-2);padding:12px;border-radius:var(--r-ctl)}
.pg-app-row{justify-content:space-between;border-bottom:1px solid var(--line);padding-block:8px}.pg-app-row>span{flex:1;overflow-wrap:anywhere}
.pg-pack{padding:14px;margin-block:16px;border:2px solid var(--ink);border-radius:var(--r-card);box-shadow:4px 4px 0 var(--ink);overflow-wrap:anywhere;background:var(--surface-solid)}
.pg-pack .pg-pack{border:0;box-shadow:none;padding:0}.pg-pack .btn{margin-inline-end:10px}
:root[data-style=classic] .pg-dialog,:root[data-style=classic] .pg-pack{border:1px solid var(--line-strong);box-shadow:0 10px 30px color-mix(in srgb,var(--ink) 12%,transparent)}
@media(max-width:640px){.pg-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0;padding:16px;box-shadow:none}.pg-options{grid-template-columns:1fr}.pg-actions .btn{flex:1 1 auto}.pg-app-row{align-items:stretch;flex-direction:column}.pg-top{align-items:stretch;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.pg-dialog *,.pg-model-panel *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}