/* PowerAgent Studio — visual refresh */
:root{--bg:#070910;--panel:#101421;--muted:#aab5cc;--violet:#a58bff;--cyan:#75e6d8}
body{background:radial-gradient(ellipse 65% 48% at 65% -9%,#4532816b,transparent 78%),radial-gradient(ellipse 40% 45% at 100% 43%,#0c5b6940,transparent 82%),#070910}
.shell{grid-template-columns:258px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(175deg,#101423,#090b13);padding:28px 18px;box-shadow:14px 0 70px #0003}
.brand{font-size:18px;letter-spacing:-.9px}.mark{width:43px;height:43px;border-radius:14px;background:linear-gradient(140deg,#c4b1ff,#7867f4 53%,#4bc8dc);font-size:22px}
.nav{gap:7px}.nav button{font-weight:600;font-size:13px;border:1px solid transparent;transition:background .2s,border-color .2s}.nav button.active{background:linear-gradient(95deg,#a58bff2d,#6d70fa0d);border-color:#b19bff33}.nav button:hover{border-color:#b19bff35}
.main{max-width:1600px;width:100%;margin:auto;padding:34px clamp(20px,5vw,88px) 90px}
.top{padding:0 0 20px;border-bottom:1px solid #ffffff13}.top .eyebrow{font-size:11px;letter-spacing:2.2px}.profile{background:linear-gradient(140deg,#9775f0,#2d315c);box-shadow:0 0 0 5px #a48bff10}
.hero{padding:32px 12px 12px}.orb-stage{height:205px}.orb{width:160px;height:160px}.hero h1{font-size:clamp(44px,6.2vw,86px);letter-spacing:-4.6px;line-height:1.03;margin:18px 0}.hero .eyebrow{color:#bcaaff}.sub{max-width:620px;font-size:15px;line-height:1.9}
.composer{max-width:920px;margin-top:32px;border:1px solid #b09aff5c;border-radius:23px;padding:23px;background:linear-gradient(145deg,#1b2035,#101523 72%);box-shadow:0 30px 90px #0008,0 0 55px #866bfa13;position:relative}.composer:before{content:"";position:absolute;inset:-1px;border-radius:23px;pointer-events:none;background:linear-gradient(100deg,#ffffff20,transparent 40%,#a58bff13);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;padding:1px}
.composer label{font-weight:800;letter-spacing:1.5px;color:#c6b9ff}.composer textarea{min-height:112px;font-size:15px;line-height:1.8}.composer textarea:focus{outline:0}.composer-bottom{border-top:1px solid #ffffff17;padding-top:16px}.hint{font-size:12px}.send{padding:14px 22px;border-radius:12px;background:linear-gradient(110deg,#b19aff,#7467ec);color:#100e23;font-weight:800}
#builder{max-width:1040px;margin:38px auto 32px!important;padding:30px!important;border-radius:25px!important;background:linear-gradient(140deg,#1b2133,#101624 75%)!important;border:1px solid #aa9bf64a!important;box-shadow:0 18px 65px #0005}
#builder h2{font-size:clamp(23px,3vw,32px);letter-spacing:-1px}#builder .muted{font-size:14px!important;max-width:740px}
#builder .tools{gap:12px!important;margin:20px 0!important}#builder button{padding:12px 17px!important;border-radius:12px!important;font-weight:700;font-size:13px;transition:transform .18s,filter .18s}#builder button:hover:not(:disabled){transform:translateY(-2px)}#builder button.primary{background:linear-gradient(110deg,#b19aff,#786df0)!important;color:#121024!important;border:0!important}
#builder #demo-project{border:1px solid #75e6d866!important;background:#75e6d812!important;color:#a2f3e7!important}
#builder .buildstatus{padding:13px 16px;background:#070a1599;border:1px solid #ffffff15;border-radius:11px;font-size:13px!important;line-height:1.65;min-height:48px!important}
#builder iframe{height:min(70vh,680px)!important;border-radius:16px!important}#builder pre{max-height:650px!important}
.section-head{margin-top:42px}.section-head h2{font-size:24px}.grid{gap:18px}.grid .card{min-height:190px;padding:25px;background:linear-gradient(145deg,#1b2030,#0e1420);border-color:#ffffff1c}.grid .card:nth-child(2){background:linear-gradient(145deg,#182c31,#101720)}.grid .card:nth-child(3){background:linear-gradient(145deg,#251e37,#111420)}.symbol{width:47px;height:47px;font-size:24px}.card h3{font-size:17px}.card p{font-size:13px}.status{max-width:1040px;margin:28px auto 0;background:#111826;border:1px solid #ffffff21;border-radius:15px}
.studio-kicker{display:inline-flex;gap:8px;align-items:center;padding:7px 12px;background:#9e8af321;border:1px solid #a68eff42;border-radius:100px;color:#d4c8ff;font-size:11px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase}
.studio-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:#80e6c9;box-shadow:0 0 12px #80e6c9}
.quick-prompts{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:20px auto 0;max-width:950px}.quick-prompts button{border:1px solid #ffffff2b;background:#ffffff0b;border-radius:100px;padding:10px 14px;color:#c8d1e5;font-size:12px;transition:.2s}.quick-prompts button:hover{background:#a58bff26;border-color:#a58bff80;color:white}
.studio-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid #ffffff15;margin-top:50px;padding-top:24px;color:#8896b2;font-size:12px}
@media(max-width:1000px){.shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding:22px 12px}.brand{font-size:15px}.hero h1{font-size:clamp(43px,6vw,68px)}}
@media(max-width:800px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative;padding:15px 16px;gap:14px}.nav{display:flex;gap:5px}.nav button{padding:10px 12px;font-size:12px}.main{padding:22px 16px 45px}.hero{padding:14px 0 5px}.orb-stage{height:150px}.orb{width:115px;height:115px}.hero h1{letter-spacing:-2.8px}.composer{padding:17px}.grid{grid-template-columns:1fr}.grid .card{min-height:130px}#builder{padding:20px!important;margin:30px 0!important}}
@media(max-width:480px){.hero h1{font-size:42px}.hero .eyebrow{font-size:9px;letter-spacing:1.4px}.sub{font-size:13px}.composer-bottom{align-items:stretch}.composer-bottom .send{width:100%}.quick-prompts{justify-content:flex-start}.quick-prompts button{font-size:11px}#builder .tools button{flex:1}#builder iframe{height:520px!important}}