.gere-panel.gere-minimized{display:none!important}
.gere-panel>header>div{min-width:0}
.gere-panel #gereContext{display:inline-block;width:fit-content;max-width:100%;padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:var(--panel);font-size:10px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gere-panel>header .icon-btn{width:36px;height:36px;flex:0 0 36px;font-size:20px}
.gere-topics-disclosure{border:1px solid var(--line);border-radius:11px;background:var(--panel);overflow:hidden}
.gere-topics-disclosure summary{padding:11px 13px;color:var(--soft);font-size:12px;font-weight:650;cursor:pointer}
.gere-topics-disclosure[open] summary{border-bottom:1px solid var(--line)}
.gere-topics-disclosure .gere-topics{padding:10px;max-height:36vh;overflow-y:auto}
.gere-panel .gere-usage-note{margin:0;color:var(--muted);font-size:10px;line-height:1.45}
.gere-panel form{gap:8px}
.gere-panel textarea{min-height:54px;max-height:132px;resize:vertical}
.gere-panel form .primary{min-height:44px}
@media(max-width:820px){
  .gere-panel:not(.gere-minimized){top:calc(var(--app-header) + 5px);bottom:calc(6px + env(safe-area-inset-bottom));max-height:calc(100dvh - var(--app-header) - 12px);}
  .gere-panel>header .icon-btn{width:40px;height:40px;flex-basis:40px}
  .gere-panel #gereContext{font-size:10px;max-width:100%}
  .gere-topics-disclosure .gere-topics{grid-template-columns:1fr;max-height:30dvh}
  .gere-panel textarea{font-size:16px}
}