/* Question editor shares the existing workspace/header colors and controls. */
.qa-body{display:grid;grid-template-columns:minmax(360px,1.45fr) minmax(570px,1fr);min-height:0;flex:1;overflow:hidden;background:#f5f7f9}
.qa-preview-area{position:relative;display:flex;justify-content:center;align-items:flex-start;padding:72px 32px 32px;overflow:auto;border-right:14px solid #fff}
.qa-phone{width:335px;min-height:515px;background:#f3f3f3;box-shadow:0 1px 12px #2632380d;padding:20px;flex-shrink:0}
.qa-chat{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;font-size:13px}.qa-avatar{width:28px;height:28px;border-radius:50%;background:#e9dfd4;display:grid;place-items:center;color:#8c735f;flex-shrink:0}.qa-chat p{background:white;border-radius:8px;margin:0;padding:12px;white-space:pre-wrap;overflow-wrap:anywhere}.qa-chat img,.qa-preview-choices img{max-width:100%;max-height:160px;display:block}
.qa-preview-group{margin-bottom:20px}.qa-preview-choices{display:grid;gap:8px}.qa-preview-choices button{background:#ff9c2b;color:#fff;border:0;min-height:36px;border-radius:4px;white-space:pre-wrap;overflow-wrap:anywhere;padding:8px;min-width:0}
.qa-preview-status{font-size:12px;color:#888;line-height:1.6}.qa-reset{position:absolute;top:360px;left:calc(50% - 194px);writing-mode:vertical-rl;color:#ff942a;background:#fff;border:1px solid #ffd4a9;border-radius:4px;padding:8px 5px}
.qa-settings{overflow:auto;background:#fff;padding:14px 20px 32px;font-size:12px}.qa-group{background:#f7f8fa;padding:14px;margin-bottom:16px;border-radius:3px}.qa-group-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-weight:500}.qa-group-title button,.qa-text-button{background:none;border:0;color:#999;font-size:12px}.qa-group-title button:disabled,.qa-delete:disabled{opacity:.3;cursor:not-allowed}
.qa-send{display:flex;gap:12px;position:relative;margin-bottom:10px}.qa-rich{border:1px solid #dcdfe6;border-radius:5px;background:#fff;overflow:hidden;flex:1;min-width:0}.qa-rich-label,.qa-rich-tools{border-bottom:1px solid #e5e7eb;min-height:32px;display:flex;align-items:center;padding:3px 10px;color:#999;gap:12px}.qa-rich textarea{display:block;width:100%;resize:vertical;min-height:120px;border:0;border-radius:0;padding:10px;box-shadow:none;line-height:1.6;font-size:13px}.qa-rich-tools button{background:transparent;border:0;color:#999;padding:0 4px;height:25px}.qa-rich-tools button[aria-pressed=true]{color:#ff962b;background:#fff2e5}.qa-rich-tools select{border:0;height:25px;width:70px;color:#999;font-size:12px;padding:0}
.qa-field{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:start;margin:18px 0;gap:10px}.qa-field>span{line-height:28px;color:#606266}.qa-field b{color:#f56c6c;margin-right:2px}.qa-field>div{min-width:0}.qa-field input:not([type=radio]):not([type=checkbox]),.qa-field select{max-width:100%;height:30px;font-size:12px}.qa-field .qa-delay{width:110px}.qa-unit{margin-left:8px;color:#999}
.qa-radios,.qa-interactions{display:flex;flex-wrap:wrap;gap:12px 18px}.qa-radios{min-height:28px;align-items:center}.qa-radios label,.qa-interactions label{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px}.qa-interactions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#f6f7f9;padding:12px 10px;gap:12px 8px}.qa-radios input,.qa-interactions input,.qa-footer input{accent-color:#ff982b;width:14px;height:14px;margin:0;padding:0;box-shadow:none}.qa-field input[role=switch]{appearance:none;cursor:pointer;width:28px;height:16px;border-radius:10px;background:#bfc2c5;border:0;padding:2px;margin:6px 0}.qa-field input[role=switch]:after{content:'';display:block;width:12px;height:12px;border-radius:50%;background:white;transition:transform .15s}.qa-field input[role=switch]:checked{background:#ff9b2b}.qa-field input[role=switch]:checked:after{transform:translateX(12px)}
.qa-reply{background:#fff;padding:8px 12px 14px;margin:16px 0;position:relative}.qa-delete{border:0;background:transparent;color:#f56c6c;cursor:pointer;font-size:18px}.qa-reply>.qa-delete{position:absolute;right:-12px;top:0}.qa-image-picker{position:relative;width:55px;height:55px;border:1px solid #e4e7ed;border-radius:4px;color:#b1b3b8;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;font-size:20px;flex-shrink:0}.qa-image-picker small{font-size:10px}.qa-image-picker img{width:100%;height:100%;object-fit:cover}.qa-add{width:100%;border:1px solid #f0f1f4;background:#fff;border-radius:3px;font-size:12px;color:#606266;height:30px}.qa-add-group{width:100%;height:34px}
.qa-layouts{display:flex;gap:5px;align-items:center;height:28px}.qa-layouts button{height:19px;width:39px;background:#fff;border:1px solid #ddd;padding:3px;display:flex;gap:2px}.qa-layouts i{background:#d8d8d8;flex:1}.qa-layouts button[aria-pressed=true]{border-color:#ff9b2b}.qa-layouts button[aria-pressed=true] i{background:#ff9b2b}
.qa-footer{background:#fff1e3;color:#d9873b;padding:12px 20px;display:flex;justify-content:space-between;gap:10px;font-size:12px}.qa-footer label{display:flex;align-items:center;gap:7px}.qa-footer>span{color:#ab957f;white-space:nowrap}
@media(max-width:1200px){.qa-body{grid-template-columns:minmax(300px,1fr) minmax(540px,1.4fr)}.qa-preview-area{padding:40px 15px}.qa-phone{width:290px}.qa-reset{left:calc(50% - 167px)}.qa-settings{padding:12px}.qa-field{grid-template-columns:100px minmax(0,1fr)}.qa-interactions{grid-template-columns:repeat(3,minmax(0,1fr))}}
.qa-rich textarea{font-family:inherit}.qa-interactions label{white-space:normal;min-width:0;line-height:1.5}.qa-interactions input,.qa-radios input{flex-shrink:0}