.chat-controls{border:1px solid var(--line);background:var(--bg-2);border-radius:12px;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr) minmax(0,1fr) auto;align-items:stretch;gap:2px;margin-bottom:8px;padding:3px;display:grid}.chat-controls>button{min-width:0;min-height:40px;color:var(--muted);text-align:left;cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:flex}.chat-controls>button:hover{background:var(--panel);color:var(--text)}.chat-controls>button[aria-expanded=true]{background:var(--panel-strong);color:var(--text)}.chat-control-label{color:var(--muted);flex-shrink:0}.chat-control-value{text-overflow:ellipsis;white-space:nowrap;color:var(--text);overflow:hidden}.chat-controls>button:focus-visible{outline:2px solid var(--sauce);outline-offset:1px}.chat-options-panel{overscroll-behavior:contain;border:1px solid var(--line);background:var(--bg-2);border-radius:12px;max-height:min(36dvh,22rem);margin-bottom:8px;padding:12px 14px;overflow-y:auto}.chat-options-panel>:last-child{margin-bottom:0}@media (max-width:639px){.chat-controls{grid-template-columns:minmax(0,1.3fr) minmax(0,1.05fr) minmax(0,.95fr) auto}.chat-controls>button{flex-direction:column;justify-content:center;align-items:flex-start;gap:0;min-height:44px;padding:3px 6px}.chat-control-label{font-size:10px}.chat-control-value{width:100%}.chat-controls>button[role=combobox]{grid-template-columns:minmax(0,1fr) auto;align-content:center;display:grid}.chat-controls>button[role=combobox]>span:first-child{grid-column:1/-1;font-size:10px}.chat-controls>button:last-child{max-width:56px}}.chat-product-panel{z-index:2;background:#191a1c;border:1px solid #424347;width:min(365px,100% - 48px);max-height:min(54dvh,430px);margin:0;position:absolute;bottom:calc(100% - 9px);left:24px;box-shadow:0 8px 26px #090909}@media (max-width:639px){.chat-product-panel{width:calc(100% - 32px);left:16px}}
