/* results.css - result cards, prompt boxes, text tips, tags */
.results { display: none; }
.result-card { background: var(--bg, #fff); border-radius: var(--radius, 8px); border: 1px solid var(--border, #e5e5e5); padding: 14px; margin-bottom: 10px; transition: border-color var(--transition, 150ms ease); }
.result-card:hover { border-color: var(--border-hover, #d4d4d4); }
.result-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; flex-wrap: wrap; gap: 8px; }
.result-title { font-size: 13px; font-weight: 600; }
.prompt-box { background: #f8fafb; border-radius: var(--radius-sm, 6px); padding: 12px; font-size: 13px; line-height: 1.8; color: var(--text, #1a1a1a); border-left: 2px solid var(--primary, #0d9488); white-space: pre-wrap; word-break: break-all; }
.prompt-box[contenteditable]:hover { background: #f0f5f4; border-left-color: var(--primary-hover, #0f766e); }
.prompt-box[contenteditable]:focus { background: var(--bg, #fff); border-left-color: var(--primary, #0d9488); box-shadow: 0 0 0 2px rgba(13,148,136,0.1); }
.text-tip { background: var(--primary-light, #f0fdfa); border: 1px solid var(--primary-border, #99f6e4); border-radius: var(--radius-sm, 6px); padding: 10px 12px; margin-top: 8px; font-size: 12px; color: var(--text, #1a1a1a); line-height: 1.7; }
.text-tip strong { color: var(--primary, #0d9488); }
.tip-plain { background: #f8fafb; border-color: var(--border, #e5e5e5); }
.scene-tag { display: inline-block; background: var(--primary, #0d9488); color: #fff; font-size: 12px; padding: 2px 10px; border-radius: 100px; margin-right: 5px; margin-bottom: 5px; }
.style-tag { display: inline-block; background: #dcfce7; color: #16a34a; font-size: 12px; padding: 2px 10px; border-radius: 100px; margin-right: 5px; margin-bottom: 5px; }