.lf-eyebrow{font:750 11px system-ui;letter-spacing:1.3px;color:#ff4258;margin:0 0 9px}
.lf-title{font:800 clamp(23px,3vw,31px)/1.2 system-ui;color:#f4f4f4;margin:0 0 10px}
.lf-subhead{font:13px/1.7 system-ui;color:#aaa;max-width:850px}
.lf-warning{border-left:3px solid #e00018;background:#1c1c1c;padding:13px 16px;font:12px/1.7 system-ui;color:#c5c5c5;border-radius:0 10px 10px 0;margin:16px 0}
.lf-status{font:12px/1.6 system-ui;color:#ff8b96;min-height:10px}
.lf-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:12px 0;flex-wrap:wrap}
.lf-head strong{font:750 16px system-ui;color:#fff}
.lf-muted{font:12px/1.6 system-ui;color:#aaa;overflow-wrap:anywhere}
.lf-grid{display:grid;gap:13px}
.lf-card{border:1px solid #303030;background:#1c1c1c;border-radius:12px;padding:18px;display:grid;gap:12px}
.lf-card.active{border-color:#e00018}
.lf-card-header{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.lf-card-header strong{color:#f5f5f5;font:750 16px system-ui}
.lf-code{font:12px ui-monospace,monospace;color:#ccc}
.lf-tag{font:700 11px system-ui;color:#ddd;background:#303030;border-radius:20px;padding:5px 9px}
.lf-card.active .lf-tag{background:#e00018;color:white}
.lf-mapping{display:flex;gap:7px;flex-wrap:wrap}
.lf-field{font:11px/1.5 system-ui;color:#ddd;padding:6px 9px;background:#101010;border:1px solid #353535;border-radius:7px;overflow-wrap:anywhere}
.lf-actions{display:flex;gap:8px;flex-wrap:wrap}
.lf-button{border:1px solid #444;border-radius:9px;background:#252525;color:#eee;padding:10px 12px;font:700 12px system-ui;cursor:pointer}
.lf-button:hover{border-color:#ff4258}
.lf-button.primary{background:#e00018;border-color:#e00018;color:white}
.lf-button.danger{color:#ff9494}
.lf-button:disabled{opacity:.45;cursor:not-allowed}
.lf-empty{padding:25px;border:1px dashed #454545;background:#1c1c1c;border-radius:12px;color:#aaa}
.lf-footnote{font:12px/1.7 system-ui;color:#929292;margin:18px 0}