@import url('./prompt-phrases-v124.css');
.edit-effect .rule-pair,.result .rule-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px 9px;min-width:0;margin:0;align-items:start}
.rule-pair>.rule-version{display:grid;gap:2px;min-width:0;padding:5px 7px;border-left:2px solid #ba9b65;border-radius:4px;background:#10242b;overflow-wrap:anywhere}
.rule-pair>.rule-version[data-side=after]{border-left-color:#75b6c6;background:#133039}
.rule-pair>.rule-version>small{display:block;font-size:10px;font-weight:500;line-height:1.35;color:#b8cbc9}
.rule-pair>.rule-version>b{display:block;font-size:12px;font-weight:650;line-height:1.5;color:#f4deae}
.rule-pair>.rule-version[data-side=after]>b{color:#d1edf4}
.edit-effect-rules>div{align-items:start}.edit-effect-rules dt{padding-top:5px}
.editor .edit-effect-rules>div{grid-template-columns:minmax(0,1fr);gap:3px}.editor .edit-effect-rules dt{padding-top:0}
.scene-head>.edit-effect .rule-pair>.rule-version{padding:2px 5px}
.scene-head>.edit-effect .rule-pair>.rule-version>b{font-size:11px}
.scene-head>.edit-effect .rule-pair>.rule-version>small{font-size:9px}
.metrics .rule-pair>.rule-version{margin:0}.metrics .rule-pair>.rule-version>b{font-size:12px}
@media(max-width:600px){.editor .edit-effect-rules>div{grid-template-columns:minmax(0,1fr);gap:3px}.editor .edit-effect-rules dt{padding-top:0}.rule-pair{gap:5px}.rule-pair>.rule-version{padding:5px 6px}}