#pane-hq .hq-view-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
#pane-hq h2{margin:0;color:var(--accent,#bc6ff1)}
#pane-hq p{font-size:14px;color:var(--text-muted,#a5a0b0);margin:8px 0}
#hq-view-stage{display:flex;flex-direction:column;height:clamp(540px,78dvh,1100px);border:1px solid #bc6ff140;border-radius:16px;overflow:hidden;background:#191824}
#hq-view-stage:empty{display:none}
#hq-view-stage>div{flex:none;display:flex;flex-wrap:wrap}
#hq-view-stage>div { padding:10px 14px; border-bottom:1px solid #ffffff14; background:#19191f; }
#hq-view-stage>div>button { min-height:40px; padding:8px 14px; border:1px solid #ffffff24; border-radius:10px; background:#ffffff08; color:#eee9f7; font:inherit; cursor:pointer; }
#hq-view-stage>div>button:disabled { opacity:.55; cursor:wait; }
#hq-view-stage>div>button:focus-visible { outline:2px solid #b59bdd; outline-offset:2px; }
#hq-view-stage iframe{width:100%;height:auto;flex:1;min-height:0;display:block;border:0}
@media(max-width:600px){#pane-hq .hq-view-heading{align-items:flex-start}#hq-view-stage{height:78dvh;min-height:530px;border-radius:10px}}