:root{
  --gsaio-bg:#081120;
  --gsaio-panel:#0f1b31;
  --gsaio-panel-2:#152540;
  --gsaio-text:#eef4ff;
  --gsaio-muted:#9fb1ca;
  --gsaio-brand:#7c3aed;
  --gsaio-accent:#22c55e;
  --gsaio-line:rgba(255,255,255,.1);
  --gsaio-shadow:0 18px 60px rgba(2,12,27,.35);
}
#gsaio-app{font-family:Inter,system-ui,Arial,sans-serif;color:var(--gsaio-text)}
#gsaio-app *{box-sizing:border-box}
.gsaio-shell{background:linear-gradient(180deg,#07101f,#101c32);border-radius:24px;padding:24px;box-shadow:var(--gsaio-shadow);margin:24px 0}
.gsaio-hero-card{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;margin-bottom:22px}
.gsaio-title{font-size:clamp(30px,4vw,54px);line-height:1.02;margin:0 0 14px;font-weight:800}
.gsaio-sub{color:var(--gsaio-muted);font-size:16px;line-height:1.6}
.gsaio-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.gsaio-badge{padding:8px 12px;border-radius:999px;background:rgba(124,58,237,.18);border:1px solid rgba(167,139,250,.35);font-size:12px}
.gsaio-grid-main{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}
.gsaio-panel{background:rgba(255,255,255,.04);border:1px solid var(--gsaio-line);border-radius:22px;padding:20px}
.gsaio-panel h3{margin:0 0 14px}
.gsaio-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.gsaio-tab{border:1px solid var(--gsaio-line);background:rgba(255,255,255,.04);padding:10px 14px;border-radius:999px;color:var(--gsaio-text);cursor:pointer}
.gsaio-tab.active{background:linear-gradient(135deg,var(--gsaio-brand),#3347ff);border-color:transparent}
.gsaio-form{display:grid;gap:14px}
.gsaio-field{display:grid;gap:8px}
.gsaio-field label{font-size:13px;color:var(--gsaio-muted)}
.gsaio-input,.gsaio-textarea,.gsaio-select{width:100%;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid var(--gsaio-line);color:var(--gsaio-text)}
.gsaio-textarea{min-height:160px;resize:vertical}
.gsaio-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gsaio-actions{display:flex;gap:12px;flex-wrap:wrap}
.gsaio-btn{border:none;border-radius:16px;padding:14px 18px;font-weight:800;cursor:pointer}
.gsaio-btn-primary{background:linear-gradient(135deg,var(--gsaio-brand),#3347ff);color:white}
.gsaio-btn-secondary{background:rgba(255,255,255,.08);color:var(--gsaio-text);border:1px solid var(--gsaio-line)}
.gsaio-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gsaio-stat{background:rgba(255,255,255,.04);border-radius:18px;padding:16px;border:1px solid var(--gsaio-line)}
.gsaio-stat strong{display:block;font-size:22px}
.gsaio-preview{max-height:760px;overflow:auto;background:#06101d;border-radius:20px;padding:16px;border:1px solid var(--gsaio-line)}
.gsaio-code{white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#dbe7ff}
.gsaio-list{display:grid;gap:10px}
.gsaio-card{background:rgba(255,255,255,.05);border-radius:18px;padding:16px;border:1px solid var(--gsaio-line)}
.gsaio-kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#b6c7df}
.gsaio-success{color:#7ef2a4}
.gsaio-warning{color:#ffd36e}
.gsaio-note{font-size:13px;color:var(--gsaio-muted);line-height:1.6}
.gsaio-footer-note{margin-top:18px;padding-top:18px;border-top:1px solid var(--gsaio-line);font-size:13px;color:var(--gsaio-muted)}
@media(max-width:980px){.gsaio-grid-main,.gsaio-hero-card,.gsaio-row,.gsaio-stat-grid{grid-template-columns:1fr}}