.consort-app{--blue:#0052a2;--border:#cbd9e6;margin:1.2rem 0}.consort-toolbar{display:flex;gap:.55rem;flex-wrap:wrap;padding:.8rem;background:#f7fafd;border:1px solid var(--border);border-radius:8px}.consort-toolbar .spacer{flex:1}.consort-app button{border:1px solid var(--blue);background:white;color:var(--blue);border-radius:5px;padding:.45rem .75rem;font-weight:700}.consort-app button.primary{background:var(--blue);color:white}.consort-workspace{display:grid;grid-template-columns:minmax(340px,430px) minmax(560px,1fr);gap:1rem;margin-top:1rem;align-items:start}.consort-form,.consort-preview{border:1px solid var(--border);border-radius:8px;background:white;padding:1rem}.consort-form{max-height:80vh;overflow:auto}.consort-form fieldset{border:0;border-top:2px solid #e8f0f8;margin:1rem 0;padding:.8rem 0}.consort-form legend,.consort-reasons-title{color:var(--blue);font-weight:700}.consort-form label{display:block;font-weight:600;font-size:.9rem;margin:.6rem 0}.consort-form input{width:100%;padding:.45rem;border:1px solid #9fb5c8;border-radius:4px}.consort-reason{display:grid;grid-template-columns:1fr 80px auto;gap:.4rem;margin:.4rem 0}.consort-arm{border:1px solid var(--border);border-radius:7px;padding:.75rem;margin:1rem 0;background:#fbfdff}.consort-arm header{display:flex;justify-content:space-between;align-items:center}.consort-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.consort-reasons{border-top:1px solid #e5edf3;padding-top:.65rem;margin-top:.65rem}.consort-preview{position:sticky;top:5rem;overflow:auto}.consort-preview svg{display:block;width:100%;min-width:720px;height:auto}.consort-status{margin-top:.7rem;padding:.75rem;border-radius:5px}.consort-status.is-valid{background:#e6f4ea;color:#1a6e2e;border:1px solid #8bc49a}.consort-status.has-warnings{background:#fff7e6;color:#70420b;border:1px solid #e8b96b}.consort-status ul{margin:.4rem 0 0 1.2rem}.consort-beta{display:inline-block;padding:.18rem .55rem;border-radius:999px;background:#fff3e0;color:#8a4b08;font-size:.78rem;font-weight:700}
@media(max-width:1000px){.consort-workspace{grid-template-columns:1fr}.consort-form{max-height:none}.consort-preview{position:static}}@media(max-width:560px){.consort-grid{grid-template-columns:1fr}.consort-reason{grid-template-columns:1fr 75px}.consort-reason button{grid-column:1/-1;justify-self:start}.consort-toolbar .spacer{display:none}}
.flow-preview-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.55rem;color:var(--blue)}
.consort-preview.is-expanded{position:fixed;inset:1rem;z-index:2000;overflow:auto;padding:1rem;box-shadow:0 20px 60px rgba(0,0,0,.28)}
.consort-preview.is-expanded svg{min-width:1050px}.flow-preview-open{overflow:hidden}
@media(max-width:1000px){.consort-preview.is-expanded{position:fixed}}