.hm-trigger.room-tool { color: #f6e6d4; font: 600 12px/1.2 var(--sans,system-ui); cursor: pointer; }
.hm-trigger svg { width: 17px; height: 17px; fill: none; stroke: currentColor; flex: none; }
.hm-trigger[data-active=true] { background: #4c3427; border-color: #dbba80; color: #ffda96; }
.hm-trigger[data-active=true] svg { filter: drop-shadow(0 0 3px #e6ae61); }
.rd-bar .hm-trigger { margin-left: auto; margin-right: 10px; background: #2c222a; border: 1px solid #856a54; border-radius: 22px; padding: 8px 13px; display: inline-flex; align-items: center; gap: 6px; }
.hm-panel, .hm-panel * { box-sizing: border-box; }
.hm-panel[hidden], .hm-panel [hidden] { display: none !important; }
.hm-panel { position: fixed; z-index: 90; right: max(14px,env(safe-area-inset-right)); bottom: max(14px,env(safe-area-inset-bottom)); width: min(385px,calc(100% - 28px)); max-height: calc(100dvh - 32px); overflow: auto; overscroll-behavior: contain; padding: 16px 18px; border: 1px solid #a58769; border-radius: 14px; background: #211820; box-shadow: 0 12px 60px #060208aa; color: #faedde; font: 400 14px/1.5 var(--sans,"DM Sans",system-ui); text-align: left; }
.hm-panel .hm-head,.hm-panel .hm-actions { display: flex; align-items: center; gap: 6px 9px; flex-wrap: wrap; }
.hm-panel .hm-head { justify-content: space-between; margin: 0 0 10px; }
.hm-panel .hm-head h3 { margin: 0; color: #fae8ca; font: 500 24px/1.06 var(--serif,"Cormorant Garamond",Georgia); }
.hm-panel .hm-note { margin: 6px 0 10px; font: 400 12px/1.45 var(--sans,system-ui); color: #d8c9c3; }
.hm-panel .hm-state { color: #f4d8ab; margin: 8px 0; font: 500 13px/1.4 var(--sans,system-ui); }
.hm-panel[data-mode=recording] .hm-state::before { content: ''; display:inline-block; vertical-align: 1px; height:7px; width:7px; border-radius:50%; margin-right:6px; background:#f6a36b; }
.hm-panel button { font: 600 12px/1.25 var(--sans,system-ui); cursor:pointer; min-height:38px; }
.hm-panel button:disabled { opacity:.45; cursor:default; }
.hm-button { padding:8px 14px; color:#f6e9d8; background:#352931; border:1px solid #967a62; border-radius:7px; }
.hm-primary { background:#e0bf89; color:#251b17; border-color:#e6c999; }
.hm-link,.hm-return { color:#f3d9b2; background:transparent; border:0; padding:5px 3px; text-decoration:underline; text-underline-offset:3px; }
.hm-panel .hm-auto { display:flex; align-items:center; gap:9px; font-size:12px; line-height:1.4; min-height:42px; margin:4px 0; cursor:pointer; }
.hm-auto input { width:17px; height:17px; flex:none; accent-color:#dab784; }
.hm-panel .hm-label { display:block; font-size:12px; font-weight:600; margin:7px 0 4px; }
.hm-panel .hm-field { width:100%; resize:vertical; min-height:52px; max-height:20dvh; padding:8px 10px; border-radius:6px; border:1px solid #90735f; color:#fff1df; background:#181119; font:400 14px/1.4 var(--sans,system-ui); }
.hm-panel .hm-field::placeholder { color:#bdaba5; }
.hm-panel .hm-response { border-top:1px solid #795e48; margin:8px 0 0; padding-top:10px; }
.hm-panel .hm-response strong { color:#dec09a; font-size:12px; }
.hm-panel .hm-response p { margin:4px 0; font-size:14px; line-height:1.55; white-space: pre-line; }
.hm-panel .hm-response .hm-button { margin-left:10px; }
.hm-panel :is(button,input,textarea):focus-visible,.hm-trigger:focus-visible { outline:2px solid #f4d08f; outline-offset:2px; }
@media(max-width:680px) {
  .room-dialog .room-utilities { gap:4px; }
  .room-dialog .room-utilities .room-tool { min-width:36px; min-height:36px; justify-content:center; }
  .room-dialog .room-utilities .hm-trigger { padding:7px 9px; }
  .room-dialog .room-utilities .hm-trigger span { display:none; }
  .hm-panel { padding:13px 14px; }
  .hm-panel .hm-field { font-size:16px; }
  .hm-panel button { min-height:40px; }
}
@media(max-width:410px) {
  .room-dialog .room-utilities .room-tool { padding:7px; }
  .room-dialog .room-utilities .room-tool span { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%); }
}
.hm-entry { justify-self:start; width:fit-content; color:#f3d7a9; font:600 12px/1.35 var(--sans,system-ui); cursor:pointer; border:0; background:none; padding:5px 0; text-decoration:underline; text-underline-offset:3px; }