/* Editor: controles extras estilo Canva/Figma */
.ferramentas { overflow-y: auto; }
.painel .cinco { display: grid; grid-template-columns: repeat(5, 1fr); gap: 5px; }
.painel .uma { display: grid; }
.painel .btn.ligado { background: #e6e6e6; border-color: #cfcfcf; }
.painel .nota, .painel small.nota { color: var(--suave); font-size: 11px; line-height: 1.35; }
.painel details.mais { border: 1px solid var(--linha); border-radius: 8px; padding: 8px 10px; display: grid; gap: 8px; }
.painel details.mais[open] { padding-bottom: 10px; }
.painel details.mais summary { cursor: pointer; font-size: 12px; font-weight: 500; color: #444; }
.painel details.mais > :not(summary) { margin-top: 8px; }
.painel .faixa { display: grid; grid-template-columns: 1fr 58px 14px; gap: 6px; align-items: center; }
.painel .faixa b { font-weight: 400; color: var(--suave); font-size: 12px; }
.painel input[type=range] { width: 100%; padding: 0; }
.painel .preench { display: grid; gap: 8px; }
.fonte-linha input { width: 100%; }
.ed-topo .zoom-ctrl { display: flex; align-items: center; gap: 4px; }
.ed-topo .zoom-ctrl #z-val { font-size: 12px; color: var(--suave); min-width: 40px; text-align: center; }
.ed-topo .btn.ligado { background: #111; color: #fff; }
/* Grade e margens de segurança por cima do slide (não entram na exportação) */
.grade-sobreposta { position: absolute; inset: 0; pointer-events: none; display: none; z-index: 3;
  background-image: linear-gradient(to right, rgba(255, 43, 214, .22) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 43, 214, .22) 1px, transparent 1px);
  background-size: var(--passo, 45px) var(--passo, 45px); }
.grade-sobreposta::after { content: ''; position: absolute; inset: var(--margem, 45px); border: 1px dashed rgba(255, 43, 214, .9); }
.palco.com-grade .grade-sobreposta { display: block; }
/* Galeria de ícones */
.icones-grade { display: grid; grid-template-columns: repeat(auto-fill, minmax(86px, 1fr)); gap: 8px; max-height: 60vh; overflow-y: auto; }
.icones-grade button { border: 1px solid var(--linha); background: #fff; border-radius: 8px; padding: 10px 6px; cursor: pointer; display: grid; gap: 6px; justify-items: center; }
.icones-grade button:hover { border-color: #111; }
.icones-grade svg { width: 30px; height: 30px; fill: #111; }
.icones-grade span { font-size: 10.5px; color: var(--suave); text-align: center; line-height: 1.2; }