.narrative-builder .nb-compact-button{height:28px;min-height:0;width:auto;padding:4px 8px;font-size:12px;line-height:18px;flex:0 0 auto}
.narrative-builder .nb-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.narrative-builder .nb-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start}
.narrative-builder .nb-library{position:sticky;top:12px}
.narrative-builder .nb-list{max-height:65vh;overflow:auto}
.narrative-builder .nb-list-item{display:block;width:100%;padding:12px 16px;text-align:left;background:#fff;border:0;border-top:1px solid #edf1f2;color:inherit;overflow-wrap:anywhere}
.narrative-builder .nb-list-item strong,.narrative-builder .nb-list-item span{display:block}
.narrative-builder .nb-list-item:hover{background:#f5fafc}
.narrative-builder .nb-list-item.active{background:#e9f5fb;border-left:3px solid #23b7e5;padding-left:13px}
.narrative-builder .nb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
.narrative-builder .nb-wide{grid-column:1/-1}
.narrative-builder .nb-check{display:flex;gap:8px;align-items:center;font-weight:normal}
.narrative-builder .nb-reference{display:flex;align-items:start;gap:8px;margin-top:10px}
.narrative-builder .nb-reference-select{flex:1;min-width:0}
.narrative-builder .nb-version{width:95px}
.narrative-builder .nb-reference-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-height:34px}
.narrative-builder .nb-reference-actions .nb-compact-button{width:28px;padding:4px 0}
.narrative-builder .nb-reference-actions .btn > .fa{font-size:12px;line-height:18px}
.narrative-builder .nb-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px;padding-top:16px;border-top:1px solid #edf1f2}
.narrative-builder .nb-preview-section{border-top:1px solid #dee5e7;padding:14px 0}
.narrative-builder .nb-preview-row{border:1px solid #dee5e7;padding:14px;margin:12px 0;background:#fcfdfe}
.narrative-builder .nb-preview-row .nb-toolbar{margin-bottom:12px}
.narrative-builder .nb-guidance{padding:10px 12px;background:#edf7fb;border-left:3px solid #23b7e5;white-space:pre-wrap}
.narrative-builder .nb-system-value{padding:9px;background:#edf1f2;color:#58666e;border:1px solid #dee5e7;border-radius:3px}
.narrative-builder .nb-preview input.ng-invalid.ng-touched,.narrative-builder .nb-preview textarea.ng-invalid.ng-touched,.narrative-builder .nb-preview select.ng-invalid.ng-touched{border-color:#c0392b}
.narrative-builder fieldset{min-width:0}
.narrative-builder .nb-detail{min-width:0}
@media(max-width:1000px){.narrative-builder .nb-workspace{grid-template-columns:240px minmax(0,1fr)}.narrative-builder .nb-reference{flex-wrap:wrap}.narrative-builder .nb-reference-select{flex-basis:100%}}
@media(max-width:767px){.narrative-builder .nb-workspace,.narrative-builder .nb-grid{grid-template-columns:1fr}.narrative-builder .nb-library{position:static}.narrative-builder .nb-list{max-height:260px}.narrative-builder .nb-wide{grid-column:auto}}
.narrative-builder .nb-tab{background:transparent;border:0;border-radius:0}
.narrative-builder .nb-tab.active{border-bottom:1px solid currentColor}
.narrative-builder .nb-tab:disabled{cursor:default;opacity:.65}
.narrative-preview-modal .modal-body{max-height:calc(100vh - 190px);overflow-y:auto}
.narrative-builder .nb-actions .nb-save-button{margin-left:auto}