/* Pain prompt form reuses the site's prompt input component and tokens. */
.pain-execution-requirements { margin:0; padding-left:var(--space-6); color:var(--text-secondary); line-height:1.75; }
.pain-execution-requirements li + li { margin-top:var(--space-2); }
.pain-prompt-heading { display:flex; align-items:center; gap:var(--space-3); margin:0 0 var(--space-4); }
.pain-prompt-heading h3 { margin:0; }
.pain-prompt-heading .ai-prompt-copy { background:var(--surface-active); flex:none; }
.pain-execution-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:var(--space-8); align-items:start; margin-top:var(--space-6); }
.execution-prompt-form { min-width:0; padding:var(--space-4); border:1px solid var(--border); border-radius:var(--radius); background:var(--surface); }
.execution-prompt-form textarea { min-height:var(--control-height); }
.pain-fixed { margin-top:var(--space-6); color:var(--ink); }
.pain-fixed + .pain-fixed { margin-top:var(--space-4); }
.pain-copy-fields { min-width:0; margin:var(--space-6) 0 0; padding:0; border:0; }
.pain-reference-figure { margin:0; min-width:0; padding:var(--space-4); border:1px solid transparent; }
.pain-reference-crop { position:relative; overflow:hidden; border-radius:var(--radius); background:var(--surface-subtle); }
.pain-reference-crop img { position:absolute; max-width:none; height:auto; display:block; }
.pain-example-layout { margin-top:var(--space-6); container-type:inline-size; }
.pain-example-images { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--space-4); margin-top:var(--space-6); }
.pain-reference-layout { padding:var(--space-6); background:var(--surface-subtle); border-radius:var(--radius); }
.pain-reference-header { text-align:center; margin-bottom:var(--space-6); }
.pain-reference-header h3 { margin-bottom:var(--space-3); font-family:'Brand Inter',Arial,sans-serif; font-size:clamp(22px,2.821317cqw,36px); font-weight:700; line-height:1.25; letter-spacing:-.02em; }
.pain-reference-header p { color:var(--text-muted); font-family:'Brand Inter',Arial,sans-serif; font-size:clamp(12px,1.253918cqw,16px); line-height:1.5; }
.pain-reference-cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--space-4); }
.pain-reference-cards figure { min-width:0; margin:0; }
.pain-reference-cards figcaption { position:relative; padding-top:var(--space-4); text-align:center; font-family:'Brand Inter',Arial,sans-serif; font-size:clamp(12px,1.410658cqw,18px); font-weight:700; line-height:1.35; color:var(--ink); overflow-wrap:break-word; }
.pain-reference-alert { position:absolute; top:0; left:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:var(--space-6); height:var(--space-6); border:2px solid var(--surface); border-radius:50%; background:var(--status-error); color:var(--surface); font-size:var(--font-body); font-weight:700; }
#pain-examples .pain-example-images { padding-inline:var(--space-6); }
#pain-save-status,.execution-save-status { margin-top:var(--space-4); color:var(--status-error); }
@media(max-width:1100px) { .pain-execution-grid { grid-template-columns:minmax(0,1fr); gap:var(--space-6); } }
@media(max-width:760px) { .pain-example-images { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .pain-reference-layout { padding:var(--space-4); } .pain-reference-cards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-6) var(--space-4); } #pain-examples .pain-example-images { padding-inline:var(--space-4); } }