.qm-compose {
  background: linear-gradient(145deg, #fff 0%, #fffdf9 58%, #f5f3ff 100%);
  border-color: #ddd6fe;
  box-shadow: 0 18px 55px #4f46e512;
}
.qm-content-guide { display:flex; gap:7px; flex-wrap:wrap; margin:-1px 0 10px; }
.qm-content-meta { margin:0 0 12px; gap:10px; }
.qm-content-guide span { padding:6px 9px; border:1px solid #e0e7ff; border-radius:999px; background:#f5f3ff; color:#5145a5; font-size:9px; font-weight:800; }
.qm-batch-options { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:12px; padding:10px 12px; border:1px solid #ddd6fe; border-radius:14px; background:#faf8ff; }
.qm-batch-options[hidden] { display:none; }
.qm-batch-label { color:#5145a5; font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.06em; }
.qm-output-chip { cursor:pointer; }
.qm-output-chip input { position:absolute; opacity:0; pointer-events:none; }
.qm-output-chip span { display:block; padding:7px 10px; border:1px solid #d8d3e8; border-radius:999px; background:#fff; color:#5f5a70; font-size:10px; font-weight:900; transition:.18s; }
.qm-output-chip input:checked + span { border-color:#7c3aed; background:#ede9fe; color:#5b21b6; box-shadow:0 3px 0 #c4b5fd; }
.qm-output-chip.primary { cursor:default; }
.qm-editor-grid { align-items:stretch; }
.qm-source,.qm-preview-shell { height:330px; min-width:0; padding:10px; border:1px solid #ebe7e2; border-radius:14px; background:#fff; box-shadow:0 8px 20px #342c2508; }
.qm-source,.qm-preview-shell { display:flex; flex-direction:column; }
.qm-source-editor,.qm-category-editor { display:flex; flex:1; min-height:0; flex-direction:column; }
.qm-source-editor[hidden],.qm-category-editor[hidden] { display:none; }
.qm-source-label { display:flex; justify-content:space-between; align-items:center; gap:8px; margin:0 2px 8px; color:#383447; font-size:10px; }
.qm-source-label small { color:#747887; font-size:8px; font-weight:700; }
.qm-source textarea { width:100%; height:230px; min-height:230px; max-height:230px; resize:none!important; border:0!important; border-radius:10px!important; background:repeating-linear-gradient(#fff,#fff 25px,#f0ede8 26px); box-shadow:inset 0 0 0 1px #e4dfd9!important; line-height:26px!important; padding:10px 13px!important; }
.qm-category-groups { flex:1; min-height:0; overflow:auto; padding-right:3px; }
.qm-category-group { margin-bottom:9px; padding:9px; border:1px solid #e0e7ff; border-radius:12px; background:#fafaff; }
.qm-category-head { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:7px; }
.qm-category-head input { min-width:0; padding:8px 10px; border:1px solid #c4b5fd; border-radius:9px; font-size:11px; font-weight:900; }
.qm-category-group textarea { height:66px!important; min-height:66px!important; max-height:66px!important; margin-top:7px; resize:none!important; background:#fff!important; line-height:19px!important; padding:7px 10px!important; font-size:10px; }
.qm-category-head .qm-remove:disabled { opacity:.25; cursor:not-allowed; }
.qm-category-summary { margin-bottom:8px; padding:10px 12px; border:1px solid #ddd6fe; border-radius:12px; background:#faf8ff; }
.qm-category-summary b { color:#5b21b6; font-size:11px; }
.qm-category-summary span { float:right; color:#7c718d; font-size:9px; font-weight:800; }
.qm-category-summary p { margin:6px 0 0; color:#494254; font-size:10px; line-height:1.45; }
.qm-preview-shell .qm-preview { height:auto; min-height:0; flex:1; border:0; background:transparent; padding:0; }
.qm-compose-head { margin-bottom:14px; padding-bottom:14px; border-bottom:1px solid #eee9e4; }
.qm-mode { width:260px; flex:0 0 260px; }
.qm-mode select { min-height:40px; background:#fff8f5; border-color:#ffc6ba; }
.qm-token { box-shadow:0 3px 0 #e5e0da; }
.qm-token.blank { box-shadow:0 3px 0 #d6a72d; }
.qm-fill-mode-note { display:block; margin:5px 0 0 33px; color:#6d5f25; font-size:8px; font-weight:800; }
@media(max-width:850px){ .qm-source,.qm-preview-shell{height:300px}.qm-source textarea{height:200px;min-height:200px;max-height:200px} }
@media(max-width:620px){
  .qm-batch-options{display:grid;grid-template-columns:1fr;gap:7px;padding:10px;margin-top:10px}.qm-batch-label{margin:0 2px 1px}.qm-output-chip{width:100%}.qm-output-chip span{width:100%;padding:9px 11px;text-align:left}.qm-content-guide{display:none}.qm-source,.qm-preview-shell{height:270px;padding:7px}.qm-source textarea{height:170px;min-height:170px;max-height:170px}.qm-source-label small{display:none}.qm-compose-head{flex-wrap:wrap;align-items:stretch;margin-bottom:13px;padding-bottom:13px;gap:9px}.qm-compose-head .qm-section-title{width:100%;margin-bottom:0}.qm-mode{width:100%;flex:1 1 100%;padding-top:9px;border-top:1px dashed #eee3de}.qm-mode select{min-height:42px}.qm-content-meta{gap:10px 8px;margin-bottom:12px}
}