/* Placement proof builder (phase 2). */
.proof-open{margin:8px 0 0}
#proof-dialog{width:min(1240px,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) 340px;grid-template-areas:"stage art" "stage tools";grid-template-rows:auto 1fr;gap:14px 18px;align-items:start}
.proof-stage{grid-area:stage;min-width:0}
.proof-tools{grid-area:tools;min-width:0}
.proof-art{grid-area:art;margin:0;min-width:0;border:1px solid #dddfe4;border-radius:6px;padding:8px 10px;background:#fff}
.proof-art figcaption{font-weight:700;margin:0 0 6px}
.proof-art canvas{display:block;width:100%;height:auto;border:1px solid #dddfe4;border-radius:4px}
.proof-art .hint{margin:6px 0 0}
#proof-art-note{color:#23242a}
#proof-clamp:empty,#proof-scale:empty{display:none}
#proof-clamp,#proof-scale{margin:6px 0 0}
.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 (min-width:1100px){.proof-body{grid-template-columns:320px minmax(0,1fr) 300px;grid-template-areas:"art stage tools";grid-template-rows:auto}}
#page-dialog .proof-body{grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"stage tools"}
@media (max-width:760px){.proof-body{grid-template-columns:minmax(0,1fr);grid-template-areas:"art" "stage" "tools";grid-template-rows:auto}
#page-dialog .proof-body{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage" "tools"}}
#page-dialog{width:min(1040px,96vw);max-height:94vh;border:1px solid #b9bec8;border-radius:10px;padding:16px;overflow:auto}
#page-dialog::backdrop{background:rgba(22,22,25,.6)}
#page-view canvas{display:block;width:100%;height:auto;border:1px solid #dddfe4;border-radius:6px;background:#fff}
#page-view canvas{touch-action:auto;cursor:default}