.media-proof{border-top:1px solid var(--surface-border);margin-top:10px}.media-proof__summary{justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.media-proof__summary p{margin:0}.media-proof__eyebrow{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.media-proof__readout{color:var(--text-secondary);text-transform:capitalize;flex-wrap:wrap;gap:3px 5px;font-size:11px;font-weight:700;display:flex;margin-top:2px!important}.media-proof__saved-label{color:var(--text-secondary);font-size:11px;margin-top:4px!important}.media-proof__edit{border:1px solid var(--surface-border-strong);border-radius:var(--radius-sm);background:var(--surface-1);min-height:30px;color:var(--text-dark);font:inherit;cursor:pointer;align-items:center;gap:7px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.media-proof__edit:hover{border-color:var(--primary);background:var(--surface-2)}.media-proof__edit:focus-visible{box-shadow:var(--shadow-primary-ring);outline:none}.media-proof__edit-chevron{border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transition:transform .14s;transform:rotate(45deg)translateY(-2px)}.media-proof__edit[aria-expanded=true] .media-proof__edit-chevron{transform:rotate(225deg)translate(-1px,-1px)}.media-proof__editor{border:1px solid var(--surface-border-strong);border-radius:var(--radius-md);background:var(--surface-1);box-shadow:var(--shadow-xs);margin-top:9px;overflow:hidden}.media-proof__steps{background:var(--surface-2);border-bottom:1px solid var(--surface-border);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.media-proof__step{border:none;border-right:1px solid var(--surface-border);min-width:0;color:var(--text-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;padding:8px;display:grid;position:relative}.media-proof__step:last-child{border-right:none}.media-proof__step:after{content:"";border-radius:var(--radius-pill);background:0 0;height:2px;position:absolute;bottom:0;left:8px;right:8px}.media-proof__step--active{background:var(--surface-1);color:var(--text-dark)}.media-proof__step--active:after{background:var(--primary)}.media-proof__step:focus-visible{box-shadow:inset var(--shadow-primary-ring);outline:none}.media-proof__step-number{color:var(--primary-deep);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:9px;font-weight:900}.media-proof__step strong,.media-proof__step small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.media-proof__step strong{font-size:11px;line-height:1.2}.media-proof__step small{margin-top:1px;font-size:9px;font-weight:600}.media-proof__error{border:1px solid var(--red-200);border-radius:var(--radius-sm);background:var(--red-bg);color:var(--red-700);margin:8px 8px 0;padding:6px 8px;font-size:11px}.media-proof__panel{padding:10px}.media-proof__panel--confirm{background:var(--amber-bg);box-shadow:var(--shadow-amber-soft)}.media-proof__panel-head{justify-content:space-between;align-items:start;gap:10px;margin-bottom:9px;display:flex}.media-proof__panel-head strong{color:var(--text-dark);font-size:12px;display:block}.media-proof__panel-head p{color:var(--text-muted);margin:2px 0 0;font-size:10px;line-height:1.35}.media-proof__panel-head>span{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;flex:none;font-size:9px;font-weight:800}.media-proof__fields,.media-proof__attribute,.media-proof__confirm-row{flex-wrap:wrap;align-items:end;gap:6px;display:flex}.media-proof__fields .media-proof__field{flex:110px}.media-proof__attribute .media-proof__field--grow{flex:140px}.media-proof__confirm-row .media-proof__field--grow{flex:160px}.media-proof__field{min-width:0;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;gap:2px;font-size:10px;font-weight:800;display:grid}.media-proof__field--grow{min-width:0}.media-proof__field select,.media-proof__field input{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-width:0;min-height:30px;font-family:var(--font-ui);text-transform:none;letter-spacing:0;color:var(--text-dark);background:var(--bg-card);padding:5px 7px;font-size:12px;font-weight:500}.media-proof__field select:focus-visible,.media-proof__field input:focus-visible{border-color:var(--primary);box-shadow:var(--shadow-primary-ring);outline:none}.media-proof__save{border-radius:var(--radius-sm);border:1px solid var(--surface-border-strong);background:var(--surface-1);min-height:30px;color:var(--text-dark);cursor:pointer;white-space:nowrap;flex:none;align-self:end;padding:5px 10px;font-size:11px;font-weight:700}.media-proof__save:hover:not(:disabled){border-color:var(--primary);background:var(--surface-2)}.media-proof__save:focus-visible{box-shadow:var(--shadow-primary-ring);outline:none}.media-proof__save:disabled,.media-proof__toggle-btn:disabled,.media-proof__confirm-save:disabled{opacity:.5;cursor:not-allowed}.media-proof__toggle{border:1px solid var(--surface-border-strong);border-radius:var(--radius-sm);align-self:end;min-height:30px;display:inline-flex;overflow:hidden}.media-proof__toggle-btn{background:var(--surface-1);color:var(--text-muted);cursor:pointer;white-space:nowrap;border:none;padding:5px 8px;font-size:11px;font-weight:700}.media-proof__toggle-btn--active{background:var(--primary-alpha-10);color:var(--text-dark);box-shadow:var(--shadow-primary-ring)}.media-proof__toggle-btn:focus-visible{box-shadow:inset var(--shadow-primary-ring);outline:none}.media-proof__confirm-warning{border:1px solid var(--amber-line);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--amber-deep);margin:0 0 8px;padding:6px 8px;font-size:11px;line-height:1.35}.media-proof__confirm-save{border-radius:var(--radius-sm);border:1px solid var(--amber-deep);background:var(--bg-card);min-height:30px;color:var(--amber-deep);cursor:pointer;white-space:nowrap;flex:none;align-self:end;padding:5px 10px;font-size:11px;font-weight:700}.media-proof__confirm-save:hover:not(:disabled){background:var(--amber-100)}.media-proof__confirm-save:focus-visible{box-shadow:var(--shadow-primary-ring);outline:none}@container (width<=440px){.media-proof__step{grid-template-columns:1fr;gap:2px}.media-proof__step small{display:none}.media-proof__summary{align-items:start}}@media (prefers-reduced-motion:reduce){.media-proof__edit-chevron{transition:none}}