:root{--cor-lousa:#2d4a43;--cor-lousa-escura:#263f39;--cor-lapis:#f5c242;--cor-papel:#f7f8f5;--cor-superficie:#fff;--cor-tinta:#22302b;--cor-grafite:#5c6b65;--cor-traco:#d9e0db;--cor-sucesso:#2f7a4f;--cor-alerta:#b45309;--cor-erro:#b42318;--fonte-titulo:"Bricolage Grotesque", system-ui, sans-serif;--fonte-texto:"Atkinson Hyperlegible", system-ui, sans-serif;--texto-xs:.8125rem;--texto-sm:.875rem;--texto-base:1rem;--texto-md:1.25rem;--texto-lg:1.5625rem;--texto-xl:1.9375rem;--texto-2xl:2.4375rem;--espaco-1:4px;--espaco-2:8px;--espaco-3:12px;--espaco-4:16px;--espaco-6:24px;--espaco-8:32px;--espaco-12:48px;--espaco-16:64px;--raio-botao:8px;--raio-card:12px;--raio-chip:999px;--sombra-flutuante:0 1px 2px #22302b14;--duracao-padrao:.18s;--curva-padrao:ease-out;--alvo-minimo:44px}@media (prefers-reduced-motion:reduce){:root{--duracao-padrao:0s}}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--cor-papel);color:var(--cor-tinta);font-family:var(--fonte-texto);font-size:var(--texto-base);-webkit-font-smoothing:antialiased;line-height:1.5}#raiz{flex-direction:column;min-height:100%;display:flex}h1,h2,h3{font-family:var(--fonte-titulo);margin:0;font-weight:700;line-height:1.2}h1{font-size:var(--texto-xl)}h2{font-size:var(--texto-lg)}h3{font-size:var(--texto-md);font-weight:600}p{max-width:72ch;margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--cor-lousa);outline-offset:2px}.barra{align-items:center;gap:var(--espaco-6);padding:0 var(--espaco-6);background:var(--cor-superficie);border-bottom:1px solid var(--cor-traco);z-index:20;height:64px;display:flex;position:sticky;top:0}.barra nav{gap:var(--espaco-2);height:100%;display:flex}.aba{padding:0 var(--espaco-3);min-height:var(--alvo-minimo);color:var(--cor-grafite);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;height:100%;font-weight:600}.aba[aria-current=page]{color:var(--cor-lousa);border-bottom-color:var(--cor-lousa)}.barra .espaco{flex:1}.botao{justify-content:center;align-items:center;gap:var(--espaco-2);min-height:48px;padding:0 var(--espaco-6);border-radius:var(--raio-botao);border:1.5px solid var(--cor-lousa);cursor:pointer;transition:background var(--duracao-padrao) var(--curva-padrao);white-space:nowrap;font-weight:600;text-decoration:none;display:inline-flex}.botao-primario{background:var(--cor-lousa);color:#fff}.botao-primario:hover{background:var(--cor-lousa-escura)}.botao-secundario{color:var(--cor-lousa);background:0 0}.botao-secundario:hover{background:#2d4a430f}.botao:disabled{opacity:.5;cursor:not-allowed}.botao-pequeno{min-height:var(--alvo-minimo);padding:0 var(--espaco-4)}.botao-icone{width:var(--alvo-minimo);height:var(--alvo-minimo);border-radius:var(--raio-botao);color:var(--cor-tinta);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.botao-icone:hover{background:#2d4a4314}.botao-icone[aria-pressed=true]{border-color:var(--cor-lousa);color:var(--cor-lousa);background:#2d4a430f}.botao-icone:disabled{opacity:.35;cursor:not-allowed}.chip-ia{align-items:center;gap:var(--espaco-2);min-height:var(--alvo-minimo);padding:0 var(--espaco-4);border:1px dashed var(--cor-lousa);border-radius:var(--raio-chip);background:var(--cor-superficie);color:var(--cor-lousa);cursor:pointer;text-align:left;font-weight:600;display:inline-flex}.chip-ia:hover{background:#2d4a430f}.chip-ia:disabled{opacity:.5;cursor:wait}.selo{background:var(--cor-lapis);color:var(--cor-tinta);border-radius:var(--raio-chip);font-size:var(--texto-xs);padding:2px 10px;font-weight:600;display:inline-block}.campo{gap:var(--espaco-2);flex-direction:column;display:flex}.campo label,.rotulo{font-weight:600}.campo .ajuda{color:var(--cor-grafite);font-size:var(--texto-sm)}.entrada,select.entrada,textarea.entrada{border:1px solid var(--cor-traco);border-radius:var(--raio-botao);background:var(--cor-superficie);min-height:48px;padding:0 var(--espaco-4);width:100%}textarea.entrada{padding:var(--espaco-3) var(--espaco-4);resize:vertical;min-height:96px}.entrada:focus{border:2px solid var(--cor-lousa);padding:0 calc(var(--espaco-4) - 1px);outline:none}textarea.entrada:focus{padding:calc(var(--espaco-3) - 1px) calc(var(--espaco-4) - 1px)}.campo-erro{color:var(--cor-erro);font-size:var(--texto-sm);gap:var(--espaco-1);align-items:center;display:flex}.opcoes-segmentadas{gap:var(--espaco-2);flex-wrap:wrap;display:flex}.opcao-segmentada{min-height:var(--alvo-minimo);min-width:var(--alvo-minimo);padding:0 var(--espaco-4);border:1px solid var(--cor-traco);border-radius:var(--raio-botao);background:var(--cor-superficie);cursor:pointer;font-weight:600}.opcao-segmentada[aria-pressed=true]{border:2px solid var(--cor-lousa);color:var(--cor-lousa);background:#2d4a430d}.opcao-segmentada:disabled{opacity:.4;cursor:not-allowed}.card{background:var(--cor-superficie);border:1px solid var(--cor-traco);border-radius:var(--raio-card);padding:var(--espaco-6)}.card-clicavel{cursor:pointer;text-align:left;transition:border-color var(--duracao-padrao) var(--curva-padrao)}.card-clicavel:hover{border-color:var(--cor-lousa)}.mensagem{gap:var(--espaco-3);border-radius:var(--raio-card);padding:var(--espaco-4);border:1px solid var(--cor-traco);background:var(--cor-superficie);align-items:flex-start;display:flex}.mensagem-erro{border-color:var(--cor-erro)}.mensagem-erro svg{color:var(--cor-erro);flex:none}.mensagem-alerta{border-color:var(--cor-alerta)}.mensagem-alerta svg{color:var(--cor-alerta);flex:none}.mensagem-sucesso svg{color:var(--cor-sucesso);flex:none}.grade-pontos{background-color:var(--cor-papel);background-image:radial-gradient(circle, var(--cor-traco) 1px, transparent 1.2px);background-size:24px 24px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.conteudo{width:100%;max-width:1120px;padding:var(--espaco-12) var(--espaco-6);gap:var(--espaco-12);flex-direction:column;margin:0 auto;display:flex}@media (width<=720px){.barra{padding:0 var(--espaco-4);gap:var(--espaco-3)}.conteudo{padding:var(--espaco-8) var(--espaco-4);gap:var(--espaco-8)}h1{font-size:var(--texto-lg)}}.inicio-destaque{gap:var(--espaco-12);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;display:grid}.previa-folha{aspect-ratio:210/297;background:var(--cor-superficie);border:1px solid var(--cor-traco);justify-content:space-around;gap:var(--espaco-3);width:min(100%,420px);transform:translateX(var(--espaco-8)) rotate(1.5deg);flex-direction:column;margin:0 0 0 auto;padding:7%;display:flex}.caixa-opcao{border:1.5px solid var(--cor-tinta);border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:inline-flex}.caixa-opcao[data-certa]{outline:2px solid var(--cor-lapis);outline-offset:2px}.lista-trabalhos{gap:var(--espaco-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0;padding:0;list-style:none;display:grid}.item-trabalho{align-items:center;gap:var(--espaco-2);padding:var(--espaco-3);display:flex}.item-trabalho-abrir{align-items:center;gap:var(--espaco-4);cursor:pointer;text-align:left;background:0 0;border:0;flex:1;min-width:0;padding:0;display:flex}.miniatura{aspect-ratio:210/297;border:1px solid var(--cor-traco);background:var(--cor-papel);flex:none;width:64px;overflow:hidden}.miniatura img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=720px){.inicio-destaque{gap:var(--espaco-8);grid-template-columns:1fr}.previa-folha{width:78%;margin:0 auto;transform:none}}.editor{flex-direction:column;flex:1;height:calc(100dvh - 64px);min-height:0;display:flex}.editor-barra{align-items:center;gap:var(--espaco-1);padding:var(--espaco-1) var(--espaco-4);background:var(--cor-superficie);border-bottom:1px solid var(--cor-traco);scrollbar-width:thin;flex:none;display:flex;overflow-x:auto}.editor-barra .espaco{flex:1}.separador{width:1px;margin:var(--espaco-2) var(--espaco-1);background:var(--cor-traco);flex:none;align-self:stretch}.titulo-trabalho{border-radius:var(--raio-botao);min-height:var(--alvo-minimo);padding:0 var(--espaco-2);background:0 0;border:1px solid #0000;width:220px;min-width:120px;font-weight:600}.titulo-trabalho:hover,.titulo-trabalho:focus{border-color:var(--cor-traco);outline:none}.estado-salvo{color:var(--cor-grafite);font-size:var(--texto-sm);white-space:nowrap}.so-celular{display:none}.editor-corpo{flex:1;grid-template-columns:1fr;min-height:0;display:grid}.editor-corpo.com-painel{grid-template-columns:1fr 320px}.area-canvas{touch-action:pan-x pan-y;min-width:0;min-height:0;position:relative;overflow:auto}.painel{border-left:1px solid var(--cor-traco);background:var(--cor-superficie);min-height:0;overflow-y:auto}.painel-secao{padding:var(--espaco-4);border-bottom:1px solid var(--cor-traco);gap:var(--espaco-3);flex-direction:column;display:flex}.painel-titulo{font-size:var(--texto-base);font-family:var(--fonte-texto);font-weight:700}.grade-campos{gap:var(--espaco-3);grid-template-columns:1fr 1fr;display:grid}.campo-numero{gap:var(--espaco-1);flex-direction:column;display:flex}.campo-numero label{font-size:var(--texto-sm);color:var(--cor-grafite);font-weight:600}.campo-numero>div{align-items:center;gap:var(--espaco-1);display:flex}.campo-numero .entrada{min-height:var(--alvo-minimo);padding:0 var(--espaco-2)}.campo-numero .entrada:focus{padding:0 calc(var(--espaco-2) - 1px)}.campo-numero span{color:var(--cor-grafite);font-size:var(--texto-sm)}.linha-botoes{gap:var(--espaco-1);flex-wrap:wrap;align-items:center;display:flex}.lista-chips{gap:var(--espaco-2);flex-direction:column;align-items:flex-start;display:flex}.caixa-marcar{align-items:center;gap:var(--espaco-2);min-height:var(--alvo-minimo);cursor:pointer;display:flex}.caixa-marcar input{width:20px;height:20px;accent-color:var(--cor-lousa)}.paleta{gap:var(--espaco-2);flex-wrap:wrap;display:flex}.cor{width:var(--alvo-minimo);height:var(--alvo-minimo);border-radius:var(--raio-chip);border:1px solid var(--cor-traco);cursor:pointer;padding:0;position:relative}.cor[aria-pressed=true]{outline:3px solid var(--cor-lousa);outline-offset:2px}.cor-nenhuma{background:linear-gradient(135deg, #fff 45%, var(--cor-erro) 45%, var(--cor-erro) 55%, #fff 55%)}.cor-personalizada{background:conic-gradient(#b42318,#f5c242,#2f7a4f,#1d4e89,#b42318);overflow:hidden}.cor-personalizada input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.lista-camadas{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lista-camadas li{border-radius:var(--raio-botao);align-items:center;display:flex}.lista-camadas li[aria-selected=true]{background:#2d4a4314}.camada-nome{align-items:center;gap:var(--espaco-2);min-width:0;min-height:var(--alvo-minimo);padding:0 var(--espaco-2);cursor:pointer;text-align:left;background:0 0;border:0;flex:1;display:flex}.camada-nome span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.barra-flutuante{padding:var(--espaco-1);background:var(--cor-superficie);border:1px solid var(--cor-traco);border-radius:var(--raio-card);box-shadow:var(--sombra-flutuante);z-index:5;gap:2px;display:flex;position:absolute;transform:translate(-50%)}.texto-no-lugar{border:2px solid var(--cor-lousa);resize:none;transform-origin:0 0;z-index:6;background:#fffffff2;outline:none;margin:0;padding:0;position:absolute;overflow:hidden}.menu{background:var(--cor-superficie);border:1px solid var(--cor-traco);border-radius:var(--raio-card);box-shadow:var(--sombra-flutuante);padding:var(--espaco-1);z-index:30;flex-direction:column;min-width:180px;display:flex;position:absolute;top:calc(100% + 4px);left:0}.menu button{align-items:center;gap:var(--espaco-3);min-height:var(--alvo-minimo);padding:0 var(--espaco-3);border-radius:var(--raio-botao);cursor:pointer;text-align:left;background:0 0;border:0;display:flex}.menu button:hover{background:#2d4a4314}.dialogo{border:1px solid var(--cor-traco);border-radius:var(--raio-card);padding:var(--espaco-6);width:min(720px,100vw - 32px);max-height:calc(100dvh - 48px);box-shadow:var(--sombra-flutuante);color:var(--cor-tinta)}.dialogo::backdrop{background:#22302b59}.dialogo-cabecalho{margin-bottom:var(--espaco-4);justify-content:space-between;align-items:center;display:flex}.grade-ilustracoes{margin:var(--espaco-4) 0 0;gap:var(--espaco-2);grid-template-columns:repeat(auto-fill,minmax(88px,1fr));padding:0;list-style:none;display:grid}.item-ilustracao{align-items:center;gap:var(--espaco-1);width:100%;padding:var(--espaco-2);background:var(--cor-superficie);border:1px solid var(--cor-traco);border-radius:var(--raio-botao);cursor:pointer;min-height:84px;font-size:var(--texto-sm);flex-direction:column;display:flex}.item-ilustracao:hover{border-color:var(--cor-lousa)}.item-ilustracao span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.exportar-corpo{gap:var(--espaco-6);grid-template-columns:220px 1fr;align-items:start;display:grid}.previa-exportar{border:1px solid var(--cor-traco);background:#fff;display:flex}.previa-exportar img{width:100%;display:block}.previa-exportar.duas{aspect-ratio:297/210}.previa-exportar.duas img{width:50%}.previa-exportar.duas img+img{border-left:1px dashed var(--cor-grafite)}@media (width<=900px){.so-celular{display:inline-flex}.editor-corpo.com-painel{grid-template-rows:minmax(0,1fr) minmax(0,45%);grid-template-columns:1fr}.painel{border-left:0;border-top:1px solid var(--cor-traco)}.estado-salvo{display:none}.titulo-trabalho{width:140px}.exportar-corpo{grid-template-columns:1fr}.previa-exportar{max-width:220px}}