:root{font-family:Segoe UI,system-ui,sans-serif;color:#202c42;background:#eef2f8}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:260px 1fr}aside{padding:28px 20px;background:#132039;color:#fff;min-height:100vh}h1{font-size:28px;margin:0}h1 span{color:#85a8ff;display:block}aside p,aside small{color:#b9c8df}aside small{display:block;line-height:1.6;margin-top:20px}button,.import{border:0;border-radius:8px;background:#315fe9;color:#fff;padding:12px 16px;cursor:pointer;font:inherit;font-weight:600}button:hover{filter:brightness(.92)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #e9a82b;outline-offset:2px}aside button,.import{display:block;width:100%;margin:10px 0;text-align:left}.import{background:#263956}.import input{width:100%;font-size:12px;margin-top:10px}#projects button{background:#263956;font-weight:400;overflow-wrap:anywhere}#projects button small{margin:3px 0;color:#c4d1e7}main{padding:32px;max-width:1500px;width:100%}header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}h2{margin:0;font-size:27px}.eyebrow{font-size:12px;letter-spacing:2px;color:#51678d}.badge{font-size:12px;background:#dce6ff;padding:8px;border-radius:20px;white-space:nowrap}section{background:#fff;padding:24px;border:1px solid #dce3ef;border-radius:14px;margin-bottom:20px}h3{margin-top:0}label{display:block;font-size:14px;font-weight:600;margin:14px 0}input,select,textarea{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #bac7dc;border-radius:7px;font:inherit;color:#202c42;background:#fff}input[type=color]{height:44px;padding:4px}.columns{display:grid;grid-template-columns:1fr 1.25fr;gap:20px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.danger{background:#9d3041}.hint{font-size:13px;color:#5f6f87;line-height:1.6}.row{display:flex;gap:16px}.row label{flex:1}#notice:not(:empty){padding:14px;background:#dce6ff;border-radius:8px;margin-bottom:20px}iframe{width:100%;height:650px;border:1px solid #c5cfdf;border-radius:10px}dialog{border:1px solid #bac7dc;border-radius:16px;width:500px;max-width:90vw}dialog::backdrop{background:#13203999}hr{border:0;border-top:1px solid #3a4a64;margin:24px 0}li{margin:12px 0;overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:950px){body{grid-template-columns:1fr}aside{min-height:auto}main{padding:18px}.columns{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}}
/* Yetzer Studio — workspace visual */
:root{font-family:'Segoe UI',system-ui,sans-serif;color:#20283b;background:#f5f6fa;font-synthesis:none}body{grid-template-columns:252px minmax(0,1fr)}aside{position:sticky;top:0;height:100vh;overflow:auto;background:#0b1220;padding:30px 22px;border-right:1px solid #25283b}h1{font-size:26px;letter-spacing:-1px;display:inline-block;vertical-align:middle;line-height:1}h1 span{font-size:10px;letter-spacing:4px;color:#a5b4c5;margin-top:9px}.brandmark{display:inline-grid;position:relative;place-items:center;width:44px;height:46px;border-radius:13px;background:#005ce6;color:#0b1220;font-size:30px;font-weight:800;margin-right:12px;vertical-align:middle}.brandmark span{position:absolute;right:-4px;top:-8px;color:#d8ccff;font-size:21px}.sidebar-caption{font-size:12px;margin:20px 0 30px!important;color:#989bb3!important}.sidebar-label{font-size:10px;letter-spacing:1.7px;color:#83879f;margin:30px 0 14px}button,.import{font-size:13px;border-radius:9px;background:#005ce6;transition:background .15s,transform .15s}button:hover{filter:none;background:#004abd}#new{background:#005ce6;color:#0b1220;padding:14px 16px;margin:15px 0}#new:hover{background:#1475ff}.nav-home{background:#24273b;color:#d5e7ff;font-weight:500}#projects button{background:transparent;color:#c9cbda;font-size:12px;padding:10px 8px;border-left:2px solid #44425d;border-radius:0;margin:9px 0}#projects button:hover{background:#25283c}#projects button small{font-size:10px;color:#838aa6}aside #clients,aside #backup{background:transparent;font-weight:400;color:#b8bdd1;padding:10px 8px}aside #clients:hover,aside #backup:hover{background:#25283c}.import{background:#202436;color:#b8bdd1;font-size:12px;padding:12px}.import input{border:0;background:transparent;color:#a3aac3;padding:4px 0;font-size:10px}aside small{font-size:11px;color:#777f9e;line-height:1.7}hr{border-color:#2c3043}main{max-width:1600px;padding:30px 40px 60px}header{margin-bottom:30px}h2{font-size:24px;letter-spacing:-.7px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#858b9f;font-weight:650;margin:0 0 8px}.badge{display:flex;gap:7px;align-items:center;background:#fff;border:1px solid #e5e7ef;color:#667084;padding:9px 13px;font-size:11px}.badge i{height:6px;width:6px;border-radius:100%;background:#4ca284}section{border:1px solid #e7e9f1;border-radius:16px;padding:26px;box-shadow:0 3px 15px #20283b03}.hero{position:relative;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;overflow:hidden;background:#eaf2ff;border:1px solid #d5e5fa;min-height:300px;padding:36px 38px;gap:20px}.hero-kicker{font-size:9px;letter-spacing:2px;font-weight:700;color:#005ce6}.hero h3{font-size:clamp(25px,2.6vw,38px);line-height:1.2;letter-spacing:-1.3px;font-weight:650;margin:18px 0;color:#0b1220}.hero p{font-size:13px;line-height:1.8;color:#526b82;max-width:410px;margin-bottom:22px}.hero button{background:#005ce6;font-size:12px;padding:13px 18px}.hero button span{margin-left:20px}.hero-art{position:relative;padding:20px;max-width:330px}.art-window{transform:rotate(-5deg);background:#fff;border:1px solid #cfdef0;border-radius:12px;padding:17px;box-shadow:15px 20px 0 #ceeaf3,0 20px 35px #64788833;height:198px}.art-dots{color:#a4c4e5;letter-spacing:3px;font-size:9px;border-bottom:1px solid #eaf2fb;padding-bottom:9px}.art-line{height:12px;background:#0b1220;width:70%;border-radius:4px;margin-top:18px}.art-line.short{width:45%;height:7px;background:#b9d6ed;margin-top:8px}.art-tiles{display:flex;gap:10px;margin-top:17px}.art-tiles b{height:34px;flex:1;border-radius:5px;background:#e5f3fa}.art-button{background:#005ce6;height:15px;width:55px;border-radius:4px;margin-top:12px}.floating-label{position:absolute;bottom:-3px;right:-12px;transform:rotate(4deg);background:#fff;padding:12px 18px;border-radius:10px;color:#005294;font-size:11px;box-shadow:0 6px 30px #005ce622}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0 32px}.metrics article{background:#fff;border:1px solid #e7e9f1;border-radius:13px;padding:19px 22px}.metrics span{font-size:11px;color:#798198}.metrics strong{display:block;font-size:31px;line-height:1.5;font-weight:600;letter-spacing:-1px}.metrics small{font-size:10px;color:#9a9fb0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 18px}.section-heading h3{font-size:18px;letter-spacing:-.4px;margin:0}.section-heading input{max-width:260px;font-size:12px;margin:0;background:white;border:1px solid #e2e5ee}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px}.empty-state{grid-column:1/-1;padding:30px;text-align:center;border:1px dashed #d7d9e8;border-radius:13px;background:#f0f1f7;color:#8790a3}.empty-state h4{margin:0 0 9px;font-size:14px;color:#626b81}.empty-state p{font-size:12px;margin:0}.project-card{text-align:left;background:white;color:#20283b;border:1px solid #e7e9f1;padding:20px;border-radius:13px;min-width:0}.project-card:hover{background:#faf9ff;border-color:#00c8e8;transform:translateY(-2px)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.project-icon{background:#eaf2ff;color:#005ce6;border-radius:11px;padding:10px;font-size:13px}.project-card h4{font-size:16px;margin:19px 0 7px;overflow-wrap:anywhere}.project-card p{font-size:11px;color:#9197a7;font-weight:400;overflow-wrap:anywhere}.progress{height:4px;background:#f0edf7;border-radius:10px;margin:20px 0 12px}.progress span{display:block;height:100%;background:#005ce6;border-radius:10px}.project-card small{font-size:10px;color:#81738f}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.module{background:white;border:1px solid #e6e9f0;border-radius:13px;padding:20px;position:relative}.module-icon{display:inline-grid;place-items:center;background:#eaf2ff;color:#005ce6;font-size:24px;width:42px;height:42px;border-radius:11px;margin-bottom:20px}.pill{font-size:9px;font-weight:600;color:#8c859e;background:#f0edf5;border-radius:20px;padding:5px 8px;white-space:nowrap}.module>.pill{position:absolute;right:12px;top:23px}.pill.ready{background:#e7f4ee;color:#4c8870}.module h4{font-size:14px;letter-spacing:-.3px;margin:0 0 10px}.module p{font-size:11px;line-height:1.8;color:#8890a3;margin-bottom:10px}.text-button{background:transparent;color:#005ce6;padding:8px 0;font-size:11px}.text-button:hover{background:transparent;color:#004abd}.footnote{font-size:11px;margin-top:20px}.toolbar{position:sticky;top:0;z-index:2;background:#f5f6faed;backdrop-filter:blur(12px);padding:12px 0;margin-bottom:12px}.secondary{background:#e4f0ff;color:#0052bd}.secondary:hover{background:#cddfff}.danger{margin-left:auto;background:transparent;color:#ac6575;border:1px solid #e7dce1}.danger:hover{background:#fae8ed}.editor-intro{padding:12px 0 20px}.step{font-size:11px;color:#0052bd;background:#e4f0ff;padding:8px 13px;margin-right:8px;border-radius:20px}.editor-intro p{font-size:12px;color:#8a8fa0;margin-top:20px}.columns{grid-template-columns:1fr 1.25fr}.columns h3,#editor>section h3{font-size:17px;color:#34354c;margin-bottom:22px}label{font-size:12px;color:#606b80;margin:18px 0}input,select,textarea{background:#fafbfe;border:1px solid #e1e5ee;border-radius:8px;padding:12px;font-size:13px;line-height:1.5}textarea{resize:vertical}input:focus,textarea:focus,select:focus{background:white;border-color:#005ce6;outline-color:#00c8e8}.hint{font-size:11px;color:#9097a8}#notice:not(:empty){font-size:12px;background:#eaf3ff;color:#004da8;border:1px solid #d0e4ff;padding:13px 16px}dialog{padding:28px;box-shadow:0 30px 100px #0b122066}#checks{font-size:13px;color:#0052bd;background:#eef6ff;padding:17px;border-radius:10px}iframe{background:#fff}button:focus-visible{outline-color:#00c8e8}@media(min-width:1550px){main{padding-left:55px;padding-right:55px}}@media(max-width:1200px){main{padding:28px}.module-grid{grid-template-columns:repeat(2,1fr)}.hero-art{padding:10px}.floating-label{right:0}.metrics{gap:10px}.metrics article{padding:15px}}@media(max-width:950px){body{grid-template-columns:1fr}aside{position:relative;height:auto;min-height:0;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:15px 20px}.brandmark{width:34px;height:36px;font-size:23px}h1{font-size:22px}h1 span{font-size:8px}aside>p,aside>.sidebar-label,aside>#projects,aside>hr,aside>small,aside>.import{display:none}aside button{width:auto;margin:0!important}aside #backup{margin-left:auto!important}.columns{grid-template-columns:1fr}.hero-art{max-width:270px}.module-grid{grid-template-columns:repeat(2,1fr)}header{flex-direction:row;align-items:center}.metrics small{display:none}}@media(max-width:650px){main{padding:22px 16px}.hero{grid-template-columns:1fr;padding:27px}.hero-art{display:none}.hero h3{font-size:30px}.metrics{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.section-heading input{max-width:none}.toolbar{gap:7px}.toolbar button{font-size:11px;padding:10px}.step{font-size:9px;padding:6px 9px;margin-right:2px}.badge{font-size:9px;padding:7px}h2{font-size:20px}aside #backup{margin-left:0!important}.danger{margin-left:0}}

/* Official corporate signature from the supplied identity guide. */
:root{font-family:Inter,Arial,sans-serif} .official-brand{width:208px;max-width:100%;background:#f5f7fa;border-radius:9px;padding:18px 14px 12px;text-align:center}.official-brand img{display:block;width:180px;max-width:100%;height:auto;object-fit:contain}.official-brand span{display:block;color:#005ce6;font-size:10px;letter-spacing:4px;font-weight:700;margin-top:13px}.sidebar-caption{color:#a5b4c5!important}#new{color:#fff}#new:hover{color:#fff}.hero button:hover{background:#004abd}.floating-label{background:#00c8e8;color:#0b1220;box-shadow:0 6px 30px #005ce622}.hero-kicker{color:#0052bd}.product-credit{padding-top:30px;color:#647888;font-size:11px}.module-icon{background:#eaf2ff}.art-window{box-shadow:15px 20px 0 #ceeaf3,0 20px 35px #64788833}@media(max-width:950px){.official-brand{width:208px;flex-shrink:0}.official-brand img{width:180px}.official-brand span{font-size:9px;margin-top:9px}.product-credit{padding:25px 0}}

/* Acesso (entrar / convite) e conta — versão online */
body.locked>aside,body.locked>main,body.locked>.product-credit{display:none!important}
body.locked{display:block}
#gate{min-height:100vh;display:grid;place-items:center;background:#0b1220;padding:24px 16px}
.gate-card{width:100%;max-width:400px;background:#f5f7fa;border-radius:16px;padding:32px 28px;box-shadow:0 30px 80px #00000055}
.gate-brand{margin:0 auto 22px;width:220px;background:transparent;padding:0}
.gate-card h2{font-size:22px;color:#0b1220;margin:0 0 4px}
.gate-sub{font-size:13px;color:#4a5866;margin:0 0 6px}
.gate-card label{color:#3c4a58}
.gate-card input{background:#fff;border-color:#c9d3de}
.gate-card button{width:100%;margin-top:8px;padding:13px;font-size:14px;background:#005ce6;color:#fff}
.gate-card button:hover{background:#0047b3}
#gateMsg:not(:empty){margin:16px 0 0;padding:12px;border-radius:8px;background:#fdecef;color:#8a1c2e;font-size:13px}
.gate-foot{text-align:center;font-size:11px;color:#647888;margin:22px 0 0}
.account{margin-top:18px;border-top:1px solid #2c3043;padding-top:14px}
.account span{display:block;font-size:11px;color:#a5b4c5;overflow-wrap:anywhere;margin-bottom:6px}
aside .account button{background:transparent;color:#b8bdd1;font-weight:400;padding:8px;font-size:12px;margin:4px 0}
aside .account button:hover{background:#25283c}
#clientList li{display:flex;justify-content:space-between;gap:10px;align-items:center}
#clientList li button{background:transparent;color:#ac6575;border:1px solid #e7dce1;padding:6px 10px;font-size:11px;flex-shrink:0}
@media(max-width:950px){aside>.account{display:flex;gap:6px;align-items:center;border:0;margin:0;padding:0}aside>.account span{display:none}}

/* v2: salvamento automático, imagens, aprovação, histórico, IA, equipe */
.save-state{font-size:11px;color:#4a5866;align-self:center;margin-left:4px}
.save-state.erro{color:#9d3041}
.link-button{background:transparent!important;color:#0047b3!important;padding:8px 0!important;margin-top:6px!important;font-weight:500;text-decoration:underline}
.upload-row{display:flex;gap:12px;flex-wrap:wrap}
.upload{display:inline-block;background:#e4f0ff;color:#0052bd;border-radius:9px;padding:12px 16px;font-weight:600;cursor:pointer;margin:0}
.upload input{position:absolute;width:1px;height:1px;opacity:0}
.upload:focus-within{outline:3px solid #00c8e8;outline-offset:2px}
.assets{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin-top:18px}
.asset{border:1px solid #e1e5ee;border-radius:12px;padding:10px;background:#fafbfe}
.asset img{width:100%;height:110px;object-fit:contain;background:#eef2f8;border-radius:8px}
.asset b{display:block;font-size:11px;color:#0052bd;margin:8px 0 4px}
.asset label{margin:6px 0;font-size:11px}
.asset input{padding:8px;font-size:12px}
.asset button{background:transparent;color:#9d3041;border:1px solid #e7dce1;padding:6px 10px;font-size:11px;margin-top:6px}
.preview-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0}
#frame.mobile{width:390px;max-width:100%;height:760px;display:block;margin:0 auto}
.share{margin-top:24px;border-top:1px solid #e7e9f1;padding-top:10px}
.share h4{font-size:14px;margin:18px 0 6px;color:#0b1220}
.share-url{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.share-url input{flex:1;min-width:220px;margin:0}
.feedback li,.history li,.team li{list-style:none;border:1px solid #e1e5ee;border-radius:10px;padding:12px 14px;margin:8px 0;background:#fff;font-size:13px}
.feedback,.history,.team{padding:0}
.feedback .tag{display:inline-block;font-size:11px;font-weight:700;border-radius:20px;padding:3px 9px;margin-right:6px}
.feedback .aprovado{background:#e7f4ee;color:#1f6b4a}.feedback .ajustes{background:#fff2df;color:#7a4b00}
.feedback .novo{border-color:#00c8e8}
.feedback p{margin:6px 0 0;white-space:pre-line}
.history li,.team li{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.history button,.team button{padding:7px 12px;font-size:12px}
.team .role{font-size:11px;color:#4a5866}
.inline-form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.inline-form label{flex:1;min-width:200px;margin:0}
.link-out{background:#eef6ff;border:1px solid #d0e4ff;border-radius:10px;padding:12px;margin:12px 0;font-size:12px;overflow-wrap:anywhere}
.link-out input{margin:8px 0}
.ai-item{border:1px solid #e1e5ee;border-radius:10px;padding:12px;margin:10px 0}
.ai-item b{font-size:12px;color:#0052bd}
.ai-item p{white-space:pre-line;font-size:13px;margin:6px 0}
.ai-item button{padding:7px 12px;font-size:12px}
.badge-new{display:inline-block;background:#00c8e8;color:#0b1220;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:700;margin-top:8px}
dialog{width:620px}
aside #team,aside #accounts{background:transparent;font-weight:400;color:#b8bdd1;padding:10px 8px}aside #team:hover,aside #accounts:hover{background:#25283c}
.steps{padding-left:0;list-style:none}.steps li{margin:12px 0;font-size:13px}.steps a{color:#0047b3;font-weight:600}
#editor.imported .gen-only,#editor:not(.imported) .imp-only{display:none!important}
.site-files{margin-top:14px;font-size:13px}.site-files ul{max-height:180px;overflow:auto;padding-left:18px;font-size:12px;color:#4a5866}
.share-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;align-items:end}.share-opts label{margin:0}
.views{font-size:12px;color:#4a5866;margin:8px 0}