.compose-update{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 0}.compose-update>span{font-size:12px}.compose-layout{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,2fr);gap:18px}.compose-palette,.compose-outputs{border:1px solid #d5e5dd;border-radius:10px;padding:16px;background:#f9fcfa;min-width:0}.compose-palette>input{width:100%;margin-top:10px}.compose-palette>.button{margin:8px 5px 0 0;font-size:12px}.compose-field-list{max-height:310px;overflow:auto;display:flex;flex-direction:column;gap:7px;margin:12px 0}.compose-field{display:grid;grid-template-columns:20px 1fr;text-align:left;background:white;border:1px solid #d4e4db;border-radius:6px;padding:9px;cursor:grab}.compose-field strong{font-size:13px;overflow-wrap:anywhere}.compose-field small{grid-column:2;font-size:11px;margin-top:4px}.compose-field.selected{border-color:#158268;background:#edf8f2}.compose-outputs{background:#fff;border-style:dashed}.compose-outputs>p{margin:10px 0;line-height:1.7;font-size:12px}.compose-output{display:grid;grid-template-columns:16px minmax(100px,1fr) minmax(100px,1fr) 26px;align-items:center;gap:8px;padding:9px;margin:8px 0;background:#f2f8f4;border-radius:6px;font-size:12px;cursor:grab}.compose-output>span{overflow-wrap:anywhere}.compose-output input{width:100%;font-size:12px;background:white}.compose-output.stale{background:#fff1ed}.compose-drop-hint{min-height:165px;display:grid;place-content:center;text-align:center;white-space:pre-line;line-height:2;color:#80958b}.compose-subtitle{margin-top:25px}.compose-filter{display:grid;grid-template-columns:1fr 1fr minmax(210px,2fr) auto;gap:8px;margin:12px 0;align-items:start}.compose-filter>select{min-width:0;width:100%}.compose-operators{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.compose-operators>input{width:150px}.p-calc-body textarea{font-family:Consolas,'Microsoft YaHei',monospace;padding:14px;min-height:85px;border:1px dashed #81bda5;background:#fbfefc}.p-calc-body textarea:focus{outline:2px solid #16846b}.p-calc-body>.button{margin-right:8px;margin-top:12px}@media(max-width:850px){.compose-layout{grid-template-columns:1fr}.compose-field-list{max-height:230px}.compose-filter{grid-template-columns:1fr 1fr}.compose-filter .value-picker{grid-column:1/-1}.compose-output{grid-template-columns:16px 1fr 26px}.compose-output input{grid-row:2;grid-column:2}.compose-output>.p-mini{grid-column:3;grid-row:1}}

.compose-display{display:flex;gap:12px 22px;align-items:center;flex-wrap:wrap;padding:14px 0}.compose-display>.control{min-width:180px;margin-left:auto}.compose-output>select{min-width:0;width:100%;font-size:12px;grid-row:2}.compose-output>select:nth-last-child(2){grid-column:2}.compose-output>select:last-child{grid-column:3}