:root{--destaque:#2a5fb0;--texto:#1a1a1a;--texto-leve:#5f6368;--borda:#dfe1e5;--fundo:#f6f7f9;--cartao:#fff;--erro:#b42318;--erro-fundo:#fef3f2;--aviso:#8a5a00;--aviso-fundo:#fff8e6;--ok:#067647;--ok-fundo:#ecfdf3;--fonte:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#raiz{height:100%;margin:0}body{font:14px/1.45 var(--fonte);background:var(--fundo);color:var(--texto)}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--borda);background:var(--cartao);border-radius:6px;padding:5px 12px}button:hover:not(:disabled){border-color:#b8bcc2}button:disabled{cursor:not-allowed;opacity:.5}button.primario{background:var(--destaque);border-color:var(--destaque);color:#fff;font-weight:600}button.perigo{color:var(--erro)}button.pequeno{padding:2px 8px;font-size:12px}button.link{color:var(--destaque);text-align:left;background:0 0;border:0;padding:0}button.link:hover{text-decoration:underline}select,input[type=text]{border:1px solid var(--borda);background:var(--cartao);border-radius:6px;max-width:100%;padding:4px 8px}input.invalido{border-color:var(--erro)}code{font-family:var(--mono);color:var(--texto-leve);font-size:12px}:focus-visible{outline:2px solid var(--destaque);outline-offset:2px}.vazio{color:var(--texto-leve);padding:12px 0}.ok{color:var(--ok)}.espaco{flex:1}.faixa-erro,.faixa-ok{border-radius:6px;margin:8px 16px;padding:8px 12px}.faixa-erro{background:var(--erro-fundo);color:var(--erro)}.faixa-ok{background:var(--ok-fundo);color:var(--ok)}.faixa-erro ul{margin:4px 0 0;padding-left:20px}.carregando,.carregando-grande{border:2px solid var(--borda);border-top-color:var(--destaque);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite girar;display:inline-block}.carregando-grande{width:32px;height:32px}@keyframes girar{to{transform:rotate(360deg)}}.pagina-centro{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.estudio{flex-direction:column;height:100dvh;display:flex}.topo{color:#fff;background:#1f2328;flex-wrap:wrap;align-items:center;gap:20px;padding:8px 16px;display:flex}.topo h1{margin:0;font-size:15px}.topo label{color:#c9ccd1;align-items:center;gap:8px;display:flex}.topo select{color:#fff;background:#2d333b;border-color:#444c56}.topo nav{gap:4px;display:flex}.topo nav a{color:#c9ccd1;border-radius:6px;padding:4px 10px;text-decoration:none}.topo nav a[aria-current=page]{color:#fff;background:#444c56}main{flex:1;min-height:0;overflow:auto}.pagina{flex-direction:column;gap:16px;max-width:900px;margin:0 auto;padding:16px;display:flex}.cartao{background:var(--cartao);border:1px solid var(--borda);border-radius:8px;padding:16px}.cartao h2{margin:0 0 8px;font-size:15px}.cartao p{margin:0 0 8px}.linha{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.linha label{align-items:center;gap:8px;display:flex}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--borda);padding:6px 8px}th{color:var(--texto-leve);font-size:12px;font-weight:600}.catalogo{margin:0 0 12px;padding:0;list-style:none}.catalogo li{border-bottom:1px solid var(--borda);align-items:center;gap:8px;padding:6px 0;display:flex}.catalogo .nome{font-family:var(--mono);flex:1}.marcar{align-items:center;gap:6px;display:inline-flex}.rascunho{flex-direction:column;height:100%;display:flex}.barra-rascunho{background:var(--cartao);border-bottom:1px solid var(--borda);flex-wrap:wrap;align-items:center;gap:12px;padding:8px 16px;display:flex}.barra-rascunho h2{font-size:15px;font-family:var(--mono);margin:0}.barra-rascunho h2 small{font-family:var(--fonte);color:var(--texto-leve);font-weight:400}.situacao{color:var(--texto-leve);font-size:12px}.situacao.ruim{color:var(--erro);font-weight:600}.area{flex:1;grid-template-columns:210px minmax(380px,1fr) minmax(420px,1.1fr);min-height:0;display:grid}.arquivos{border-right:1px solid var(--borda);background:var(--cartao);flex-direction:column;display:flex;overflow:auto}.arquivos ul{flex:1;margin:0;padding:6px 0;list-style:none}.arquivos li{display:flex}.arquivos li button{text-align:left;font:12px var(--mono);background:0 0;border:0;border-radius:0;padding:3px 12px}.arquivos li button:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.arquivos li.aberto{background:#e8f0fb}.arquivos li .com-erro{color:var(--erro);font-weight:600}.arquivos li .remover{visibility:hidden;color:var(--texto-leve)}.arquivos li:hover .remover{visibility:visible}.acoes-arquivos{border-top:1px solid var(--borda);flex-wrap:wrap;gap:6px;padding:8px;display:flex}.centro{border-right:1px solid var(--borda);flex-direction:column;min-width:0;min-height:0;display:flex}.abas{background:var(--cartao);border-bottom:1px solid var(--borda);display:flex}.abas button{background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:8px 14px;font-size:13px}.abas button[aria-selected=true]{border-bottom-color:var(--destaque);font-weight:600}.abas button:first-child{font-family:var(--mono);font-size:12px}.conteudo-aba{background:var(--cartao);flex:1;min-height:0;overflow:auto}.ocupa,.editor{height:100%}.editor .cm-editor{height:100%;font-size:13px}.editor .cm-scroller{font-family:var(--mono)}.conteudo-aba>.vazio,.ocupa>.vazio{padding:16px}.validacao{border-top:1px solid var(--borda);background:var(--fundo);max-height:30%;padding:6px 12px;font-size:12px;overflow:auto}.validacao p{margin:4px 0}.validacao ul{margin:0;padding:0;list-style:none}.validacao li{gap:8px;padding:3px 0;display:flex}.validacao .tipo{flex-shrink:0;width:40px;font-weight:600}.validacao .erro .tipo,.validacao .erro button{color:var(--erro)}.validacao .aviso .tipo,.validacao .aviso button{color:var(--aviso)}.validacao li button{font-family:var(--mono);font-size:12px}.temas{flex-direction:column;gap:12px;padding:12px;display:flex}.tema{border:1px solid var(--borda);border-radius:8px;padding:10px 12px}.tema.ativo{border-color:var(--destaque)}.tema header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.tema header button{margin-left:auto}.cores{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.cores label{grid-template-columns:auto 1fr;align-items:center;gap:2px 6px;font-size:12px;display:grid}.cores label span{color:var(--texto-leve);grid-column:1/-1}.cores input[type=color]{border:1px solid var(--borda);background:0 0;border-radius:4px;width:32px;height:28px;padding:0}.cores input[type=text]{font-family:var(--mono);width:90px;font-size:12px}.contrastes{margin:8px 0 0;padding:0;font-size:12px;list-style:none}.contrastes li{align-items:center;gap:6px;padding:2px 0;display:flex}.contrastes .baixo{color:var(--erro)}.amostra-cor{text-align:center;border:1px solid var(--borda);border-radius:4px;width:30px;font-weight:700;display:inline-block}.secoes{margin:0;padding:12px;list-style:none}.secoes li{border-bottom:1px solid var(--borda);gap:10px;padding:8px 0;display:flex}.mover{flex-direction:column;gap:2px;display:flex}.secao-dados{flex-wrap:wrap;flex:1;align-items:center;gap:4px 12px;display:flex}.secao-dados .link{font-family:var(--mono);font-size:12px}.exige{color:var(--texto-leve);flex-basis:100%;align-items:center;gap:6px;font-size:12px;display:flex}.exige input{font-family:var(--mono);flex:1;font-size:12px}.lado-previa{flex-direction:column;min-width:0;min-height:0;display:flex}.controles-previa{background:var(--cartao);border-bottom:1px solid var(--borda);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 12px;font-size:12px;display:flex}.controles-previa>label{align-items:center;gap:6px;display:flex}.segmentado{display:inline-flex}.segmentado button{border-radius:0;padding:3px 10px;font-size:12px}.segmentado button:first-child{border-radius:6px 0 0 6px}.segmentado button:last-child{border-left:0;border-radius:0 6px 6px 0}.segmentado button[aria-pressed=true]{color:#fff;background:#1f2328;border-color:#1f2328}.variacoes{border:0;flex-wrap:wrap;gap:10px;margin:0;padding:0;display:flex}.variacoes legend{float:left;color:var(--texto-leve);margin-right:4px}.quadros{background:var(--borda);flex:1;grid-template-columns:1fr;gap:1px;min-height:0;display:grid}.quadros.dois{grid-template-columns:1fr 1fr}.quadro{background:#e9ebee;flex-direction:column;min-width:0;min-height:0;display:flex}.quadro-titulo{color:var(--texto-leve);background:var(--cartao);align-items:center;gap:8px;padding:4px 10px;font-size:12px;display:flex}.quadro-janela{flex:1;min-height:0;position:relative;overflow:hidden}.quadro-janela iframe{transform-origin:top;background:#fff;border:0;margin:0;position:absolute;top:0;left:50%;translate:-50%}.quadro-janela iframe.escondido{visibility:hidden}.quadro-erro{z-index:1;background:var(--erro-fundo);color:var(--erro);padding:16px;font-size:12px;position:absolute;inset:0;overflow:auto}.quadro-erro ul{font-family:var(--mono);padding-left:18px}@media (width<=1100px){.area{grid-template-columns:1fr;grid-auto-rows:minmax(420px,auto);overflow:auto}.arquivos{border-right:0;border-bottom:1px solid var(--borda);max-height:220px}.lado-previa{min-height:640px}}