:root{--bg:#0f1115;--panel:#151922;--text:#ffffff;--muted:#c9d1d9;--brand:#7cc74b;--accent:#009fe3;--border:#2a3242;--ok:#00e676;--warn:#ffca28;--err:#ff5252;--r:16px;--shadow:0 10px 24px rgba(0,0,0,.25)}
.gs3-container{background:var(--bg);color:var(--text);padding:20px;border-radius:var(--r);box-shadow:var(--shadow);border:1px solid var(--border);max-width:980px;margin:24px auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,'Noto Sans',sans-serif}
.gs3-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.gs3-title{font-size:1.25rem;font-weight:700}
.gs3-controls{display:flex;gap:8px;flex-wrap:wrap}
.gs3-btn{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:8px 12px;cursor:pointer}
.gs3-btn:hover{border-color:var(--accent)}
.gs3-btn[disabled]{opacity:.5;cursor:not-allowed}
.gs3-select,.gs3-input{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px;min-width:160px}
.gs3-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:900px){.gs3-grid{grid-template-columns:1fr}}
.gs3-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:12px}
.gs3-video{width:100%;height:auto;border-radius:12px;border:1px solid var(--border);background:#000}
.gs3-status{margin-top:8px;color:var(--muted)}
.gs3-status[aria-live]{min-height:1.5em}
.gs3-table{width:100%;border-collapse:collapse;margin-top:8px}
.gs3-table th,.gs3-table td{border:1px solid var(--border);padding:8px;text-align:left}
.gs3-table th{background:#101521}
.gs3-badge{padding:4px 8px;border-radius:999px;border:1px solid var(--border);font-size:.85rem}
.gs3-badge.ok{color:var(--ok)}.gs3-badge.warn{color:var(--warn)}.gs3-badge.err{color:var(--err)}
.gs3-recs{list-style:disc;padding-left:20px;margin:8px 0}
.gs3-small{font-size:.9rem;color:var(--muted)}
#settings-section{display:none;margin-top:16px}
.gs3-settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media (max-width:900px){.gs3-settings-grid{grid-template-columns:1fr}}

.gs3-scope{width:100%;height:auto;border:1px solid var(--border);border-radius:8px;margin-top:8px;display:block;background:#0a0d12}

/* v2.6.16: unify text colour to title colour (non-invasive) */ 
.gs3-container, .gs3-section, .gs3-label, .gs3-status, .gs3-badge, #hm-panel, #hm-advanced-panel, p, span, small, label {
  color: #eeeeee !important;
}