:root{
  --bg:#f4f6f9;--panel:#fff;--line:#e5e7eb;--text:#111827;--muted:#6b7280;
  --dark:#111827;--accent:#5b5bd6;--accent2:#6d5dfc;--shadow:0 12px 35px rgba(17,24,39,.08)
}
*{box-sizing:border-box}
html,body{margin:0;height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg)}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
[hidden]{display:none!important}

.login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#ececff 0,transparent 35%),linear-gradient(180deg,#f8f9fc,#eef1f6)}
.login-card{width:min(420px,92vw);background:#fff;border:1px solid #e9ebef;border-radius:22px;padding:30px;box-shadow:0 24px 70px rgba(20,27,45,.12);display:grid;gap:14px}
.login-card h1{margin:0;font-size:26px}.login-card p{margin:4px 0 10px;color:var(--muted)}
.login-card label{display:grid;gap:6px;font-size:13px;font-weight:600}
.login-card input{border:1px solid #d8dce5;border-radius:10px;padding:12px 13px;outline:none}
.login-card input:focus{border-color:#8b8cf2;box-shadow:0 0 0 3px #7778e91c}
.brand-mark{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--accent2),#3a32b6);display:grid;place-items:center;color:#fff;font-weight:900;font-size:22px}
.brand-mark.small{width:30px;height:30px;border-radius:8px;font-size:15px}
.primary{background:var(--accent2);color:white;border:0;border-radius:10px;padding:11px 15px;font-weight:700}
.wide{width:100%}

.app-shell{height:100vh;overflow:hidden}
.app-topbar{height:60px;background:#fff;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 14px;position:relative;z-index:20}
.top-left,.top-center,.top-right{display:flex;align-items:center;gap:10px}
.top-right{justify-content:flex-end}
.app-topbar button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 11px;color:#374151}
.app-topbar button:hover{background:#f7f7fb}
.app-topbar .ghost{color:#6b7280}
.divider{width:1px;height:24px;background:var(--line)}
.device-btn.active{background:#111827!important;color:#fff!important;border-color:#111827!important}
.icon-btn{font-size:18px;padding:6px 10px!important}

.main-view{height:calc(100vh - 60px);overflow:auto}

/* dashboard */
.dashboard{padding:30px;max-width:1500px;margin:auto}
.dashboard-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.dashboard-head h1{margin:0;font-size:28px}.dashboard-head p{margin:6px 0 0;color:var(--muted)}
.site-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.site-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.site-thumb{height:170px;background:linear-gradient(135deg,#f6f7fb,#e8e9f9);display:grid;place-items:center;color:#8b8fa3;font-weight:800}
.site-card-body{padding:16px}.site-card h3{margin:0 0 6px}.site-card p{margin:0 0 15px;color:var(--muted);font-size:13px}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.btn{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 12px}
.btn.dark{background:#111827;color:#fff;border-color:#111827}
.btn.danger{color:#b42318;border-color:#f2c7c2}
.empty-card{border:2px dashed #d8dce6;border-radius:16px;min-height:260px;display:grid;place-items:center;text-align:center;color:var(--muted);padding:30px;background:#fafbfc}

/* builder */
.builder{height:100%;display:grid;grid-template-columns:260px minmax(0,1fr) 280px;background:#eef1f5}
.leftbar,.rightbar{background:#fff;overflow:auto;border-color:var(--line);border-style:solid}
.leftbar{border-width:0 1px 0 0}.rightbar{border-width:0 0 0 1px}
.panel-title{padding:16px;border-bottom:1px solid var(--line);font-weight:800}
.panel-section{padding:14px;border-bottom:1px solid var(--line)}
.panel-section h4{margin:0 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#7b8190}
.element-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.element-btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px 8px;display:grid;gap:5px;text-align:center;color:#374151}
.element-btn:hover{border-color:#9697f4;background:#f9f9ff}
.element-btn .ico{font-size:20px}
.canvas-wrap{overflow:auto;padding:26px;display:flex;justify-content:center;align-items:flex-start}
.canvas-shell{width:100%;max-width:1440px;height:calc(100vh - 112px);background:#fff;box-shadow:0 14px 45px rgba(17,24,39,.14);border-radius:5px;overflow:hidden;transition:.2s}
.canvas-shell iframe{width:100%;height:100%;border:0;background:#fff}
.rightbar label{display:grid;gap:6px;font-size:12px;font-weight:700;margin-bottom:10px}
.rightbar input,.rightbar textarea,.rightbar select{width:100%;border:1px solid #d9dde6;border-radius:8px;padding:9px}
.rightbar textarea{min-height:80px;resize:vertical}
.statusbar{padding:10px 14px;font-size:12px;color:#6b7280;background:#fff;border-top:1px solid var(--line)}
.ai-box{background:linear-gradient(135deg,#17182d,#292453);color:white;border-radius:12px;padding:12px}
.ai-box textarea{background:#ffffff0f;color:white;border-color:#ffffff22}
.ai-box textarea::placeholder{color:#c6c8d5}
.ai-box button{width:100%;border:0;border-radius:9px;padding:9px;background:#fff;color:#1f2340;font-weight:800}
.prop-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}

/* chat admin */
.chat-admin{height:100%;display:grid;grid-template-columns:330px 1fr;background:#f4f6f9}
.chat-list{background:#fff;border-right:1px solid var(--line);overflow:auto}
.chat-list h2{padding:18px;margin:0;border-bottom:1px solid var(--line)}
.conv{padding:14px 16px;border-bottom:1px solid var(--line);cursor:pointer}
.conv:hover{background:#f8f9fb}.conv small{color:var(--muted)}
.chat-room{padding:24px;overflow:auto}.messages{max-width:900px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;min-height:70vh}
.msg{max-width:72%;padding:10px 12px;border-radius:13px;background:#eef1f5;margin:8px 0}
.msg.admin{margin-left:auto;background:#e7e5ff}
.reply{display:flex;gap:8px;margin-top:18px}.reply input{flex:1;border:1px solid var(--line);border-radius:10px;padding:11px}

/* Editable canvas helpers injected */
@media(max-width:1050px){.builder{grid-template-columns:220px minmax(0,1fr)}.rightbar{display:none}}


/* V4 */
.builder.v4{grid-template-columns:250px minmax(0,1fr) 300px}
.canvas-wrap{position:relative;padding-top:48px}
.canvas-toolbar{position:absolute;top:10px;left:26px;right:26px;height:28px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#667085}
.tool-stack{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.layers{display:grid;gap:5px}
.layer-group{padding:7px 6px 3px;color:#8a90a0;font-size:11px;text-transform:uppercase}
.layer{width:100%;text-align:left;border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 8px;color:#374151}
.layer.active{border-color:#7677e8;background:#f4f3ff;color:#3435a8}
.hint{display:block;color:#8b91a0;margin-top:8px;line-height:1.35}
.rightbar .prop-row{grid-template-columns:1fr 1fr}
#coordLabel{font-variant-numeric:tabular-nums}
@media(max-width:1200px){.builder.v4{grid-template-columns:220px minmax(0,1fr) 260px}}

/* ===== NEXO STUDIO V5 ===== */
.studio{height:calc(100vh - 56px);display:grid;grid-template-columns:76px 270px minmax(620px,1fr) 292px;background:#eef0f4;overflow:hidden}
.studio-rail{background:#fff;border-right:1px solid #e3e5ea;padding:10px 7px;display:flex;flex-direction:column;gap:5px}
.rail-btn{border:0;background:transparent;border-radius:10px;min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;color:#4b5563}
.rail-btn span{font-size:21px}.rail-btn small{font-size:10px}.rail-btn:hover,.rail-btn.active{background:#f0efff;color:#4f46e5}
.studio-panel{background:#fff;border-right:1px solid #e3e5ea;overflow:auto}
.studio-panel-head{padding:20px 18px 14px;border-bottom:1px solid #eee}.studio-panel-head h3{margin:0 0 5px;font-size:16px}.studio-panel-head p{margin:0;color:#7b8190;font-size:12px;line-height:1.4}
.studio-panel-section{padding:16px 14px;border-bottom:1px solid #eee}.studio-panel-section h4{font-size:11px;text-transform:uppercase;color:#8b91a0;margin:0 0 10px}
.add-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.add-card{height:76px;border:1px solid #e2e5ea;background:#fff;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.add-card:hover{border-color:#716bf2;box-shadow:0 3px 12px #0000000d}.add-card span{font-size:20px}.add-card b{font-size:12px;font-weight:500}
.studio-workspace{min-width:0;display:flex;flex-direction:column;overflow:hidden}
.studio-commandbar{height:52px;background:#fff;border-bottom:1px solid #e0e3e8;display:flex;align-items:center;justify-content:space-between;padding:0 14px;flex:none}.cmd-left,.cmd-right,.device-switch{display:flex;align-items:center;gap:7px}.iconbtn,.cmd,.device-btn{border:1px solid #dde1e7;background:#fff;border-radius:8px;padding:8px 10px;cursor:pointer}.iconbtn{font-size:17px;padding:5px 10px}.cmd{font-size:12px}.cmd.primary,.device-btn.active{background:#111827;color:#fff;border-color:#111827}.divider{width:1px;height:24px;background:#e1e4e8;margin:0 3px}#saveState{font-size:11px;color:#7c8492}
.stage-scroll{overflow:auto;flex:1;padding:0 26px 50px}.stage-ruler{height:38px;display:flex;justify-content:space-between;align-items:center;color:#8b91a0;font-size:11px;max-width:1400px;margin:auto}.studio-canvas{margin:0 auto;background:#fff;box-shadow:0 8px 28px #1b24351a;border-radius:3px;min-height:780px;transition:width .2s ease;max-width:1400px}
.studio-inspector{background:#fff;border-left:1px solid #e3e5ea;overflow:auto}.inspector-head{height:52px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.inspector-head strong{font-size:14px}.inspector-head span{font-size:11px;color:#8b91a0}.inspector-body{padding:15px}.muted{color:#8b91a0;font-size:12px}
.section-presets{padding:14px;display:grid;gap:12px}.section-presets>button{background:#fff;border:1px solid #e1e4e8;border-radius:10px;text-align:left;padding:8px;cursor:pointer}.section-presets>button:hover{border-color:#716bf2}.section-presets b,.section-presets small{display:block;margin:7px 3px 2px}.section-presets small{color:#858b98}.preset{height:92px;border-radius:7px;background:#f0f2f6;position:relative;overflow:hidden}.hero-p:before{content:"";position:absolute;left:10px;top:18px;width:48%;height:12px;background:#bbbfd0;box-shadow:0 22px 0 #d4d7e1,0 44px 0 #5b5bd6}.hero-p:after{content:"";position:absolute;right:10px;top:10px;width:35%;height:72px;background:#d7d9e2}.cards-p:before{content:"";position:absolute;left:8px;right:8px;top:28px;height:52px;background:linear-gradient(90deg,#d7d9e2 0 31%,transparent 31% 34%,#d7d9e2 34% 65%,transparent 65% 68%,#d7d9e2 68%)}.contact-p:before{content:"";position:absolute;left:10px;top:18px;width:40%;height:14px;background:#bbbfd0;box-shadow:0 25px 0 #d4d7e1}.contact-p:after{content:"";position:absolute;right:10px;top:10px;width:42%;height:72px;background:#d7d9e2}
.page-item{margin:14px;padding:12px;border:1px solid #e2e5ea;border-radius:9px;display:flex;gap:10px;align-items:center}.page-item.active{border-color:#716bf2;background:#f7f6ff}.page-item small{display:block;color:#8b91a0;margin-top:3px}.wide-ghost{margin:0 14px;width:calc(100% - 28px);border:1px solid #dfe3e8;background:#fff;border-radius:8px;padding:10px;cursor:pointer}.upload-zone{margin:16px;border:1px dashed #cdd2db;border-radius:12px;padding:20px;text-align:center;display:grid;gap:10px}.upload-zone span{font-size:30px}.upload-zone input{width:100%;font-size:11px}
.studio-layers{padding:12px}
.nexo-preset h1{font-size:56px;line-height:1.05;margin:12px 0}.nexo-preset h2{font-size:38px}.nexo-preset p{font-size:17px;line-height:1.55}.nexo-preset a,.nexo-preset button{display:inline-block;background:#5b5bd6;color:#fff;padding:13px 20px;border-radius:8px;text-decoration:none;border:0}.nexo-placeholder{height:340px;background:linear-gradient(135deg,#dfe3ec,#c7ccda);display:flex;align-items:center;justify-content:center;color:#777f91;border-radius:16px}.nexo-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.nexo-feature-grid article{border:1px solid #e2e5ea;border-radius:14px;padding:28px}.nexo-preset form{display:grid;gap:12px}.nexo-preset form input,.nexo-preset form textarea{padding:14px;border-radius:8px;border:1px solid #d8dce5;font:inherit}.nexo-preset form textarea{min-height:100px}
@media(max-width:1250px){.studio{grid-template-columns:66px 230px minmax(540px,1fr) 250px}}

/* ===== V5.1 ===== */
.unified-topbar{height:56px;grid-template-columns:1fr auto 1fr}
.unified-topbar .top-center{justify-content:center}
.unified-topbar .publish-top{background:#111827;color:#fff;border-color:#111827}
.save-state{font-size:11px;color:#7b8190;min-width:48px;text-align:center}
.studio{height:calc(100vh - 56px)}
.studio-commandbar{display:none!important}
.stage-scroll{padding-top:0}
.theme-list{padding:14px;display:grid;gap:9px}
.theme-list button{display:flex;align-items:center;gap:12px;text-align:left;padding:12px;border:1px solid #e2e5ea;border-radius:10px;background:#fff;cursor:pointer}
.theme-list button:hover{border-color:#716bf2}
.theme-list small{display:block;color:#8a90a0;margin-top:2px}
.theme-dot{width:30px;height:30px;border-radius:8px;border:1px solid #d9dde6;display:block;flex:none}
.theme-dot.clean{background:linear-gradient(135deg,#fff 50%,#111827 50%)}
.theme-dot.dark{background:linear-gradient(135deg,#111827 50%,#7c6cff 50%)}
.theme-dot.elegant{background:linear-gradient(135deg,#fbfaf7 50%,#6f5238 50%)}
.testimonial-p:before{content:"";position:absolute;left:8px;right:8px;top:20px;height:60px;background:linear-gradient(90deg,#d7d9e2 0 31%,transparent 31% 34%,#d7d9e2 34% 65%,transparent 65% 68%,#d7d9e2 68%)}
.gallery-p:before{content:"";position:absolute;inset:10px;background:linear-gradient(90deg,#d7d9e2 0 48%,transparent 48% 52%,#d7d9e2 52%),linear-gradient(#d7d9e2 0 48%,transparent 48% 52%,#d7d9e2 52%)}
.nexo-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px}
.nexo-gallery>div{height:220px;background:linear-gradient(135deg,#e2e5ec,#cfd4df);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#7b8190}
@media(max-width:1100px){.unified-topbar .top-center{display:none!important}}

/* ===== V5.2 ===== */
.layout-choice{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:11px 12px;margin-bottom:8px;border:1px solid #e1e4e8;border-radius:9px;background:#fff;cursor:pointer}
.layout-choice:hover{border-color:#716bf2;background:#faf9ff}
.layout-choice small{color:#8a90a0}
.pages-list{padding:12px;display:grid;gap:6px}
.page-row{display:flex;gap:10px;align-items:center;text-align:left;border:1px solid #e2e5ea;border-radius:9px;background:#fff;padding:10px;cursor:pointer}
.page-row:hover,.page-row.active{border-color:#716bf2;background:#f7f6ff}
.page-row span{font-size:18px}.page-row div{display:grid}.page-row small{color:#8a90a0;margin-top:2px}
.pages-new{margin-top:0}
.nexo-header-centered{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:22px 7%;border-bottom:1px solid #e5e7eb;background:#fff}
.nexo-header-centered nav{display:flex;gap:18px}.nexo-header-centered nav:last-child{justify-content:flex-end}.nexo-header-centered a{text-decoration:none;color:inherit}
.nexo-header-cta{padding:10px 15px;border-radius:8px;background:#111827;color:#fff!important}
.nexo-footer-columns{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px;padding:55px 7%;border-top:1px solid #e5e7eb;background:#111827;color:#fff}
.nexo-footer-columns>div{display:grid;gap:9px}.nexo-footer-columns a{color:#d1d5db;text-decoration:none}.nexo-footer-columns p{color:#9ca3af}
.nexo-footer-centered{text-align:center;padding:45px 7%;border-top:1px solid #e5e7eb}.nexo-footer-centered nav{display:flex;justify-content:center;gap:18px;margin:18px 0}.nexo-footer-centered a{text-decoration:none;color:inherit}.nexo-footer-centered small{color:#8a90a0}
[data-nexo-zone="main"]>section:first-child h1{position:static!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;width:auto!important;height:auto!important;max-width:950px!important;margin:12px 0!important;line-height:1.06!important}
[data-nexo-zone="main"]>section:first-child p{position:static!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;max-width:720px!important}
[data-nexo-zone="main"]>section:first-child a,[data-nexo-zone="main"]>section:first-child button{position:static!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important}
@media(max-width:700px){.nexo-header-centered{grid-template-columns:1fr}.nexo-header-centered nav{display:none}.nexo-footer-columns{grid-template-columns:1fr}}

/* ===== NEXO STUDIO V6 ===== */
.version-pill{font-size:9px;padding:3px 6px;border-radius:999px;background:#f0efff;color:#5b5bd6;font-weight:700;letter-spacing:.03em}
.inspector-section{border-bottom:1px solid #eceef2}
.inspector-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:#fff;padding:13px 14px;font-weight:700;font-size:12px;cursor:pointer}
.inspector-toggle b{font-size:12px;color:#8b91a0;transition:.15s}
.inspector-section:not(.open) .inspector-toggle b{transform:rotate(180deg)}
.inspector-content{display:none;padding:0 14px 14px}
.inspector-section.open .inspector-content{display:block}
.inspector-content label{display:grid;gap:5px;font-size:11px;font-weight:700;color:#4b5563;margin-bottom:10px}
.inspector-content input,.inspector-content textarea,.inspector-content select{width:100%;border:1px solid #dfe3e9;border-radius:8px;padding:9px;background:#fff;color:#111827}
.inspector-content textarea{min-height:82px;resize:vertical}
.quick-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}
.quick-row button{border:1px solid #e0e3e8;background:#fff;border-radius:7px;padding:7px 5px;font-size:10px;cursor:pointer}
.quick-row button:hover{border-color:#716bf2;background:#f7f6ff}
.inspector-actions{display:grid;gap:7px;padding:14px}
.inspector-actions .btn{width:100%}
.shortcut-hint{display:block;padding:0 14px 18px;color:#8b91a0;line-height:1.5}
.layer-wrap{display:grid;grid-template-columns:1fr 34px;gap:4px}
.layer-wrap.active .layer{border-color:#716bf2;background:#f7f6ff}
.layer-more{border:1px solid #e2e5ea;border-radius:7px;background:#fff;cursor:pointer}
.nexo-form{display:grid;gap:14px;max-width:720px}
.nexo-form h3{margin:0;font-size:30px}.nexo-form p{margin:0 0 6px;color:#6b7280}
.nexo-form label{display:grid;gap:6px;font-size:13px;font-weight:600}
.nexo-form input,.nexo-form textarea{width:100%;padding:13px 14px;border:1px solid #d8dde6;border-radius:9px;font:inherit;background:#fff}
.nexo-form textarea{min-height:120px;resize:vertical}
.nexo-form button{justify-self:start;border:0;background:#111827;color:#fff;padding:12px 20px;border-radius:9px;font-weight:700}
.nexo-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1200px;margin:auto}
.nexo-cta-inner span{font-size:12px;letter-spacing:.12em;font-weight:800}.nexo-cta-inner h2{font-size:44px;max-width:720px;margin:8px 0}.nexo-cta-inner p{max-width:650px}.nexo-cta-inner a{background:#fff!important;color:#111827!important;white-space:nowrap}
.nexo-faq{display:grid;gap:10px;max-width:900px;margin-top:30px}.nexo-faq details{border:1px solid #e1e5eb;border-radius:10px;padding:16px 18px;background:#fff}.nexo-faq summary{cursor:pointer;font-weight:700}.nexo-faq p{color:#6b7280}
.nexo-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.nexo-pricing article{border:1px solid #e1e5eb;border-radius:16px;padding:30px;background:#fff}.nexo-pricing article.featured{border-color:#5b5bd6;box-shadow:0 12px 35px rgba(91,91,214,.12)}.nexo-pricing h3{font-size:38px;margin:12px 0}.nexo-pricing a{margin-top:15px}
.cta-p:before{content:"";position:absolute;left:10px;right:10px;top:26px;height:40px;background:#5b5bd6;border-radius:6px}
.faq-p:before{content:"";position:absolute;left:10px;right:10px;top:15px;height:14px;background:#c8ccd6;box-shadow:0 22px 0 #d8dbe3,0 44px 0 #d8dbe3,0 66px 0 #d8dbe3}
.pricing-p:before{content:"";position:absolute;left:8px;right:8px;top:16px;height:68px;background:linear-gradient(90deg,#d6dae4 0 31%,transparent 31% 34%,#c9cce0 34% 65%,transparent 65% 68%,#d6dae4 68%)}
@media(max-width:700px){.nexo-cta-inner{flex-direction:column;align-items:flex-start}.nexo-pricing{grid-template-columns:1fr}}

/* ===== NEXO STUDIO V7 ===== */
.studio-tip{margin:14px;padding:12px;border-radius:10px;background:#f7f6ff;border:1px solid #e3e0ff;color:#4f46e5}
.studio-tip b{font-size:11px}.studio-tip p{font-size:11px;line-height:1.4;margin:5px 0 0;color:#6f6aad}
.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#f3f4f6;padding:4px;border-radius:9px;margin-bottom:10px}
.mode-switch button{border:0;background:transparent;border-radius:7px;padding:8px;font-size:10px;cursor:pointer}
.mode-switch button.active{background:#fff;box-shadow:0 1px 4px #00000012;color:#4f46e5;font-weight:700}
.nudge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:10px 0}
.nudge-grid button{border:1px solid #e0e3e8;background:#fff;border-radius:7px;padding:7px;font-size:10px;cursor:pointer}
.media-grid{padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.media-card{border:1px solid #e2e5ea;background:#fff;border-radius:9px;padding:5px;cursor:pointer;overflow:hidden;text-align:left}
.media-card:hover{border-color:#716bf2}.media-card img{width:100%;aspect-ratio:1.2;object-fit:cover;border-radius:6px;display:block}.media-card span{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px;color:#6b7280}
.media-empty,.media-loading{grid-column:1/-1;padding:18px;text-align:center;color:#8a90a0;font-size:11px}
[data-nexo-free="1"]{cursor:move}[data-nexo-free="1"]:active{cursor:grabbing}
.nexo-form{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;max-width:760px!important;margin:0!important}
.nexo-form h3,.nexo-form>p,.nexo-form label:last-of-type,.nexo-form button{grid-column:1/-1!important}
.nexo-form label{display:grid!important;gap:6px!important}
@media(max-width:700px){.nexo-form{grid-template-columns:1fr!important}}

/* ===== NEXO STUDIO V8 CORE ENGINE ===== */
.version-pill{background:#ecebff;color:#4f46e5}
.nexo-overlay-box{box-shadow:0 0 0 1px rgba(91,91,214,.05)}
.nexo-resize{border-radius:2px!important}
[data-nexo-free="1"]{touch-action:none;user-select:none}
[data-nexo-free="1"][data-nexo-locked="1"]{cursor:not-allowed!important}
.engine-badge{font-size:9px;color:#6b7280}
.studio-tip button{margin:9px 0 0;width:100%}
.inspector-content input:focus,.inspector-content textarea:focus,.inspector-content select:focus{outline:0;border-color:#716bf2;box-shadow:0 0 0 3px rgba(113,107,242,.10)}

/* ===== NEXO STUDIO V9 ===== */
.save-top{background:#fff!important;color:#111827!important;border:1px solid #dfe3e8!important;font-weight:700}
.save-top:hover{border-color:#716bf2!important;background:#faf9ff!important}
.nexo-container{box-shadow:0 5px 18px rgba(0,0,0,.04)}
.nexo-logo-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;align-items:center;margin-top:25px}
.nexo-logo-strip span{height:70px;border:1px solid #e2e5ea;border-radius:10px;display:grid;place-items:center;color:#8a90a0;background:#fafafa}
.nexo-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:auto}.nexo-stats article{display:grid;gap:5px;text-align:center}.nexo-stats strong{font-size:42px}.nexo-stats span{color:#c8ccd5}
.nexo-split-media{min-height:360px;border-radius:18px;background:linear-gradient(135deg,#dfe3ec,#bcc5d5);display:grid;place-items:center;color:#737b89;font-weight:800}
.nexo-preset.split-p{}
.logos-p:before{content:"";position:absolute;left:8px;right:8px;top:35px;height:28px;background:linear-gradient(90deg,#d7d9e2 0 17%,transparent 17% 20%,#d7d9e2 20% 37%,transparent 37% 40%,#d7d9e2 40% 57%,transparent 57% 60%,#d7d9e2 60% 77%,transparent 77% 80%,#d7d9e2 80%)}
.stats-p:before{content:"";position:absolute;inset:16px 8px;background:linear-gradient(90deg,#c7cbd6 0 22%,transparent 22% 26%,#c7cbd6 26% 48%,transparent 48% 52%,#c7cbd6 52% 74%,transparent 74% 78%,#c7cbd6 78%)}
.split-p:before{content:"";position:absolute;left:8px;top:8px;width:44%;height:76px;background:#cfd4df;border-radius:5px}.split-p:after{content:"";position:absolute;right:8px;top:20px;width:42%;height:12px;background:#bfc4cf;box-shadow:0 22px 0 #d6dae2,0 44px 0 #d6dae2}
@media(max-width:700px){.nexo-logo-strip,.nexo-stats{grid-template-columns:1fr 1fr}.nexo-preset[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}}

/* ===== NEXO STUDIO V10 LAYOUT ENGINE ===== */
.panel-label{display:grid;gap:6px;font-size:11px;font-weight:700;color:#4b5563;margin-bottom:10px}
.panel-label select{border:1px solid #dfe3e9;border-radius:8px;padding:9px;background:#fff}
.studio-canvas{overflow-x:hidden!important}
.studio-canvas iframe{display:block;width:100%;max-width:100%;border:0}
[data-device="tablet"] iframe,[data-device="celular"] iframe{margin:0 auto}
.nexo-layout-container{width:100%;box-sizing:border-box}
[data-nexo-zone="main"]>section{overflow:hidden}
[data-nexo-zone="main"] img,[data-nexo-zone="main"] video,[data-nexo-zone="main"] iframe{max-width:100%}
@media(max-width:900px){
  .nexo-feature-grid,.nexo-pricing,.nexo-stats,.nexo-logo-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .nexo-preset[style*="grid-template-columns:1fr 1fr"],.nexo-preset[style*="grid-template-columns:1.1fr .9fr"]{grid-template-columns:1fr!important}
}
@media(max-width:520px){
  .nexo-feature-grid,.nexo-pricing,.nexo-stats,.nexo-logo-strip,.nexo-gallery{grid-template-columns:1fr!important}
  [data-nexo-zone="main"]>section{padding-left:20px!important;padding-right:20px!important}
  .nexo-header-inner,.nexo-footer-inner,.nexo-header-centered,.nexo-footer-columns,.nexo-footer-centered{padding-left:20px!important;padding-right:20px!important}
  h1{font-size:clamp(36px,11vw,56px)!important}
  h2{font-size:clamp(28px,8vw,42px)!important}
}

/* V11 design gallery */
.theme-dot.neon{background:linear-gradient(135deg,#09070f 45%,#7c3aed 46% 72%,#22e6a8 73%)}
.theme-dot.crypto{background:linear-gradient(135deg,#160a84,#6d28d9 55%,#ff4fc8)}
.design-template{width:100%;min-height:112px;border:1px solid #dfe3ea;border-radius:12px;padding:16px;text-align:left;margin:0 0 10px;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative;color:#fff}
.design-template:before{content:"";position:absolute;inset:0;opacity:.92;z-index:0}.design-template>*{position:relative;z-index:1}.design-template b{font-size:16px}.design-template small{display:block;margin:5px 0 10px;color:#eee}.design-template span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.crypto-card:before{background:radial-gradient(circle at 80% 20%,#a855f7,transparent 30%),linear-gradient(135deg,#180a85,#4c1d95)}.gaming-card:before{background:radial-gradient(circle at 75% 20%,#5b218f,transparent 35%),linear-gradient(135deg,#171018,#08080c)}

/* ===== NEXO STUDIO V12 ===== */
.design-template{width:100%;height:92px;border:1px solid #272b35;border-radius:12px;margin-bottom:10px;padding:14px;text-align:left;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative;color:#fff;cursor:pointer}
.design-template:before{content:"";position:absolute;inset:0;opacity:.88}
.design-template>*{position:relative;z-index:1}.design-template span{font-weight:900;letter-spacing:.04em}.design-template small{opacity:.8;margin-top:4px}
.design-template.crypto{background:#140728}.design-template.crypto:before{background:radial-gradient(circle at 75% 25%,#7a32ff 0,#331378 35%,#120624 75%)}
.design-template.gaming{background:#09090c}.design-template.gaming:before{background:linear-gradient(135deg,#2c1126,#09090c 50%,#401a37)}
.global-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.global-actions button{border:1px solid #dfe3e9;background:#fff;border-radius:8px;padding:8px;font-size:10px;cursor:pointer}
.layer-wrap{grid-template-columns:1fr 30px 30px!important}.layer-mini{border:1px solid #e2e5ea;background:#fff;border-radius:7px;cursor:pointer;font-size:11px}.layer{display:flex!important;justify-content:space-between;align-items:center;gap:8px}.layer small{color:#999;font-size:9px}

/* ===== NEXO STUDIO V13 ===== */
.layer-wrap{grid-template-columns:1fr 28px 28px 28px 28px!important}
.layer-mini{min-width:28px;padding:0!important}
.design-template{box-shadow:0 10px 24px rgba(0,0,0,.10)}
[data-device="tablet"]{max-width:820px;margin:0 auto}
[data-device="celular"]{max-width:390px;margin:0 auto}
[data-device="celular"] .stage-ruler{max-width:390px}
[data-device="tablet"] .stage-ruler{max-width:820px}

/* ===== NEXO STUDIO V14 — EDITOR CORE ===== */
html,body{max-width:100%;overflow-x:hidden}
.topbar,.studio-topbar,.editor-topbar{width:100%!important;max-width:none!important;box-sizing:border-box}
#app,.app-shell,.editor-shell,.studio-shell{width:100%;max-width:100%;box-sizing:border-box}
#canvasShell{box-sizing:border-box;margin-left:auto;margin-right:auto;transition:width .18s ease;overflow:hidden}
.canvas-wrap,.stage-wrap,.workspace{min-width:0;box-sizing:border-box}
body:has(#canvasShell){background:#eef1f5}
.layer-wrap{grid-template-columns:minmax(0,1fr) 28px 28px 28px 28px!important}
.nexo-anchor-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;padding:3px 7px;border-radius:999px;background:#e8f0ff;color:#2557b8;margin-top:6px}
.v14-help{font-size:11px;color:#7c8494;line-height:1.45;margin-top:8px}
.v14-link-grid{display:grid;gap:8px}
.v14-link-grid input,.v14-link-grid select{width:100%;box-sizing:border-box}
.v14-action-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.v14-action-row button{min-width:0}
.v14-dragging{opacity:.92;cursor:grabbing!important;outline:2px solid #6c7cff!important;outline-offset:2px}
.v14-drop-target{outline:2px dashed #7d8cff!important;outline-offset:4px}

/* ===== NEXO STUDIO V15 ===== */
html,body,#app{width:100%!important;max-width:none!important;margin:0!important}
.app-topbar,.unified-topbar{left:0!important;right:0!important;width:100vw!important;max-width:none!important;margin:0!important;border-radius:0!important}
.studio{width:100%!important;max-width:none!important}
[data-nexo-zone="header"],[data-nexo-zone="footer"]{width:100%!important;max-width:none!important;margin:0!important}
.v12-crypto-header,.v12-game-header,.v12-crypto-footer,.v12-game-footer{width:100%!important;max-width:none!important;margin:0!important;box-sizing:border-box!important}
.nexo-selected-direct{outline:1px solid #6b70ff!important;outline-offset:2px}
.nexo-direct-handle{position:fixed;width:8px;height:8px;background:#fff;border:1.5px solid #6267ff;border-radius:2px;z-index:2147483647;cursor:nwse-resize}
.nexo-is-moving{cursor:grabbing!important;user-select:none!important}
.nexo-v15-guide{position:fixed;top:0;bottom:0;width:1px;background:#ff3b81;z-index:2147483644;pointer-events:none}
[data-nexo-id]:not([data-nexo-zone]){cursor:default}
[data-nexo-id]:not([data-nexo-zone]).nexo-selected-direct{cursor:move}
.nexo-columns>*{min-width:0}
@media(max-width:700px){.nexo-columns{grid-template-columns:1fr!important}}


/* =========================================================
   NEXO STUDIO V16 — POLISH
   ========================================================= */
.top-tool-btn{height:34px;border:1px solid #e1e5ec!important;border-radius:8px!important;background:#fff!important;padding:0 10px!important;font-size:12px!important;font-weight:700!important;color:#252b36!important}
.top-tool-btn:hover{background:#f6f7fb!important;border-color:#cdd2dc!important}
.studio-inspector{background:#f7f8fb;border-left:1px solid #e4e7ed}
.inspector-head{background:#fff;position:sticky;top:0;z-index:8;height:54px;padding:0 15px;border-bottom:1px solid #e7e9ef}
.inspector-body{padding:10px}
.inspector-section{background:#fff;border:1px solid #e5e8ee;border-radius:12px;margin-bottom:9px;overflow:hidden;box-shadow:0 1px 2px rgba(17,24,39,.03)}
.inspector-toggle{padding:13px 12px;background:#fff;font-size:12px}
.inspector-content{padding:0 12px 12px}
.inspector-actions{background:#fff;border:1px solid #e5e8ee;border-radius:12px;padding:10px;margin-top:9px}
.v16-link-tools{margin-top:10px;padding-top:10px;border-top:1px solid #edf0f4}
.v16-tool-title{font-size:11px;font-weight:800;color:#596273;margin-bottom:7px;text-transform:uppercase;letter-spacing:.04em}
.v16-tool-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.v16-tool-row button{border:1px solid #dde2e9;background:#f8f9fb;border-radius:8px;padding:8px 6px;font-size:11px;font-weight:700;cursor:pointer}
.v16-tool-row button:hover{background:#eef0ff;border-color:#c8c5ff}
.v16-tool-row.compact{margin-top:6px}
.v16-current-dest{font-size:10px;color:#6b7280;padding:7px 2px;overflow-wrap:anywhere}
.nexo-direct-handle{width:9px!important;height:9px!important;border-radius:2px!important;background:#fff!important;border:2px solid #675cf5!important;box-shadow:0 1px 4px rgba(0,0,0,.15)!important;z-index:2147483646!important;cursor:nwse-resize!important}
.nexo-selected-direct{outline:1.5px solid #675cf5!important;outline-offset:1px!important}
.nexo-is-moving{cursor:grabbing!important;user-select:none!important}
.shortcut-hint{display:block;background:#f7f8fb;border-radius:8px;padding:9px;margin-top:8px;line-height:1.45}

/* ===== NEXO STUDIO V17 ===== */
.nexo-selected-direct{user-select:none!important;-webkit-user-select:none!important}
.nexo-selected-direct *{user-select:none!important;-webkit-user-select:none!important}
.nexo-drag-ready,.nexo-is-moving{cursor:grabbing!important;touch-action:none!important}
.v17-align-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:7px 0}
.v17-align-row:nth-of-type(2){grid-template-columns:repeat(4,1fr)}
.v17-align-row button{border:1px solid #dde2e9;background:#f8f9fb;border-radius:7px;padding:7px 4px;font-size:10px;cursor:pointer}
.v17-tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:8px 0}
.v17-tool-grid button{min-height:58px;border:1px solid #e2e6ed;background:#fff;border-radius:10px;display:grid;place-items:center;gap:2px;font-size:18px;cursor:pointer}
.v17-tool-grid b{font-size:10px}
.nexo-gallery-v17{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:28px 6%;width:100%;box-sizing:border-box}
.nexo-gallery-v17 img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
.nexo-social-v17{display:flex;gap:12px;flex-wrap:wrap;padding:20px 6%}.nexo-social-v17 a{padding:10px 14px;border:1px solid #dfe3e8;border-radius:999px;text-decoration:none;color:inherit}
.nexo-icon-v17{font-size:52px;padding:20px 6%;width:fit-content}
.nexo-embed-v17,.nexo-map-v17{margin:24px 6%;padding:32px;border:1px dashed #cfd5df;border-radius:14px;background:#f8f9fb;color:#485060;display:grid;gap:8px}
.nexo-anim-fade{animation:nexoFade .45s ease both}.nexo-anim-rise{animation:nexoRise .45s ease both}.nexo-anim-zoom{animation:nexoZoom .35s ease both}
[data-nexo-hover="lift"]:hover{transform:translateY(-6px)!important;box-shadow:0 16px 32px rgba(0,0,0,.14)!important}
[data-nexo-hover="scale"]:hover{transform:scale(1.03)!important}
[data-nexo-hover="glow"]:hover{box-shadow:0 0 0 3px rgba(108,92,245,.18),0 12px 36px rgba(108,92,245,.22)!important}
@keyframes nexoFade{from{opacity:0}to{opacity:1}}@keyframes nexoRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes nexoZoom{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@media(max-width:700px){.nexo-gallery-v17{grid-template-columns:1fr}}

/* ===== NEXO STUDIO V18 ===== */
[data-nexo-free="1"]{touch-action:none!important;cursor:move!important;z-index:2}
[data-nexo-free="1"].nexo-selected-direct{z-index:3}
.v18-mode{font-size:10px;font-weight:800;color:#6b7280;background:#f4f5f8;border-radius:7px;padding:7px 9px;margin-bottom:8px}
.v18-three,.v18-four{display:grid;gap:6px;margin:7px 0}.v18-three{grid-template-columns:repeat(3,1fr)}.v18-four{grid-template-columns:repeat(4,1fr)}
.v18-three button,.v18-four button,.v18-field-grid button{border:1px solid #dde2e9;background:#f8f9fb;border-radius:7px;padding:7px 4px;font-size:10px;cursor:pointer}
.v18-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
[data-nexo-zone="main"] section{box-sizing:border-box;max-width:100%!important}
.nexo-basic-section,.v12-crypto-cta-section,.v12-game-leader{overflow:visible!important}

/* NEXO STUDIO V19 */
.app-topbar.unified-topbar{left:0!important;right:0!important;width:100%!important;max-width:none!important;margin:0!important;border-radius:0!important;box-sizing:border-box!important}
.main-view,.studio-shell,.studio-canvas-area{max-width:100%!important;box-sizing:border-box!important}
.v19-context-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;margin:-2px -2px 12px;border-bottom:1px solid #e7e9ef;background:#f8f9fc;border-radius:10px 10px 0 0}
.v19-context-title strong{font-size:14px}.v19-context-title span{font-size:11px;color:#7a8191}
.publish-top:disabled{opacity:.55;cursor:wait}

/* ===== NEXO STUDIO V20 ===== */
.nexo-insertion-caret{height:18px!important;position:relative!important;width:100%!important;pointer-events:none!important;display:block!important;clear:both!important}
.nexo-insertion-caret:before{content:"";position:absolute;left:16px;right:16px;top:8px;height:2px;background:#675cf5;animation:nexoCaretBlink 1s steps(1) infinite}
.nexo-insertion-caret span{position:absolute;left:12px;top:4px;width:10px;height:10px;border-radius:50%;background:#675cf5}
@keyframes nexoCaretBlink{0%,48%{opacity:1}49%,100%{opacity:.25}}
.v20-empty-inspector{background:#fff;border:1px solid #e5e8ee;border-radius:12px;padding:14px;color:#4b5563}.v20-empty-inspector strong{display:block;color:#111827;margin-bottom:6px}
.v20-grid2{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:7px 0}.v20-grid2 button{border:1px solid #dde2e9;background:#f8f9fb;border-radius:7px;padding:8px 4px;font-size:10px;cursor:pointer}
[data-nexo-free="1"]{cursor:move!important;touch-action:none!important}
[data-nexo-free="1"].nexo-selected-direct{z-index:20!important}
[data-nexo-zone="main"]{overflow-x:hidden!important}
[data-nexo-zone="main"]>section{max-width:100%!important;box-sizing:border-box!important}
img,video,iframe{box-sizing:border-box!important;max-width:100%!important}

/* NEXO V21 - direct manipulation */
[data-nexo-zone="main"]{position:relative!important;overflow-x:hidden!important;box-sizing:border-box!important}
[data-nexo-id][data-nexo-free="1"]{box-sizing:border-box!important;touch-action:none}
[data-nexo-id].nexo-is-moving{cursor:grabbing!important;opacity:.96}
.nexo-selected-direct{cursor:grab!important}
.v21-layer-tools{margin:0 0 14px;padding:12px;border:1px solid #e4e7ec;border-radius:10px;background:#f8f9fc}
.v21-layer-title{font-size:12px;font-weight:800;margin-bottom:8px}.v21-layer-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.v21-layer-row button{min-height:34px;border:1px solid #d7dce5;border-radius:8px;background:#fff;font-size:11px;font-weight:700;cursor:pointer}.v21-layer-tools small{display:block;margin-top:8px;color:#667085;line-height:1.35}

/* ===== NEXO V21.2 — BASICS ===== */
.v212-format-row{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:8px 0}
.v212-format-row button{height:34px;border:1px solid #dde2e9;background:#fff;border-radius:7px;cursor:pointer;font-size:12px}
.v212-format-row button:hover{background:#f0efff;border-color:#c9c5ff}
.v212-brand-panel{border-top:1px solid #eceff4;margin-top:4px;padding-top:12px}
[data-nexo-logo="1"]{object-fit:contain!important;flex:none}

/* ===== NEXO V22 ===== */
.nexo-direct-handle{position:fixed!important;width:9px!important;height:9px!important;border:2px solid #fff!important;background:#675cf5!important;border-radius:2px!important;z-index:2147483647!important;pointer-events:auto!important}
.nexo-handle-n,.nexo-handle-s{cursor:ns-resize!important}
.nexo-handle-e,.nexo-handle-w{cursor:ew-resize!important}
.nexo-handle-ne,.nexo-handle-sw{cursor:nesw-resize!important}
.nexo-handle-nw,.nexo-handle-se{cursor:nwse-resize!important}
.nexo-is-moving{cursor:grabbing!important;user-select:none!important}
[data-nexo-id]:not([data-nexo-zone]){touch-action:none}

/* V22.2 */
[data-nexo-locked="1"]{cursor:not-allowed!important}

/* V23 */
.publish-top{display:inline-flex!important;align-items:center;justify-content:center;font-weight:700}
.view-published-top{display:inline-flex;align-items:center;justify-content:center}
.nexo-is-moving{cursor:grabbing!important;user-select:none!important}

.v24-size-row{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:7px 0}.v24-size-row button{border:1px solid #dde2e9;background:#f8f9fb;border-radius:7px;padding:7px 3px;font-size:10px;cursor:pointer}
.v24-check{display:flex!important;align-items:center;gap:7px;font-size:10px;margin:7px 0}.v24-check input{width:auto!important}.publish-top{background:#111827!important;color:#fff!important}

.nexo-selected-direct{outline:2px solid #5b5cff!important;outline-offset:2px!important}
.nexo-direct-handle{width:11px!important;height:11px!important;background:#fff!important;border:2px solid #5b5cff!important;border-radius:2px!important;box-shadow:0 1px 5px rgba(0,0,0,.25)!important;z-index:2147483647!important}
.nexo-handle-n,.nexo-handle-s{cursor:ns-resize!important}.nexo-handle-e,.nexo-handle-w{cursor:ew-resize!important}.nexo-handle-ne,.nexo-handle-sw{cursor:nesw-resize!important}.nexo-handle-nw,.nexo-handle-se{cursor:nwse-resize!important}
[data-nexo-id]:not([data-nexo-zone]){touch-action:none}.nexo-selected-direct{cursor:grab!important}.nexo-is-moving{cursor:grabbing!important}


/* ===== NEXO V27 CONTROLES ===== */
.nexo-direct-handle{
  position:fixed!important;
  width:12px!important;
  height:12px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border:2px solid #5b5cff!important;
  border-radius:2px!important;
  z-index:2147483647!important;
  pointer-events:auto!important;
  touch-action:none!important;
}
.nexo-handle-n,.nexo-handle-s{cursor:ns-resize!important}
.nexo-handle-e,.nexo-handle-w{cursor:ew-resize!important}
.nexo-handle-ne,.nexo-handle-sw{cursor:nesw-resize!important}
.nexo-handle-nw,.nexo-handle-se{cursor:nwse-resize!important}
.nexo-selected-direct{
  outline:2px solid #5b5cff!important;
  outline-offset:2px!important;
}
.nexo-is-moving{cursor:grabbing!important}
/* ===== FIM V27 ===== */


/* ===== NEXO V28 ===== */
.nexo-direct-handle{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
[data-nexo-id].nexo-selected-direct{outline:2px solid #5b5cff!important;outline-offset:2px!important}
body[data-device="tablet"] img[data-nexo-id],body[data-device="tablet"] video[data-nexo-id],body[data-device="celular"] img[data-nexo-id],body[data-device="celular"] video[data-nexo-id]{max-width:100%!important}
/* ===== FIM V28 ===== */

/* ===== NEXO V35 ===== */
.nexo-direct-handle{position:fixed!important;width:16px!important;height:16px!important;box-sizing:border-box!important;background:#fff!important;border:3px solid #5b5cff!important;border-radius:3px!important;z-index:2147483647!important;pointer-events:auto!important;touch-action:none!important;user-select:none!important}
.nexo-handle-n,.nexo-handle-s{cursor:ns-resize!important}.nexo-handle-e,.nexo-handle-w{cursor:ew-resize!important}.nexo-handle-ne,.nexo-handle-sw{cursor:nesw-resize!important}.nexo-handle-nw,.nexo-handle-se{cursor:nwse-resize!important}
/* ===== FIM NEXO V35 ===== */


/* ===== NEXO V82 PREMIUM CASINO CARD ===== */
.design-template.premium-casino{
  background:#0a0907;
}
.design-template.premium-casino:before{
  background:
    radial-gradient(circle at 80% 25%,#c18b37 0,#563816 24%,transparent 48%),
    linear-gradient(135deg,#090807,#21170c 55%,#070707);
}

/* ========================================================
   NEXO RESPONSIVE SAFETY
   Crypto Responsive + Premium Casino
   ======================================================== */

.design-template.crypto-responsive{
  background:
    radial-gradient(circle at 80% 20%,#723cff 0,transparent 38%),
    linear-gradient(135deg,#16052f,#31137b);
  color:#fff;
}

/*
  PREMIUM CASINO:
  impede qualquer imagem principal de ultrapassar
  o container visual do template.
*/
.v12-casino-hero img,
.premium-casino-hero img,
[class*="casino"] img{
  max-width:100% !important;
  height:auto !important;
  object-fit:contain !important;
}

/*
  Segurança para os dois templates.
*/
.nxr-hero *,
.nxr-features *,
.nxr-about *,
.nxr-contact *{
  box-sizing:border-box;
}



/* ===== CORREÇÃO DEFINITIVA HEADER / MENU RESPONSIVO ===== */
header, .nexo-header, .nexo-header-inner {
  width: 100% !important;
  max-width: 100vw !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 15px 5% !important;
  margin: 0 !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  position: relative !important;
}

.nexo-header-inner > nav, header nav {
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
  flex-wrap: wrap !important;
}

.nexo-header-inner img, header img {
  max-height: 48px !important;
  width: auto !important;
  object-fit: contain !important;
}

/* Ajuste Tablet e Celular */
@media (max-width: 900px) {
  header, .nexo-header, .nexo-header-inner {
    padding: 12px 4% !important;
    gap: 15px !important;
  }
  .nexo-header-inner > nav, header nav {
    gap: 14px !important;
  }
}

@media (max-width: 600px) {
  header, .nexo-header, .nexo-header-inner {
    flex-direction: column !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 15px !important;
    gap: 12px !important;
  }
  .nexo-header-inner > nav, header nav {
    justify-content: center !important;
    gap: 10px !important;
  }
}


/* ===== UNIVERSAL HEADER FULL-WIDTH (TODOS OS DESIGNS) ===== */
header, 
[data-nexo-zone="header"], 
[data-nexo-zone="header"] > div,
.bar, 
.nexo-header, 
.nexo-header-inner,
.v12-crypto-header,
.v12-gaming-header,
.v85-casino-header {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 14px 5% !important;
  margin: 0 !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  position: relative !important;
  grid-template-columns: none !important;
}

/* Garante que nenhum wrapper centralizador de 1180px/1200px esprema o menu */
.v12-wrap:has(header),
.v12-wrap:has([data-nexo-zone="header"]),
.v12-wrap:has(.v12-crypto-header),
.v12-wrap:has(.v12-gaming-header),
.v12-wrap:has(.v85-casino-header) {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Alinhamento dos links de navegação para todos os modelos */
header nav, 
[data-nexo-zone="header"] nav,
.v12-crypto-header nav,
.v12-gaming-header nav,
.v85-casino-header nav {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 26px !important;
  flex: 1 !important;
}

/* Logos padronizados */
header img, 
[data-nexo-zone="header"] img {
  max-height: 48px !important;
  width: auto !important;
  object-fit: contain !important;
}

/* Responsividade Tablet / Mobile para todos os modelos */
@media (max-width: 860px) {
  header, [data-nexo-zone="header"], [data-nexo-zone="header"] > div {
    padding: 12px 4% !important;
    gap: 14px !important;
  }
  header nav, [data-nexo-zone="header"] nav {
    gap: 16px !important;
  }
}

@media (max-width: 640px) {
  header, [data-nexo-zone="header"], [data-nexo-zone="header"] > div {
    flex-direction: column !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 12px !important;
    padding: 14px 4% !important;
  }
  header nav, [data-nexo-zone="header"] nav {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px !important;
  }
}


/* ===== HEADER ALINHADO AO CONTEÚDO (GRID SIMÉTRICO) ===== */
header, [data-nexo-zone="header"] {
  width: 100% !important;
  background: #120a2c !important;
  display: flex !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
}

.v12-crypto-header,
.v85-casino-header,
.nexo-header-inner {
  width: min(1180px, calc(100% - 64px)) !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 16px 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
}

.v12-crypto-header nav,
.v85-casino-header nav,
.nexo-header-inner nav {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 28px !important;
  flex: 1 !important;
}

.v12-crypto-header img,
.v85-casino-header img,
.nexo-header-inner img {
  max-height: 48px !important;
  width: auto !important;
  object-fit: contain !important;
}

@media (max-width: 860px) {
  .v12-crypto-header, .v85-casino-header, .nexo-header-inner {
    width: calc(100% - 32px) !important;
    gap: 15px !important;
  }
}

@media (max-width: 640px) {
  .v12-crypto-header, .v85-casino-header, .nexo-header-inner {
    flex-direction: column !important;
    gap: 12px !important;
    padding: 14px 0 !important;
  }
}


/* ===== MENU MOBILE DEFINITIVO (HAMBÚRGUER + BOTÃO) ===== */
.nexo-mobile-toggle {
  display: none !important;
  background: transparent;
  border: none;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
  padding: 4px 8px;
  line-height: 1;
}

@media (max-width: 768px) {
  /* Forçar cabeçalho em linha única no mobile */
  header > .v12-wrap, header > .v82-casino-wrap,
  [data-nexo-zone="header"] > .v12-wrap, [data-nexo-zone="header"] > .v82-casino-wrap,
  .v12-crypto-header, .v82-casino-header {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
  }

  /* Ocultar a barra de links tradicional da linha do topo */
  header nav, [data-nexo-zone="header"] nav,
  .v12-crypto-header nav, .v82-casino-header nav {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    width: 100% !important;
    background: #120a2c !important;
    flex-direction: column !important;
    padding: 20px 0 !important;
    gap: 16px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.6) !important;
    z-index: 99999 !important;
  }

  /* Quando o menu estiver aberto */
  header nav.active, [data-nexo-zone="header"] nav.active,
  .v12-crypto-header nav.active, .v82-casino-header nav.active {
    display: flex !important;
  }

  /* Exibir o botão do menu hambúrguer */
  .nexo-mobile-toggle {
    display: block !important;
  }

  /* Agrupar Botão + Hambúrguer na direita */
  header > div:last-child, [data-nexo-zone="header"] > div:last-child,
  .v12-crypto-header > div:last-child, .v82-casino-header > div:last-child {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  /* Ajuste de tamanho do botão para caber em telas pequenas */
  header a[href="#comecar"], header a[href="#entrar"],
  [data-nexo-zone="header"] a[href="#comecar"], [data-nexo-zone="header"] a[href="#entrar"] {
    padding: 8px 16px !important;
    font-size: 13px !important;
  }
}


/* ===== CORREÇÃO DEFINITIVA MOBILE HEADER ===== */
@media (max-width: 768px) {
  /* Linha única de ponta a ponta */
  header > .v12-wrap, header > .v82-casino-wrap,
  [data-nexo-zone="header"] > .v12-wrap, [data-nexo-zone="header"] > .v82-casino-wrap,
  .v12-crypto-header, .v82-casino-header {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
  }

  /* Ocultar links da barra principal */
  header nav, [data-nexo-zone="header"] nav,
  .v12-crypto-header nav, .v82-casino-header nav {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    width: 100% !important;
    background: #0f0a1c !important;
    flex-direction: column !important;
    padding: 18px 0 !important;
    gap: 14px !important;
    text-align: center !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.8) !important;
    z-index: 999999 !important;
  }

  /* Exibir menu quando ativo */
  header nav.active, [data-nexo-zone="header"] nav.active,
  .v12-crypto-header nav.active, .v82-casino-header nav.active {
    display: flex !important;
  }

  /* Bloco da direita: Botão + Hambúrguer alinhados lado a lado sem sobreposição */
  header > div:last-child, [data-nexo-zone="header"] > div:last-child,
  .v12-crypto-header > div:last-child, .v82-casino-header > div:last-child {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    min-width: auto !important;
  }

  /* Botão de ação compacto */
  header a[href="#comecar"], header a[href="#entrar"], header a[href="#jogar"],
  [data-nexo-zone="header"] a[href="#comecar"], [data-nexo-zone="header"] a[href="#entrar"], [data-nexo-zone="header"] a[href="#jogar"] {
    padding: 8px 14px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    display: inline-block !important;
  }

  /* Botão hambúrguer limpo */
  .nexo-mobile-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 6px !important;
    color: #fff !important;
    font-size: 20px !important;
    cursor: pointer !important;
    padding: 0 !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
  }
}


/* ===== EXCLUSIVO CELULAR (NÃO ALTERA O DESKTOP) ===== */
@media screen and (max-width: 768px) {
  header nav, [data-nexo-zone="header"] nav {
    display: none !important;
  }
  header > div, [data-nexo-zone="header"] > div {
    padding: 12px 16px !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
  }
  header > div > div:last-child, [data-nexo-zone="header"] > div > div:last-child {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: auto !important;
  }
  header a[href="#acao"], [data-nexo-zone="header"] a[href="#acao"] {
    display: inline-block !important;
    padding: 8px 14px !important;
    font-size: 13px !important;
  }
}


/* ===== REGRAS UNIVERSAIS DO HEADER (DESKTOP E MOBILE) ===== */
.nexo-unified-header .nexo-u-burger { display: none !important; }
.nexo-unified-header .nexo-u-dropdown { display: none !important; }

@media screen and (max-width: 768px) {
  .nexo-unified-header .nexo-u-wrap {
    width: 100% !important;
    padding: 10px 16px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
  .nexo-unified-header .nexo-u-nav-desktop {
    display: none !important;
  }
  .nexo-unified-header .nexo-u-burger {
    display: flex !important;
  }
  .nexo-unified-header .nexo-u-right {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    min-width: auto !important;
  }
  .nexo-unified-header .nexo-u-btn {
    padding: 7px 14px !important;
    font-size: 13px !important;
  }
  .nexo-unified-header .nexo-u-dropdown.open {
    display: flex !important;
  }
}