
/* AGUIARTS STUDIO V20 — visual-only refresh. Existing auth, payments, webhooks and tool runtimes remain untouched. */
:root{--studio-bg:#05070c;--studio-panel:#0a0e16;--studio-panel2:#0d121d;--studio-line:rgba(255,255,255,.085);--studio-text:#f6f7fb;--studio-muted:#969dac;--studio-purple:#8d42ff;--studio-purple2:#c477ff;--studio-lime:#d9ff00;--studio-cyan:#39d9ff}
body.studio-v20{background:radial-gradient(900px 580px at 75% 4%,rgba(115,35,255,.16),transparent 66%),radial-gradient(700px 480px at 6% 20%,rgba(57,217,255,.06),transparent 70%),var(--studio-bg);color:var(--studio-text);overflow-x:hidden}
body.studio-v20 .ag-bend-bg{display:none}
body.studio-v20 .site-promo-strip{display:none!important}
.studio-nav{position:sticky;top:12px;z-index:100;max-width:1450px;margin:12px auto 0;padding:9px 12px 9px 18px;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:rgba(7,9,14,.84);backdrop-filter:blur(22px);box-shadow:0 18px 55px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.05);display:flex;align-items:center;gap:24px}
.studio-nav .brand{margin-right:auto}.studio-nav .brand-logo{height:40px;width:auto;display:block}.studio-nav .nav-links{display:flex;gap:7px;align-items:center}.studio-nav .nav-links a{padding:11px 15px;border-radius:16px;color:#c6cad4;font-weight:750;font-size:14px;text-decoration:none;transition:.25s}.studio-nav .nav-links a:hover,.studio-nav .nav-links a.active{color:#fff;background:linear-gradient(135deg,rgba(141,66,255,.28),rgba(141,66,255,.11));box-shadow:inset 0 0 0 1px rgba(164,102,255,.24)}
.studio-nav .nav-actions{display:flex;align-items:center;gap:9px}.studio-nav .btn{border-radius:15px}.lang-switch{position:relative}.lang-btn{min-width:76px;height:42px;border-radius:14px;border:1px solid var(--studio-line);background:#0c1018;color:#e7e9ef;font-weight:800;cursor:pointer}.lang-menu{position:absolute;right:0;top:50px;width:184px;padding:7px;border:1px solid var(--studio-line);border-radius:15px;background:#0b0f17;box-shadow:0 18px 50px #000;display:none}.lang-switch.open .lang-menu{display:block}.lang-menu button{display:flex;width:100%;border:0;background:transparent;color:#cdd1da;padding:10px;border-radius:10px;cursor:pointer;text-align:left}.lang-menu button:hover{background:rgba(141,66,255,.18);color:#fff}
.studio-shell{max-width:1450px;margin:auto;padding:0 22px}.studio-hero{min-height:690px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(600px,1.08fr);gap:58px;align-items:center;padding:86px 0 55px;position:relative}.studio-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(164,102,255,.3);border-radius:999px;background:rgba(141,66,255,.08);color:#c79cff;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.studio-eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--studio-lime);box-shadow:0 0 16px var(--studio-lime)}
.studio-hero h1{font-size:clamp(48px,5vw,78px);line-height:.98;letter-spacing:-.055em;margin:25px 0 24px;max-width:710px}.studio-hero h1 .purple{color:var(--studio-purple2)}.studio-hero h1 .green{color:var(--studio-lime)}.studio-hero p{max-width:600px;font-size:19px;line-height:1.65;color:#aeb4c1}.studio-actions{display:flex;gap:13px;align-items:center;margin-top:31px;flex-wrap:wrap}.studio-primary,.studio-secondary{min-height:52px;padding:0 23px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:900}.studio-primary{background:var(--studio-lime);color:#090b0f;box-shadow:0 12px 30px rgba(217,255,0,.13)}.studio-secondary{border:1px solid rgba(164,102,255,.42);color:#e7d8ff;background:rgba(91,30,180,.08)}.studio-proof{display:flex;align-items:center;gap:12px;margin-top:27px;color:#9da3af;font-size:14px}.studio-stars{color:#ffc928;letter-spacing:2px}
.platform-stage{position:relative;min-height:545px;perspective:1300px}.platform-glow{position:absolute;inset:18% 8% 0;background:radial-gradient(ellipse,rgba(111,25,255,.45),transparent 65%);filter:blur(45px)}.platform-window{position:absolute;inset:25px 0 15px 25px;border:1px solid rgba(177,113,255,.34);border-radius:25px;background:linear-gradient(145deg,rgba(15,19,30,.97),rgba(7,10,17,.98));box-shadow:0 38px 100px rgba(0,0,0,.55),0 0 65px rgba(106,25,255,.13);transform:rotateY(-6deg) rotateX(2deg);overflow:hidden;animation:studioFloat 7s ease-in-out infinite}.platform-top{height:54px;border-bottom:1px solid var(--studio-line);display:flex;align-items:center;gap:7px;padding:0 18px}.platform-top i{width:9px;height:9px;border-radius:50%;background:#ff5f57}.platform-top i:nth-child(2){background:#febc2e}.platform-top i:nth-child(3){background:#28c840}.platform-top strong{margin-left:12px;font-size:13px}.platform-body{display:grid;grid-template-columns:145px 1fr;height:calc(100% - 54px)}.platform-side{padding:16px 12px;border-right:1px solid var(--studio-line);background:rgba(5,7,12,.45)}.platform-logo{width:105px;margin:0 8px 20px}.platform-nav-item{display:block;padding:10px 11px;border-radius:10px;color:#848b98;font-size:12px;margin-bottom:5px}.platform-nav-item.active{background:rgba(141,66,255,.2);color:#fff}.platform-main{padding:20px}.platform-main-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:17px}.platform-main h3{margin:0;font-size:20px}.platform-main small{color:#777f8d}.platform-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mini-tool{min-height:112px;padding:13px;border:1px solid var(--studio-line);border-radius:14px;background:linear-gradient(145deg,#111725,#090d15);position:relative;overflow:hidden}.mini-tool:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:rgba(141,66,255,.12);filter:blur(20px);right:-25px;bottom:-30px}.mini-tool b{display:block;font-size:12px;margin-top:29px}.mini-tool span{font-size:10px;color:#808795}.mini-symbol{position:absolute;top:13px;left:13px;color:var(--studio-purple2);font-size:23px;font-weight:900}.mini-tool.free .mini-symbol{color:var(--studio-lime)}.platform-preview{margin-top:11px;border:1px solid var(--studio-line);border-radius:15px;min-height:130px;padding:15px;display:flex;align-items:center;gap:16px;background:linear-gradient(100deg,rgba(141,66,255,.13),transparent)}.preview-art{width:145px;height:92px;border-radius:12px;background:radial-gradient(circle at 55% 40%,#c277ff 0 7%,#6420aa 8% 19%,#121824 20% 55%,#080b11 56%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}.preview-copy b{display:block;font-size:13px}.preview-copy span{font-size:11px;color:#7e8593}.floating-chip{position:absolute;padding:12px 15px;border:1px solid rgba(166,101,255,.28);border-radius:13px;background:rgba(9,12,20,.92);box-shadow:0 18px 38px rgba(0,0,0,.35);font-size:12px;font-weight:800;animation:chipFloat 5s ease-in-out infinite}.chip-a{left:-18px;top:105px}.chip-b{right:-25px;top:150px;animation-delay:-1.7s}.chip-c{right:10px;bottom:34px;animation-delay:-3s}
@keyframes studioFloat{50%{transform:rotateY(-4deg) rotateX(1deg) translateY(-9px)}}@keyframes chipFloat{50%{transform:translateY(-10px)}}
.studio-section{padding:80px 0}.studio-section-head{max-width:760px;margin-bottom:35px}.studio-kicker{color:#b778ff;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.13em}.studio-section h2{font-size:clamp(34px,3.4vw,52px);line-height:1.06;letter-spacing:-.04em;margin:12px 0}.studio-section-head p{color:#9097a5;font-size:17px;line-height:1.6}.benefit-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line)}.benefit{padding:30px 28px;border-right:1px solid var(--studio-line)}.benefit:last-child{border-right:0}.benefit b{display:block;font-size:16px;margin-bottom:8px}.benefit p{color:#858c99;font-size:14px;line-height:1.55;margin:0}.benefit strong{display:block;color:var(--studio-lime);font-size:12px;margin-bottom:9px}
.tool-showcase{display:grid;grid-template-columns:320px 1fr;gap:30px;align-items:start}.tool-showcase-copy{position:sticky;top:110px}.tool-showcase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.studio-tool-card{min-height:225px;border:1px solid var(--studio-line);border-radius:20px;background:linear-gradient(145deg,#101622,#090c13);overflow:hidden;position:relative;padding:24px;transition:.3s}.studio-tool-card:hover{transform:translateY(-5px);border-color:rgba(157,89,255,.38)}.tool-visual{height:105px;margin:-24px -24px 18px;background:radial-gradient(circle at 70% 40%,rgba(141,66,255,.35),transparent 35%),linear-gradient(135deg,#151b29,#090c13);display:flex;align-items:center;justify-content:center;font-size:52px;color:#ad63ff;font-weight:900}.studio-tool-card:nth-child(2n) .tool-visual{color:var(--studio-lime);background:radial-gradient(circle at 35% 40%,rgba(217,255,0,.16),transparent 34%),linear-gradient(135deg,#131925,#090c13)}.studio-tool-card h3{font-size:18px;margin:0 0 7px}.studio-tool-card p{color:#858d9b;font-size:14px;line-height:1.55;margin:0}.tool-badge{position:absolute;top:14px;left:14px;padding:5px 8px;border-radius:8px;background:#7a2bed;color:#fff;font-size:9px;font-weight:900}.tool-badge.free{background:var(--studio-lime);color:#080a0e}
.plan-grid-v20{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.plan-v20{border:1px solid var(--studio-line);border-radius:22px;padding:28px;background:linear-gradient(145deg,#101622,#090c13);position:relative}.plan-v20.recommended{border-color:rgba(183,109,255,.72);box-shadow:0 0 0 1px rgba(141,66,255,.17),0 25px 70px rgba(84,20,160,.18)}.recommend-label{position:absolute;top:-13px;right:22px;padding:7px 13px;border-radius:999px;background:linear-gradient(90deg,#8641ff,#c477ff);font-size:10px;font-weight:900;text-transform:uppercase}.plan-v20 h3{font-size:22px;margin:0}.plan-price{font-size:43px;font-weight:950;margin:18px 0 5px;letter-spacing:-.04em}.plan-price small{font-size:14px;color:#a6adba}.plan-v20>p{min-height:52px;color:#9299a7;line-height:1.5}.plan-v20 ul{padding:0;list-style:none;margin:24px 0}.plan-v20 li{margin:11px 0;color:#c8ccd4;font-size:14px}.plan-v20 li:before{content:"✓";color:var(--studio-lime);margin-right:9px}.plan-v20 .studio-primary,.plan-v20 .studio-secondary{width:100%}.compare-v20{margin-top:24px;border:1px solid var(--studio-line);border-radius:18px;overflow:hidden}.compare-row{display:grid;grid-template-columns:1.5fr repeat(3,1fr);border-bottom:1px solid var(--studio-line)}.compare-row:last-child{border-bottom:0}.compare-row>div{padding:14px 18px;border-right:1px solid var(--studio-line);font-size:13px}.compare-row>div:last-child{border-right:0}.compare-row.head{background:#0f1420;font-weight:900}.compare-good{color:var(--studio-lime);font-weight:900}
.faq-v20{display:grid;grid-template-columns:310px 1fr;gap:50px}.faq-list details{border-top:1px solid var(--studio-line);padding:19px 4px}.faq-list details:last-child{border-bottom:1px solid var(--studio-line)}.faq-list summary{cursor:pointer;font-weight:800}.faq-list p{color:#8d94a1;line-height:1.6}.final-cta-v20{margin:40px 0 90px;padding:45px;border:1px solid rgba(162,93,255,.38);border-radius:25px;background:radial-gradient(500px 200px at 85% 50%,rgba(141,66,255,.26),transparent 68%),#0d111b;display:flex;align-items:center;justify-content:space-between;gap:30px}.final-cta-v20 h2{font-size:39px;margin:0;max-width:760px}.final-cta-v20 .actions{display:flex;gap:12px}
/* Dashboard */
body.studio-dashboard{background:#05070b}.dash-shell{min-height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr)}.dash-sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--studio-line);padding:24px 14px;background:rgba(7,10,16,.94);overflow:auto}.dash-sidebar .brand-logo{width:150px;margin:0 8px 27px}.dash-menu-label{font-size:10px;color:#6e7581;text-transform:uppercase;letter-spacing:.11em;margin:22px 10px 8px}.dash-menu a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:10px;text-decoration:none;color:#9da4b1;font-size:13px;margin:3px 0}.dash-menu a:hover,.dash-menu a.active{background:linear-gradient(90deg,rgba(141,66,255,.24),rgba(141,66,255,.08));color:#fff}.dash-plan-mini{margin-top:25px;border:1px solid var(--studio-line);border-radius:14px;padding:14px;background:#0b1019}.dash-plan-mini b{display:flex;justify-content:space-between}.dash-plan-mini p{font-size:11px;color:#828a98}.dash-main{padding:18px 28px 70px;min-width:0}.dash-top{display:flex;align-items:center;gap:16px}.dash-search{height:44px;border:1px solid var(--studio-line);border-radius:12px;background:#080c13;color:#c7ccd5;padding:0 15px;flex:1;max-width:620px}.dash-top .lang-switch{margin-left:auto}.dash-welcome{display:grid;grid-template-columns:1fr 1.15fr;gap:30px;align-items:center;padding:42px 0 25px}.dash-welcome h1{font-size:45px;line-height:1.05;letter-spacing:-.045em;margin:10px 0}.dash-welcome p{color:#9ba2ae;line-height:1.6}.dash-art{height:285px;border:1px solid rgba(155,84,255,.24);border-radius:24px;background:radial-gradient(circle at 52% 55%,rgba(128,29,255,.47),transparent 28%),linear-gradient(145deg,#111522,#080b12);position:relative;overflow:hidden}.dash-art:before{content:"AG";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:90px;font-weight:1000;color:#a754ff;text-shadow:0 0 55px #7c20ff}.dash-art .dash-float{position:absolute;border:1px solid var(--studio-line);border-radius:11px;background:rgba(7,10,16,.92);padding:10px 12px;font-size:11px}.dash-float.one{left:25px;top:35px}.dash-float.two{right:24px;top:70px}.dash-float.three{right:45px;bottom:28px}.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:27px}.dash-stat{border:1px solid var(--studio-line);border-radius:15px;padding:17px;background:#0b1019}.dash-stat small{color:#858c98}.dash-stat b{display:block;font-size:24px;margin-top:8px}.dash-title-row{display:flex;align-items:center;justify-content:space-between;margin:30px 0 13px}.dash-title-row h2{font-size:20px;margin:0}.dash-tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.dash-tool-card{min-height:174px;border:1px solid var(--studio-line);border-radius:16px;background:linear-gradient(145deg,#0f1520,#090d14);padding:18px;text-decoration:none;color:#fff;position:relative}.dash-tool-card:hover{border-color:rgba(157,89,255,.45);transform:translateY(-3px)}.dash-tool-icon{font-size:31px;color:#a955ff;margin-bottom:28px}.dash-tool-card:nth-child(2n) .dash-tool-icon{color:var(--studio-lime)}.dash-tool-card h3{font-size:14px;margin:0 0 7px}.dash-tool-card p{font-size:11px;line-height:1.45;color:#838b98}.dash-account-wrap{margin-top:35px}.dash-account-wrap .account-panel{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:14px}.dash-account-wrap .account-main-card,.dash-account-wrap .account-side-card{background:#0b1019;border:1px solid var(--studio-line);border-radius:18px}.dash-account-wrap [data-account-box]{display:none}.dash-account-wrap .account-stats{grid-template-columns:repeat(3,1fr)}
@media(max-width:1050px){.studio-hero{grid-template-columns:1fr;padding-top:60px}.platform-stage{min-height:500px}.tool-showcase{grid-template-columns:1fr}.tool-showcase-copy{position:static}.dash-shell{grid-template-columns:1fr}.dash-sidebar{display:none}.dash-tool-grid{grid-template-columns:repeat(2,1fr)}.dash-account-wrap .account-panel{grid-template-columns:1fr}.dash-welcome{grid-template-columns:1fr}.dash-art{height:240px}}
@media(max-width:760px){.studio-nav{margin:8px 10px 0;padding:8px 10px}.studio-nav .nav-links{display:none}.studio-nav .brand-logo{height:33px}.studio-nav .nav-actions .account-menu-wrap,.studio-nav .nav-actions>a:not(.btn){display:none}.lang-btn{min-width:55px}.studio-shell{padding:0 18px}.studio-hero{min-height:auto;padding:52px 0 20px}.studio-hero h1{font-size:47px}.studio-hero p{font-size:16px}.platform-stage{min-height:390px;transform:scale(.82);transform-origin:top left;width:121%;margin-bottom:-75px}.platform-window{inset:20px 0}.platform-body{grid-template-columns:105px 1fr}.platform-tools{grid-template-columns:repeat(2,1fr)}.mini-tool:nth-child(n+5){display:none}.benefit-row{grid-template-columns:1fr 1fr}.benefit:nth-child(2){border-right:0}.benefit:nth-child(-n+2){border-bottom:1px solid var(--studio-line)}.tool-showcase-grid,.plan-grid-v20{grid-template-columns:1fr}.compare-row{grid-template-columns:1.35fr repeat(3,.75fr)}.compare-row>div{padding:11px 7px;font-size:10px}.faq-v20{grid-template-columns:1fr}.final-cta-v20{padding:28px;display:block}.final-cta-v20 h2{font-size:31px}.final-cta-v20 .actions{margin-top:22px;flex-wrap:wrap}.dash-main{padding:14px 16px 55px}.dash-top .dash-search{display:none}.dash-welcome h1{font-size:38px}.dash-stats{grid-template-columns:1fr 1fr}.dash-tool-grid{grid-template-columns:1fr 1fr}.dash-tool-card{min-height:160px}.dash-account-wrap .account-stats{grid-template-columns:1fr}}
/* V38 — imagens reais das ferramentas sem recorte */
.studio-tool-card .tool-visual{padding:0;background:#0b0f16!important;overflow:hidden}
.studio-tool-card .tool-visual img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#191919}

/* V39 — imagens maiores nos cards da home, sem cortar o conteúdo */
.studio-tool-card{
  min-height:275px;
}
.studio-tool-card .tool-visual{
  height:158px;
  margin:-24px -24px 18px;
  padding:10px 14px;
  background:#191919!important;
}
.studio-tool-card .tool-visual img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  background:transparent;
}
@media(max-width:760px){
  .studio-tool-card{min-height:255px}
  .studio-tool-card .tool-visual{height:145px}
}

/* V41 — cards públicos com a imagem inteira e fundo preenchido pela própria arte */
.studio-tool-card .tool-visual{position:relative;isolation:isolate;background:#0b1018!important}
.studio-tool-card .tool-visual:before{content:"";position:absolute;inset:-18px;z-index:-2;background-image:linear-gradient(rgba(6,9,15,.38),rgba(6,9,15,.5)),var(--tool-image);background-size:cover;background-position:center;filter:blur(17px) saturate(1.08);transform:scale(1.12);opacity:.7}
.studio-tool-card .tool-visual:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,12,18,.12),rgba(8,12,18,.01),rgba(8,12,18,.12))}
.studio-tool-card .tool-visual img{position:relative;z-index:1;filter:drop-shadow(0 10px 18px rgba(0,0,0,.28))}


/* V42 — cards públicos sem blur, sem fundo artificial e sem recorte */
.studio-tool-card .tool-visual{
  height:auto!important;min-height:0!important;
  margin:-24px -24px 18px!important;padding:0!important;
  background:transparent!important;overflow:hidden!important;isolation:auto!important;
}
.studio-tool-card .tool-visual:before,.studio-tool-card .tool-visual:after{display:none!important}
.studio-tool-card .tool-visual img{
  position:static!important;display:block!important;width:100%!important;height:auto!important;
  max-height:none!important;object-fit:contain!important;object-position:center!important;
  background:transparent!important;filter:none!important;padding:0!important;
}
@media(max-width:760px){.studio-tool-card .tool-visual{height:auto!important}}
