:root{--bg:#070b14;--card:#0e1429;--txt:#e7eaff;--dim:#b6bce3;--p1:#7dd3fc;--p2:#8b5cf6;--r:14px;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(900px 400px at 80% -10%, rgba(139,92,246,.18), transparent 60%),radial-gradient(600px 400px at 0% 120%, rgba(34,211,238,.14), transparent 60%),var(--bg);color:var(--txt);font:14px/1.55 Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial}
.gc-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg, rgba(17,25,48,.9), rgba(11,16,32,.75));backdrop-filter:blur(6px);position:sticky;top:0;z-index:5}
.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand .tag{margin-left:6px;opacity:.75;font-weight:700}
nav{display:flex;gap:10px}nav button{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:var(--txt);padding:8px 12px;border-radius:10px;font-weight:700}nav button.active{background:linear-gradient(180deg, rgba(125,211,252,.18), rgba(139,92,246,.18));border-color:rgba(125,211,252,.4)}
.gc-main{display:grid;gap:16px;grid-template-columns:1.2fr 1.8fr 1fr;padding:16px 20px 28px}
section{display:none}.active{display:block}
.pane{display:grid;gap:16px;align-content:start}.card{background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.0));border:1px solid rgba(255,255,255,.06);border-radius:var(--r);box-shadow:0 10px 30px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.02)}
.card-h{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid rgba(255,255,255,.06)}.card-b{padding:16px}.card-f{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-top:1px solid rgba(255,255,255,.06)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:var(--txt);font-weight:700}.btn.primary{background:linear-gradient(180deg, rgba(125,211,252,.18), rgba(139,92,246,.18));border-color:rgba(125,211,252,.4)}.btn.ghost{background:transparent;border-color:rgba(255,255,255,.1)}.btn.s{padding:6px 10px;font-size:13px}
label{display:block;font-weight:700;margin-bottom:6px;opacity:.9}input,textarea{width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(7,11,20,.6);color:var(--txt);padding:8px 10px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.preview{background:#0b0f1a}.preview iframe{width:100%;aspect-ratio:16/9;border:0;display:block;border-bottom-left-radius:var(--r);border-bottom-right-radius:var(--r)}
.seg{display:flex;gap:4px;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:4px;background:rgba(255,255,255,.05)}.segbtn{border:0;background:transparent;color:#b6bce3;padding:6px 10px;border-radius:8px;font-weight:700}.segbtn.active{background:rgba(255,255,255,.12);color:var(--txt)}
.status{display:flex;align-items:center;gap:8px;color:#b6bce3;font-weight:600}.dot{width:8px;height:8px;border-radius:999px;display:inline-block}.dot.idle{background:#64748b}.dot.run{background:#22d3ee}.dot.err{background:#ef4444}
.chatlog{display:flex;flex-direction:column;gap:12px;max-height:50vh;overflow:auto}.msg{display:flex;gap:10px}.avatar{width:28px;height:28px;display:grid;place-items:center;background:rgba(255,255,255,.08);border-radius:8px}.bubble{padding:10px 12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px}
.chatbox{display:flex;gap:10px;align-items:flex-end}.chatbox textarea{min-height:40px;max-height:160px;resize:none}
@media(max-width:1200px){.gc-main{grid-template-columns:1fr}.pane.left{order:1}.pane.center{order:2}.pane.right{order:3}}

/* Mobile polish */
@media (max-width: 640px){
  .gc-header{padding:14px 14px;border-radius:0 0 18px 18px}
  nav{gap:8px;flex-wrap:wrap}
  nav button{padding:6px 10px;border-radius:9px}
  .gc-main{padding:12px 12px 20px}
  .card-h{padding:12px}
  .card-b{padding:12px}
  .preview iframe{aspect-ratio: 9 / 16}
}