.viewer-quick-phrases{position:absolute;left:10px;right:10px;bottom:55px;display:flex;align-items:center;gap:4px;overflow:hidden;white-space:nowrap;z-index:4;padding:3px 0;pointer-events:auto}
.viewer-quick-phrases[hidden]{display:none!important}.viewer-quick-phrases::-webkit-scrollbar{display:none}
.viewer-quick-phrases button{flex:none;min-height:25px;height:25px;max-width:100%;padding:3px 10px;border-radius:15px;border:1px solid #ffffff35;background:#17192388;color:#fff;font:11px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;cursor:pointer;white-space:nowrap;transition:transform .12s,background .12s}
.viewer-quick-phrases button:active{transform:scale(.93);background:#ffffff45}.viewer-quick-phrases button:disabled{opacity:.6}.viewer-quick-phrases button:focus-visible{outline:2px solid #f3d38f;outline-offset:-2px}
.quick-phrase-track{display:flex;align-items:center;gap:6px;min-width:0;flex:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x;-webkit-overflow-scrolling:touch}
.quick-phrase-track::-webkit-scrollbar{display:none}.viewer-quick-phrases .quick-phrase-arrow{width:20px;min-width:20px;padding:0;border:1px solid #ffffff60;font-size:20px;line-height:22px;background:#171923b8}.quick-phrase-arrow[hidden]{display:none!important}.viewer-quick-phrases .quick-phrase-arrow:disabled{opacity:.3}
.room.has-quick-phrases>.chat:not(.assistant-chat){bottom:var(--quick-chat-bottom,85px)!important}

.viewer-phrases-editor>label{display:flex;align-items:center;gap:6px;font-size:11px}.viewer-phrases-editor input[type=checkbox]{width:15px;min-height:15px;height:15px;margin:0}.viewer-phrases-editor .hint{font-size:10px;line-height:1.6;margin:6px 0}
.viewer-phrases-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 9px;margin:12px 0 9px;max-height:245px;overflow:auto;padding:3px 1px}
:is(#wSide,#wAssistant) .viewer-phrases-grid>label{display:flex;flex-direction:column;align-items:stretch;gap:5px;min-width:0;width:auto;margin:0;font-size:10px;color:#a3b5ce}
:is(#wSide,#wAssistant) .viewer-phrases-grid input{box-sizing:border-box;width:100%;min-width:0;height:32px;min-height:32px;margin:0;padding:5px 7px;font-size:12px}
:is(#wSide,#wAssistant) .viewer-phrases-grid>label{position:relative}:is(#wSide,#wAssistant) .viewer-phrases-grid>label>button{position:absolute;right:4px;top:7px;width:18px;height:18px;min-height:18px;padding:0;border:0;background:transparent;color:#93a5bf;font-size:14px;line-height:18px}.viewer-phrase-add{font-size:11px;padding:5px 10px;min-height:28px}

:is(#wSide,#wAssistant) .viewer-phrases-grid input{padding-right:24px}

.w-display-tabs{display:flex;gap:5px;margin:0 0 9px;padding-bottom:8px;border-bottom:1px solid #334157}.w-display-tabs>button{font-size:11px;padding:5px 10px;min-height:29px}.w-display-tabs>button.active{background:#283d60;border-color:#5177b4;color:#cfdef6}
#wAssistant .viewer-phrases-editor{padding:2px 0;margin:0}.viewer-phrases-footer{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-top:9px;padding-top:9px;border-top:1px solid #334157}.viewer-phrases-footer>span{font-size:10px;color:#9fb4d3;min-width:0}.viewer-phrases-footer>span[data-state=success]{color:#8cd3b0}.viewer-phrases-footer>span[data-state=error]{color:#eb9daa}.viewer-phrases-footer>button{flex:none;font-size:11px;padding:5px 10px;min-height:30px}