/* V38: artwork-first review. Scoped to the review and saved-work surfaces. */
@media screen {
  #app #page-output .review-workspace {
    display:grid; grid-template-columns:minmax(0,1fr) 340px;
    align-items:start; gap:24px;
  }
  #app #page-output .output-preview {
    position:sticky; top:20px; min-width:0; padding:16px; margin:0;
  }
  #app #page-output .output-preview .panel-label {
    display:flex; flex-wrap:wrap; gap:8px 16px; align-items:center;
    margin-bottom:12px; font-size:13px; letter-spacing:0;
  }
  #app #page-output #resultName {font-weight:650;overflow-wrap:anywhere;}
  #app #page-output #approvalLabel {
    padding:5px 9px; border:1px solid var(--line,#c9cfdd);
    border-radius:6px; background:var(--cream,#f5f7fa); font-weight:600;
  }
  #app #page-output #resultStage {
    display:grid; place-items:center; min-height:320px;
    background:#e9edf2; border-radius:8px; overflow:hidden;
  }
  #app #page-output #resultPreview {
    display:block; width:100%; height:auto; max-height:max(320px,calc(100dvh - 490px));
    object-fit:contain; margin:0; border-radius:0; background:transparent;
  }
  #app #page-output .review-checklist {
    margin:12px 0 4px; color:var(--muted,#48516b); font-size:13px; line-height:1.5;
  }
  #app #page-output .inspector-launch {margin-top:12px;}
  #app #page-output .review-actions {min-width:0;}
  #app #page-output .review-actions .panel {margin-bottom:16px;padding:20px;}
  #app #page-output .review-actions h2 {font-size:18px;}
  #app #page-output .review-actions p {overflow-wrap:anywhere;}
  #app #page-output .review-actions .checkline {min-height:44px;align-items:flex-start;}
  #app #page-output .review-actions input[type=checkbox] {margin-top:3px;}
  #app #page-output .print-preview-wrap {padding:8px;border-radius:6px;}
  #app #page-output #printLayoutPreview {display:block;max-width:100%;max-height:300px;margin:auto;object-fit:contain;}
  #app #page-output #reviewDeliveryDraft {margin:20px 0 0;padding:0;border:0;border-top:1px solid var(--line,#c9cfdd);border-radius:0;}
  #app #page-output .review-records {margin:28px 0 24px;min-width:0;}
  #app #page-output .review-records>h2 {font-size:18px;margin-bottom:12px;}
  #app #page-output .review-record {padding:0;margin-bottom:10px;overflow-wrap:anywhere;}
  #app #page-output .review-record>summary {
    min-height:48px;padding:12px 16px;font-size:15px;line-height:24px;cursor:pointer;
  }
  #app #page-output .review-record-body {padding:0 16px 16px;}
  #app #page-output #reviewDeliveryDraft>.review-record-body {padding:0 0 8px;}
  #app #page-output #reviewDeliveryDraft>summary {padding:12px 0;}
  #app #page-output #apiCostDetails {border-top:0;}
  #app #page-output .review-record button,#app #page-output .review-record a,
  #app #page-output #openShare {min-height:44px;display:inline-flex;align-items:center;}
  #app #page-output .review-record button {margin:8px 8px 0 0;max-width:100%;white-space:normal;}
  #app #page-output .review-actions .button,#app #page-output .review-actions button {white-space:normal;overflow-wrap:anywhere;}
  #app #savedWorkGrid,#app #recentWork {grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;}
  #app .saved-work-card img {aspect-ratio:4/5;object-fit:contain;background:#e9edf2;}
  @media(max-width:1100px) {
    #app #page-output .review-workspace {grid-template-columns:1fr;gap:20px;}
    #app #page-output .output-preview {position:static;}
    #app #page-output #resultPreview {max-height:65dvh;}
    #app #page-output .review-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;}
    #app #page-output #refinementPanel {grid-column:1/-1;}
    #app #page-output .review-actions .panel {margin-bottom:0;}
  }
  @media(max-width:650px) {
    #app #page-output .review-actions {grid-template-columns:1fr;}
    #app #page-output .review-actions .panel {padding:16px;}
    #app #page-output #resultStage {min-height:240px;}
    #app #page-output .output-preview {padding:12px;}
    #app #savedWorkGrid,#app #recentWork {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
    #app #page-output .review-record button {width:100%;margin-right:0;}
  }
  @media(max-width:359px) {#app #savedWorkGrid,#app #recentWork {grid-template-columns:1fr;}}
}