/* ===================== ESTÚDIO DE MODELOS ===================== */
.studio-canvas-box {
  position: relative;
  width: 100%;
  overflow: hidden;
  user-select: none;
}
.studio-el {
  position: absolute;
  overflow: hidden;
}
.studio-el-text-inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  word-break: break-word;
  /* ✅ Antes tinha "padding: 2px" — um valor em pixels FIXOS, que não
     acompanha a escala do convite (o resto do sistema usa sempre
     percentagem/cqw, resolução-independente, para o ecrã e o PDF
     baterem certo). Esses 2px eram invisíveis a maioria das vezes, mas
     reduziam ligeiramente a largura disponível para o texto no ecrã —
     largura essa que o gerador de PDF (js/dashboard.js, _stDrawVectorText)
     nunca sabia replicar, por não ter forma fiável de saber a quantos
     pontos correspondiam esses 2px no ecrã de cada pessoa. Sem padding
     nenhum, a largura da caixa de texto é exactamente a mesma nos dois
     lados — sem precisar de adivinhar nada. */
  padding: 0;
}
.studio-el-selected {
  outline: 2px solid #0b7285;
  outline-offset: 2px;
}
.studio-el:not(.studio-el-selected):hover {
  outline: 1.5px dashed #94a3b8;
  outline-offset: 2px;
}
#studio-canvas-frame [data-studio-canvas] {
  transition: box-shadow .15s;
}
.studio-img-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eef2f6;
  color: #94a3b8;
}
.studio-editable-tag {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 18px;
  height: 18px;
  border: 0;
  background: transparent;
  color: #007f9f;
  font-size: 13px;
  line-height: 1;
  font-weight: 800;
  z-index: 8;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  text-shadow: 0 1px 2px rgba(255,255,255,.85);
}
.studio-resize-handle {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background: #0b7285;
  border: 2px solid #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.25);
  z-index: 5;
}
.studio-resize-nw { left: -6px; top: -6px; cursor: nwse-resize; }
.studio-resize-ne { right: -6px; top: -6px; cursor: nesw-resize; }
.studio-resize-sw { left: -6px; bottom: -6px; cursor: nesw-resize; }
.studio-resize-se { right: -6px; bottom: -6px; cursor: nwse-resize; }
.studio-el { overflow: visible !important; }
.studio-canvas-box { overflow: visible !important; }
.studio-el:not(.studio-el-selected) .studio-resize-handle { display: none; }
@media (max-width: 850px) {
  #studio-body { flex-direction: column; overflow-y: auto !important; }
  #studio-body > div { width: 100% !important; min-width: 0 !important; border-right: none !important; border-left: none !important; border-bottom: 1px solid #e5e7eb; }
}

.studio-el-text-inner{word-break:break-word;overflow-wrap:anywhere;}
.studio-canvas-box img{max-width:100%;}
@media(max-width:760px){#studio-body{min-width:0!important}}

/* Melhorias do Estúdio: escala responsiva, selecção e manipulação visual */
.studio-canvas-box{container-type:inline-size;isolation:isolate;overflow:hidden}
.studio-canvas-box .studio-el-text-inner{max-width:100%;overflow:visible;word-break:break-word}
.studio-el-selected{outline:2px solid #0b7285!important;outline-offset:1px}
.studio-resize-handle{touch-action:none}

/* ================================================================
   NOVO LAYOUT DO ESTÚDIO — 2 BARRAS / CANVA-LIKE
   Cor oficial InvitesAO: #007F9F
   ================================================================ */
:root{--invitesao:#007f9f;--invitesao-dark:#006d89;--invitesao-soft:#e6f7f8;--studio-black:#111827}
#model-studio-modal{font-family:inherit}
#model-studio-modal .studio-editor-shell{position:relative;width:100%;height:100%;min-height:0;background:#f1f5f9;overflow:hidden}
#model-studio-modal .studio-global-bar{position:fixed;top:0;left:0;right:0;height:56px;background:var(--invitesao)!important;color:#fff;display:flex;align-items:center;padding:0 14px;gap:10px;z-index:100050;box-sizing:border-box;box-shadow:0 2px 12px rgba(0,0,0,.14)}
#model-studio-modal .studio-global-left,#model-studio-modal .studio-global-right{display:flex;align-items:center;gap:6px;min-width:0}
#model-studio-modal .studio-global-spacer{flex:1;min-width:12px}
#model-studio-modal .studio-global-btn,#model-studio-modal .studio-global-icon,#model-studio-modal .studio-global-publish{height:36px;border:0;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font:inherit;font-size:12px;font-weight:750;white-space:nowrap}
#model-studio-modal .studio-global-btn{padding:0 10px;background:transparent;color:#fff}
#model-studio-modal .studio-global-btn:hover,#model-studio-modal .studio-global-icon:hover{background:rgba(255,255,255,.14)}
#model-studio-modal .studio-global-icon{width:36px;padding:0;background:transparent;color:#fff}
#model-studio-modal .studio-global-btn svg,#model-studio-modal .studio-global-icon svg,#model-studio-modal .studio-global-publish svg{width:17px;height:17px}
#model-studio-modal .studio-global-sep{width:1px;height:24px;background:rgba(255,255,255,.25);margin:0 2px}
#model-studio-modal .studio-project-name{width:min(250px,28vw);height:36px;border:1px solid rgba(255,255,255,.28);border-radius:7px;background:rgba(255,255,255,.12);color:#fff;padding:0 11px;outline:none;font-size:13px;font-weight:700;box-sizing:border-box}
#model-studio-modal .studio-project-name::placeholder{color:rgba(255,255,255,.72)}
#model-studio-modal .studio-project-name:focus{background:#fff;color:#334155;border-color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.2)}
#model-studio-modal .studio-global-publish{padding:0 15px;background:#fff;color:var(--invitesao);box-shadow:0 2px 7px rgba(0,0,0,.12)}
#model-studio-modal .studio-global-publish:hover{background:#f5ffff}
#model-studio-modal .studio-global-preview{border:1px solid rgba(255,255,255,.35)}
#model-studio-modal .studio-editor-layout{position:absolute;top:56px;right:0;bottom:0;left:0;display:flex;min-height:0;overflow:hidden;margin:0;padding:0}
#model-studio-modal .studio-left-sidebar{width:344px;min-width:344px;height:100%;display:flex;background:#fff;border-right:1px solid #e2e8f0;overflow:hidden}
#model-studio-modal .studio-sidebar-rail{width:68px;min-width:68px;background:#fff;border-right:1px solid #edf1f5;display:flex;flex-direction:column;align-items:center;padding:9px 5px;gap:4px;overflow:auto}
#model-studio-modal .studio-sidebar-back{width:42px;height:42px;border:1px solid #e2e8f0;background:#fff;border-radius:9px;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-bottom:7px}
#model-studio-modal .studio-sidebar-back:hover{border-color:var(--invitesao);color:var(--invitesao);background:var(--invitesao-soft)}
#model-studio-modal .studio-sidebar-tab{width:56px;min-height:53px;padding:6px 2px;border:0;background:transparent;border-radius:9px;color:#64748b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer}
#model-studio-modal .studio-sidebar-tab svg{width:19px;height:19px}
#model-studio-modal .studio-sidebar-tab span{font-size:8.5px;font-weight:750;line-height:1.1;text-align:center}
#model-studio-modal .studio-sidebar-tab:hover{background:#f3f8f9;color:var(--invitesao)}
#model-studio-modal .studio-sidebar-tab.active{background:var(--invitesao-soft);color:var(--invitesao)}
#model-studio-modal .studio-sidebar-content{width:276px;min-width:276px;overflow:auto;padding:14px;background:#fff;box-sizing:border-box}
#model-studio-modal .studio-sidebar-heading{font-size:11px;font-weight:900;color:#334155;text-transform:uppercase;letter-spacing:.05em;margin-bottom:9px}
#model-studio-modal .studio-canvas-area{position:relative;min-width:0;flex:1;height:100%;display:flex;flex-direction:column;overflow:hidden;background:#eef2f7}
#model-studio-modal .studio-right-sidebar{width:310px;min-width:310px;height:100%;background:#fff;border-left:1px solid #dfe7ec;display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateX(12px);pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:100040;box-sizing:border-box}
#model-studio-modal .studio-right-sidebar.is-open{opacity:1;transform:translateX(0);pointer-events:auto}
#model-studio-modal .studio-right-sidebar-head{height:48px;flex:0 0 48px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #e7edf1;color:#172033;font-size:12px;font-weight:800}
#model-studio-modal .studio-right-sidebar-head button{width:30px;height:30px;border:0;border-radius:7px;background:#f4f7f8;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer}
#model-studio-modal .studio-right-sidebar-head button:hover{background:var(--invitesao-soft);color:var(--invitesao)}
#model-studio-modal .studio-right-sidebar-head svg{width:15px;height:15px}
#model-studio-modal .studio-right-sidebar-content{flex:1;min-height:0;overflow:auto;padding:12px;box-sizing:border-box}

#model-studio-modal .studio-page-strip{height:44px;min-height:44px;display:flex;align-items:center;gap:6px;padding:5px 10px;background:#fff;border-bottom:1px solid #e2e8f0;overflow:auto;box-sizing:border-box}
#model-studio-modal .studio-page-item{display:flex;align-items:center;gap:2px;flex:0 0 auto}
#model-studio-modal .studio-page-btn{border:1px solid #dbe3ea;background:#fff;color:#64748b;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:750;white-space:nowrap;cursor:pointer}
#model-studio-modal .studio-page-btn.active{border-color:var(--invitesao);background:var(--invitesao-soft);color:var(--invitesao)}
#model-studio-modal .studio-page-delete{border:0;background:transparent;color:#b42318;cursor:pointer;padding:2px 4px}
#model-studio-modal .studio-add-page{flex:0 0 auto;border:1px dashed #cbd5e1;background:#fff;color:#64748b;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:750;cursor:pointer}
#model-studio-modal .studio-canvas-scroll-area{flex:1;min-height:0;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:30px 28px 60px;box-sizing:border-box}
#model-studio-modal .studio-canvas-scroll-area #studio-canvas-frame{margin:0 auto;flex:0 0 auto}

/* Barra contextual: filha directa do elemento seleccionado. */
#model-studio-modal .contextual-toolbar{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);width:max-content;max-width:100%;min-width:0;display:flex;flex:0 0 auto;align-items:center;justify-content:center;gap:2px;padding:3px;background:var(--studio-black);color:#fff;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.28);z-index:1000;box-sizing:border-box;overflow:hidden;white-space:nowrap}
#model-studio-modal .contextual-toolbar::-webkit-scrollbar{display:none}
#model-studio-modal .contextual-btn{flex:0 0 24px;width:24px;height:24px;min-width:24px;border:0;border-radius:5px;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
#model-studio-modal .contextual-btn:hover,#model-studio-modal .contextual-btn.active{background:rgba(255,255,255,.16)}
#model-studio-modal .contextual-btn.danger:hover{background:#b42318}
#model-studio-modal .contextual-btn svg{width:14px;height:14px}
#model-studio-modal .contextual-divider{flex:0 0 1px;width:1px;height:19px;background:rgba(255,255,255,.22);margin:0 2px}
#model-studio-modal .contextual-select{height:24px;min-width:0;max-width:120px;border:0;border-radius:5px;background:#273244;color:#fff;outline:none;padding:0 5px;font-size:10px;font-weight:700}
#model-studio-modal .contextual-font{width:68px;max-width:68px}
#model-studio-modal .contextual-size{width:40px;max-width:40px}
#model-studio-modal .contextual-color{width:24px;height:24px;flex:0 0 24px;display:flex;align-items:center;justify-content:center;cursor:pointer}
#model-studio-modal .contextual-color input{width:18px;height:18px;padding:0;border:1px solid rgba(255,255,255,.5);border-radius:5px;background:transparent;cursor:pointer}

#model-studio-modal .studio-global-close{width:34px!important;padding:0!important;margin-left:2px}
#model-studio-modal .studio-global-close:hover{background:rgba(255,255,255,.16)!important}
#model-studio-modal .contextual-toolbar .contextual-select{flex:0 1 auto}
#model-studio-modal .contextual-toolbar .contextual-btn,#model-studio-modal .contextual-toolbar .contextual-color{flex-shrink:1}
#model-studio-modal .contextual-toolbar .contextual-btn svg{pointer-events:none}
#model-studio-modal .studio-el{overflow:visible!important}
#model-studio-modal .studio-canvas-box{overflow:visible!important}
#model-studio-modal .studio-el-selected{outline:2px solid var(--invitesao)!important;outline-offset:1px}
#model-studio-modal .studio-el[data-locked="true"]{cursor:default!important}
#model-studio-modal .studio-el:not(.studio-el-selected) .contextual-toolbar{display:none}

#model-studio-modal .studio-global-popover{position:fixed;top:62px;left:14px;z-index:100060;width:170px;background:#fff;border:1px solid #dbe3ea;border-radius:9px;box-shadow:0 12px 30px rgba(15,23,42,.18);padding:7px}
#model-studio-modal .studio-global-popover button{width:100%;border:0;background:#fff;border-radius:6px;text-align:left;padding:8px;font-size:11px;font-weight:700;color:#334155;cursor:pointer}
#model-studio-modal .studio-global-popover button:hover{background:var(--invitesao-soft);color:var(--invitesao)}
#model-studio-modal .studio-popover-title{font-size:10px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.05em;padding:5px 7px 7px}
#model-studio-modal .studio-canvas-scroll-area{position:relative;}
#model-studio-modal .studio-canvas-popover{position:absolute!important;z-index:2147482500!important;box-sizing:border-box;max-width:310px;}
#model-studio-modal .studio-popover-close{width:28px;height:28px;flex:0 0 28px;border:0;border-radius:7px;background:#f1f5f9;color:#475569;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
#model-studio-modal .studio-popover-close:hover{background:#e2e8f0;color:#0f172a;}
#model-studio-modal .studio-popover-close svg{width:15px;height:15px;}
#model-studio-modal .studio-inspector-popover{position:absolute;z-index:100070;width:310px;max-height:70vh;overflow:auto;background:#fff;border:1px solid #dbe3ea;border-radius:10px;box-shadow:0 14px 35px rgba(15,23,42,.2);padding:10px;color:#334155}
#model-studio-modal .studio-inspector-popover label{display:block;font-size:10px;font-weight:700;color:#64748b;margin:8px 0}
#model-studio-modal .studio-inspector-popover input[type=range]{width:100%}

@media(max-width:900px){
  #model-studio-modal .studio-left-sidebar{width:286px;min-width:286px}
  #model-studio-modal .studio-sidebar-content{width:218px;min-width:218px}
  #model-studio-modal .studio-project-name{width:170px}
  #model-studio-modal .studio-global-preview span,#model-studio-modal .studio-global-publish span{display:none}
}
@media(max-width:700px){
  #model-studio-modal .studio-global-bar{padding:0 7px;gap:4px}
  #model-studio-modal .studio-global-left,#model-studio-modal .studio-global-right{gap:2px}
  #model-studio-modal .studio-global-btn span{display:none}
  #model-studio-modal .studio-project-name{width:115px;font-size:11px}
  #model-studio-modal .studio-global-btn,#model-studio-modal .studio-global-icon,#model-studio-modal .studio-global-publish{height:34px}
  #model-studio-modal .studio-editor-layout{inset:56px 0 0}
  #model-studio-modal .studio-left-sidebar{width:100%;min-width:0;max-width:100%;height:auto;position:absolute;left:0;bottom:0;z-index:100;display:flex;flex-direction:column;max-height:44vh;border-right:0;border-top:1px solid #e2e8f0;box-shadow:0 -8px 25px rgba(15,23,42,.08)}
  #model-studio-modal .studio-sidebar-rail{width:100%;min-width:0;height:58px;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:4px 6px;border-right:0}
  #model-studio-modal .studio-sidebar-back{margin-bottom:0;flex:0 0 42px}
  #model-studio-modal .studio-sidebar-tab{flex:0 0 62px;min-height:50px}
  #model-studio-modal .studio-sidebar-content{width:100%;min-width:0;max-height:calc(44vh - 58px)}
  #model-studio-modal .studio-canvas-scroll-area{padding:20px 12px 45vh}
  #model-studio-modal .contextual-toolbar{max-width:100%;padding:2px;gap:1px}
  #model-studio-modal .contextual-btn{width:22px;height:22px;min-width:22px;flex-basis:22px}
  #model-studio-modal .contextual-font{width:58px;max-width:58px}
  #model-studio-modal .contextual-size{width:36px;max-width:36px}
}

/* Recoloração selectiva de imagens */
#model-studio-modal .studio-recolor-list{display:flex;flex-direction:column;gap:6px;margin-top:8px;max-height:320px;overflow:auto;padding-right:2px}
#model-studio-modal .studio-recolor-row{display:flex;align-items:center;gap:7px;padding:7px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;min-width:0}
#model-studio-modal .studio-recolor-source{width:25px;height:25px;min-width:25px;border-radius:6px;border:1px solid rgba(15,23,42,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
#model-studio-modal .studio-recolor-row>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
#model-studio-modal .studio-recolor-row b{font-size:10px;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#model-studio-modal .studio-recolor-row small{font-size:8px;color:#94a3b8}
#model-studio-modal .studio-recolor-row input[type=color]{width:30px;height:30px;padding:2px;border:1px solid #dbe3ea;border-radius:6px;background:#fff;cursor:pointer}
#model-studio-modal .studio-recolor-reset{width:28px;height:28px;border:0;border-radius:6px;background:#f8fafc;color:#64748b;cursor:pointer;font-size:15px}
#model-studio-modal .studio-recolor-reset:hover{background:var(--invitesao-soft);color:var(--invitesao)}
#model-studio-modal .studio-recolor-tolerance{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:10px;font-weight:750;color:#64748b}
#model-studio-modal .studio-recolor-tolerance input{flex:1;min-width:0}
#model-studio-modal .studio-recolor-tolerance span{width:22px;text-align:right;color:#334155}


/* Lista inicial do Estúdio: largura total e grelha editorial, sem o efeito
   de conteúdo pequeno encostado ao canto em ecrãs grandes. */
#model-studio-modal .studio-template-list{width:100%;min-height:100%;box-sizing:border-box;overflow-y:auto;padding:clamp(18px,2.4vw,32px);background:#f8fafc}
#model-studio-modal .studio-template-list-head{max-width:1480px;margin:0 auto 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}
#model-studio-modal .studio-template-list-head h4{font-size:18px;color:#172033!important;margin:0}
#model-studio-modal .studio-template-grid{width:100%;max-width:1480px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#model-studio-modal .studio-template-card{min-width:0;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.045);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
#model-studio-modal .studio-template-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(15,23,42,.09);border-color:#cbdde5}
#model-studio-modal .studio-template-card-body{padding:12px}
#model-studio-modal .studio-template-card .btn-outline{min-height:36px}
@media(min-width:760px){#model-studio-modal .studio-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1120px){#model-studio-modal .studio-template-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}}
@media(max-width:600px){#model-studio-modal .studio-template-list{padding:12px}#model-studio-modal .studio-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#model-studio-modal .studio-template-card-body{padding:9px}}


/* ================================================================
   TOOLBAR CONTEXTUAL GLOBAL — regra dura do Estúdio
   O popover vive no document.body e usa o elemento apenas como âncora.
   Nunca herda largura, overflow ou clipping do elemento seleccionado.
   ================================================================ */
#studio-contextual-toolbar.contextual-toolbar-global{
  position:fixed!important;
  left:0;
  top:0;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  height:auto!important;
  display:flex!important;
  flex:0 0 auto!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:3px!important;
  padding:5px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  white-space:nowrap!important;
  background:var(--invitesao)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:9px!important;
  box-shadow:0 10px 28px rgba(15,23,42,.34)!important;
  z-index:2147483000!important;
  pointer-events:auto!important;
}
#studio-contextual-toolbar.contextual-toolbar-global .contextual-btn{
  flex:0 0 28px!important;
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  padding:0!important;
  border:0!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
}
#studio-contextual-toolbar.contextual-toolbar-global .contextual-btn:hover{background:rgba(255,255,255,.14)!important}
#studio-contextual-toolbar.contextual-toolbar-global .contextual-btn.danger:hover{background:rgba(239,68,68,.22)!important}
#studio-contextual-toolbar.contextual-toolbar-global .contextual-btn svg{width:16px!important;height:16px!important;display:block!important;pointer-events:none!important}
#studio-contextual-toolbar.contextual-toolbar-global .contextual-select{
  flex:0 0 auto!important;
  height:30px!important;
  min-height:30px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:6px!important;
  background:#1f2937!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:700!important;
  padding:0 7px!important;
  outline:none!important;
}
#studio-contextual-toolbar.contextual-toolbar-global .contextual-font{width:96px!important}
#studio-contextual-toolbar.contextual-toolbar-global .contextual-size{width:54px!important}
#studio-contextual-toolbar.contextual-toolbar-global .contextual-color{
  flex:0 0 28px!important;width:28px!important;height:28px!important;padding:0!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border-radius:6px!important;cursor:pointer!important;background:transparent!important;
}
#studio-contextual-toolbar.contextual-toolbar-global .contextual-color input{width:18px!important;height:18px!important;padding:0!important;border:0!important;background:transparent!important;cursor:pointer!important}
#studio-contextual-toolbar.contextual-toolbar-global .contextual-divider{width:1px!important;height:20px!important;background:rgba(255,255,255,.18)!important;flex:0 0 1px!important;margin:0 2px!important}
@media(max-width:760px){
  #studio-contextual-toolbar.contextual-toolbar-global{max-width:none!important;overflow:visible!important}
  #studio-contextual-toolbar.contextual-toolbar-global .contextual-btn{flex-basis:30px!important;width:30px!important;min-width:30px!important}
}

@media(max-width:900px){
  #model-studio-modal .studio-right-sidebar{position:absolute;right:0;top:0;bottom:0;width:min(310px,88vw);min-width:min(310px,88vw);box-shadow:-10px 0 30px rgba(15,23,42,.12)}
}

/* publicado 20260910-065136 */