.gsa-wrap{max-width:980px;margin:24px auto;font-family:system-ui,Segoe UI,Arial}
.gsa-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}
.gsa-stage{position:relative;background:#000;min-height:360px;display:grid;place-items:center;border-radius:14px;overflow:hidden}
#gsa-video,#gsa-canvas{max-width:100%;width:100%} #gsa-canvas{position:absolute;inset:0}
.gsa-exports{display:flex;gap:10px;align-items:center;margin-top:12px}
.gsa-stats{margin-left:auto;opacity:.95;font-weight:600}
.gsa-note{opacity:.75;margin-left:8px}
.gsa-input{padding:10px 12px;border:1.5px solid #D0D5DD;border-radius:10px;background:#fff;font-size:14px}
.gsa-file input{display:none}
.gsa-file .gsa-btn.ghost{background:#fff;color:#0F172A;border:2px dashed #94A3B8}
.gsa-file .gsa-btn.ghost:hover{background:#F1F5F9;border-color:#64748B}
.gsa-btn{--bg:#2563EB;--bg-hover:#1E40AF;--fg:#fff;background:var(--bg);color:var(--fg);border:none;
  padding:12px 18px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,.12);transition:transform .12s, background .12s, box-shadow .12s}
.gsa-btn:hover{background:var(--bg-hover);transform:translateY(-1px);box-shadow:0 6px 14px rgba(0,0,0,.18)}
.gsa-btn.primary{--bg:#22C55E;--bg-hover:#16A34A}
.gsa-btn.danger{--bg:#EF4444;--bg-hover:#B91C1C}
@media (max-width:640px){ .gsa-controls{gap:8px} .gsa-btn,.gsa-input{width:100%} .gsa-note{margin-left:0} }