:root{--ods-gold:#c99b48;--ods-red:#c23b2c;--ods-black:#171717;--ods-line:#e5e7eb;--ods-bg:#f5f5f3;--ods-card:#fff;--ods-text:#171717;--ods-muted:#687078}
body.onvao-studio-open{padding:0!important;background:var(--ods-bg)!important;height:100dvh!important;overflow:hidden!important}body.onvao-studio-open .phone{max-width:none!important;width:100%!important;height:100dvh!important;overflow:hidden!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important}body.onvao-studio-open .phone>.bar,body.onvao-studio-open #onglets,body.onvao-studio-open .onvao-entry{display:none!important}body.onvao-studio-open #eStudio{padding:0!important;overflow:hidden!important;height:100dvh!important}
.ods{display:grid;grid-template-columns:230px minmax(560px,1fr) 330px;height:100dvh;background:var(--ods-bg);color:var(--ods-text);overflow:hidden;font-family:Inter,system-ui,sans-serif}.ods *{box-sizing:border-box}.ods button,.ods input,.ods textarea{font:inherit}.ods-left,.ods-right{background:#fff;overflow:auto}.ods-left{border-right:1px solid var(--ods-line);padding:18px}.ods-right{border-left:1px solid #312b2a;background:#181514;color:#fff;padding:18px}.ods-center{overflow:auto;padding:18px 24px 40px}.ods-title{font-weight:850;font-size:14px;margin:5px 0 8px}.ods-help{font-size:12px;color:var(--ods-muted);line-height:1.5;margin-bottom:14px}.ods-controls{display:grid;gap:10px}.ods-controls label{font-size:12px;font-weight:750;display:grid;gap:6px}.ods-controls input[type=color]{width:100%;height:38px;border:1px solid var(--ods-line);border-radius:9px;background:#fff;padding:3px}.ods-controls input[type=range]{width:100%}.ods-toggle{display:grid;grid-template-columns:26px 1fr;gap:0 8px;align-items:center;text-align:left;border:1px solid var(--ods-line);background:#fff;border-radius:10px;padding:9px;cursor:pointer}.ods-toggle span{grid-row:1/3;width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#f2f3f4}.ods-toggle small{color:var(--ods-muted)}.ods-toggle.on{border-color:#dcb86f;background:#fffaf0}.ods-toggle.on span{background:#c99b48;color:#fff}.ods-classic{width:100%;margin-top:14px}.ods-studio-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px}.ods-studio-head b{font-size:18px}.ods-studio-head small{display:block;color:var(--ods-muted);margin-top:3px}.ods-tabs{display:flex;gap:8px;margin-bottom:12px}.ods-tab{border:1px solid var(--ods-line);background:#fff;padding:9px 15px;border-radius:9px;font-weight:750;cursor:pointer}.ods-tab.on{background:var(--ods-black);color:#fff;border-color:var(--ods-black)}.ods-slots{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:9px;margin:0 0 12px}.ods-slot{min-height:86px;border:1px solid var(--ods-line);background:#fff;border-radius:12px;padding:10px;text-align:left;cursor:pointer}.ods-slot.on{border:2px solid var(--ods-gold)}.ods-slot b,.ods-slot small{display:block}.ods-slot small{color:var(--ods-muted);margin-top:4px;font-size:11px}.ods-slot .plus{font-size:23px;color:var(--ods-muted)}.ods-toolbar{display:flex;gap:7px;align-items:center;margin-bottom:12px;position:sticky;top:-18px;z-index:5;padding:8px 0;background:color-mix(in srgb,var(--ods-bg) 94%,transparent);backdrop-filter:blur(8px)}.ods-toolbar .spacer{flex:1}.ods-btn{border:1px solid var(--ods-line);background:#fff;color:#202124;border-radius:9px;padding:9px 12px;font-weight:700;cursor:pointer}.ods-btn.gold{background:var(--ods-gold);border-color:var(--ods-gold);color:#fff}.ods-btn.misty{background:linear-gradient(135deg,#b52f25,#dc5a3e);border:0;color:#fff;box-shadow:0 8px 22px rgba(194,59,44,.18)}.ods-a4wrap{display:flex;justify-content:center}.ods-a4{width:794px;min-height:1123px;background:#fff;box-shadow:0 12px 40px rgba(15,23,42,.15);transform-origin:top center;position:relative}.ods-a4 #odsPreview{min-height:1123px}.ods-misty-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.ods-orb{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#ffe1a0,#c99b48 35%,#b7352b 38%,#111 72%);border:2px solid #d8b367}.ods-misty-head b{font-size:17px}.ods-misty-status{font-size:11px;opacity:.65}.ods-close-misty{margin-left:auto;border:0;background:transparent;color:#fff;font-size:25px;cursor:pointer}.ods-chat{display:flex;flex-direction:column;gap:10px}.ods-msg{border-radius:13px;padding:11px 12px;line-height:1.4;font-size:13px;background:#fff;color:#171717}.ods-msg.user{background:#c23b2c;color:#fff;margin-left:24px}.ods-examples{display:flex;flex-wrap:wrap;gap:7px}.ods-chip{border:1px solid rgba(255,255,255,.22);color:#fff;background:rgba(255,255,255,.06);border-radius:999px;padding:7px 9px;font-size:11px;cursor:pointer}.ods-compose{position:sticky;bottom:0;margin-top:14px;background:#181514;padding-top:10px}.ods-compose textarea{width:100%;min-height:70px;border-radius:11px;border:1px solid rgba(255,255,255,.2);background:#25201e;color:#fff;padding:10px;resize:vertical;margin-bottom:7px}.ods-proposal{border:1px solid rgba(255,255,255,.16);border-radius:13px;padding:10px;background:#28211e}.ods-proposal-note{font-size:12px;opacity:.75;margin-top:5px}.ods-proposal-actions{display:flex;gap:7px;margin-top:9px}.ods-proposal-actions .ods-btn{flex:1;padding:8px;font-size:11px}
@media(max-width:1100px){.ods{grid-template-columns:205px minmax(480px,1fr)}.ods-right{position:fixed;right:0;top:0;bottom:0;width:340px;z-index:90;box-shadow:-12px 0 35px rgba(0,0,0,.22);transform:translateX(100%);transition:.2s}.ods.misty-open .ods-right{transform:none}.ods-slots{grid-template-columns:repeat(5,145px);overflow:auto}}
@media(max-width:760px){body.onvao-studio-open #eStudio{overflow:auto!important}.ods{display:block;height:auto;min-height:100dvh}.ods-left{padding:12px;border:0;border-bottom:1px solid var(--ods-line)}.ods-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.ods-center{padding:10px}.ods-studio-head{position:sticky;top:0;background:var(--ods-bg);z-index:7;padding:8px 0}.ods-slots{grid-template-columns:repeat(5,132px);overflow:auto}.ods-toolbar{top:54px;flex-wrap:wrap}.ods-toolbar .spacer{display:none}.ods-a4{transform:scale(.45);margin-bottom:-610px}.ods-right{top:0;width:min(92vw,360px)}.ods-help{margin-bottom:8px}}