/* Placement proof builder (phase 2). */
.proof-open{margin:8px 0 0}
#proof-dialog{width:min(980px,96vw);max-height:94vh;border:1px solid #b9bec8;border-radius:10px;padding:16px;overflow:auto}
#proof-dialog::backdrop{background:rgba(22,22,25,.6)}
.proof-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px}
.proof-head h2{margin:0}
.proof-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}
.proof-stage canvas{display:block;width:100%;height:auto;border:1px solid #dddfe4;border-radius:6px;touch-action:none;cursor:grab;background:#fff}
.proof-tools label{margin-top:12px}
.proof-tools input[type=color]{width:100%;height:44px;padding:2px;border:1px solid #b9bec8;border-radius:5px;background:#fff}
.proof-tools input[type=range]{width:100%}
.proof-views{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 0}
.proof-views button[aria-pressed=true]{border-color:#ed1727;background:#fff5f6}
.proof-out{display:grid;gap:8px;margin:16px 0 8px}
@media (max-width:760px){.proof-body{grid-template-columns:1fr}}