.intent-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);
  padding:22px;margin:0 0 18px;box-shadow:var(--shadow-sm)}
.intent-card h3{margin:0 0 16px;font-size:16px;display:flex;align-items:center;gap:9px}
.intent-card h3::before{content:"";width:6px;height:18px;border-radius:3px;background:var(--accent)}

.out{background:var(--surface-2,#f5f7fa);border:1px solid var(--border);border-radius:var(--r);
  padding:12px 14px;font-family:var(--mono,monospace);font-size:13px;word-break:break-all;
  color:var(--text);min-height:40px;margin-top:4px;white-space:pre-wrap}

.out-wrap{display:flex;flex-direction:column;gap:6px;margin-top:14px}
.out-label{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}
.out-row{display:flex;gap:8px;align-items:flex-start}
.out-row .out{flex:1;min-width:0}

.extras-list{display:flex;flex-direction:column;gap:8px;margin:0}
.extra-row{display:flex;gap:8px;align-items:center}
.extra-row input{flex:1;min-width:0}
.extra-row .btn.ghost{padding:4px 10px;font-size:13px;color:var(--muted);border-color:var(--border)}
.extra-row .btn.ghost:hover{color:var(--danger,#c0392b);border-color:var(--danger,#c0392b)}

.add-extra{margin-top:6px}