.compose-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:24px}.compose-status a{margin-left:auto;color:var(--purple)}.compose-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px}.compose-card{border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:12px;background:#11142055}.compose-card strong{overflow-wrap:anywhere}.compose-card p{margin:9px 0}.compose-empty{color:var(--muted);font-size:13px;line-height:1.9;padding:20px 0}.compose-binding{display:grid;grid-template-columns:24px minmax(100px,1fr) 16px minmax(130px,1fr) 64px auto;align-items:center;gap:12px;padding:15px 0;border-top:1px solid var(--line);font-size:13px}.compose-binding strong{overflow-wrap:anywhere}.compose-binding select,.compose-default select{background:#121521;border:1px solid var(--line);color:var(--text);padding:10px;border-radius:8px;max-width:100%;min-width:0}.compose-order{font-variant-numeric:tabular-nums;color:var(--muted)}.compose-default{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);padding-top:20px;margin-top:10px;font-size:13px}.compose-default select{flex:1}.compose-node-list{border:1px solid var(--line);border-radius:8px;padding:15px;max-height:210px;overflow:auto}.compose-node-list legend{font-size:13px;color:var(--muted);padding:0 8px}.compose-node-list label{margin-bottom:10px}.compose-preview{max-height:45vh;overflow:auto}.compose-rule-input{min-height:160px;font-family:Consolas,monospace}.compose-bindings{margin-bottom:22px}[data-source-fields] label{display:grid;gap:8px;margin-bottom:12px}.sidebar{overflow-y:auto}@media(max-width:1050px){.compose-grid{grid-template-columns:1fr}.compose-binding{grid-template-columns:22px 1fr 16px 1fr}.compose-binding>.table-actions{grid-column:2/-1}}@media(max-width:650px){.compose-binding{gap:8px}.compose-binding .btn{padding:7px}.compose-grid{gap:18px}.compose-status a{margin-left:0}.compose-default{gap:8px}.compose-card .row-between{flex-wrap:wrap;gap:8px}}
.compose-binding>.check{white-space:nowrap}@media(max-width:1050px){.compose-binding>.check{grid-column:1/3}.compose-binding>.table-actions{grid-column:3/-1;flex-wrap:wrap}}