:root{--fundo: #f4f5f8;--painel: #ffffff;--painel-2: #f0f2f6;--borda: #dfe3ea;--texto: #18202e;--texto-2: #5b6474;--primaria: #2f6bff;--primaria-texto: #ffffff;--perigo: #d92d3a;--ok: #138a4e;--aviso: #b26b00;--raio: 10px;--sombra: 0 1px 2px rgba(16, 24, 40, .06), 0 4px 16px rgba(16, 24, 40, .06);color-scheme:light}@media(prefers-color-scheme:dark){:root{--fundo: #0f131a;--painel: #171c25;--painel-2: #1f2531;--borda: #2b3342;--texto: #e8ecf3;--texto-2: #9aa4b5;--primaria: #5b8cff;--sombra: 0 1px 2px rgba(0, 0, 0, .4);color-scheme:dark}}*{box-sizing:border-box}html,body,#raiz{height:100%}body{margin:0;background:var(--fundo);color:var(--texto);font:15px/1.45 Poppins,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{width:100%;padding:8px 10px;border:1px solid var(--borda);border-radius:8px;background:var(--painel);min-width:0}input[type=color]{padding:2px;height:36px;cursor:pointer}input[type=checkbox]{width:auto}textarea{resize:vertical}label{display:grid;gap:4px;font-size:13px;color:var(--texto-2)}h1,h2,h3{margin:0;line-height:1.2}h2{font-size:18px}h3{font-size:15px}.botao{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--borda);background:var(--painel);cursor:pointer;white-space:nowrap;text-decoration:none}.botao:hover{border-color:var(--primaria)}.botao:disabled{opacity:.55;cursor:not-allowed}.botao.primario{background:var(--primaria);color:var(--primaria-texto);border-color:var(--primaria)}.botao.perigo{color:var(--perigo)}.botao.pequeno{padding:4px 9px;font-size:13px}.botao.ativo{border-color:var(--primaria);background:color-mix(in srgb,var(--primaria) 12%,var(--painel))}.erro{color:var(--perigo);margin:0;font-size:14px}.dica{color:var(--texto-2);font-size:13px;margin:0}.ok{color:var(--ok)}.tela-login,.tela-centro{min-height:100%;display:grid;place-items:center;padding:16px}.tela-centro{align-content:center;gap:12px;text-align:center}.cartao-login{width:min(380px,100%);background:var(--painel);border:1px solid var(--borda);border-radius:14px;padding:24px;display:grid;gap:14px;box-shadow:var(--sombra)}.marca{display:flex;gap:12px;align-items:center}.marca h1{font-size:19px}.marca p{margin:0;color:var(--texto-2);font-size:13px}.marca-icone{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#2f6bff,#e11d2e);color:#fff;font-weight:800}.girando{width:34px;height:34px;border-radius:50%;border:4px solid var(--borda);border-top-color:var(--primaria);animation:gira .8s linear infinite;margin:0 auto}@keyframes gira{to{transform:rotate(360deg)}}.topo{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--painel);border-bottom:1px solid var(--borda);position:sticky;top:0;z-index:5}.topo .marca h1{font-size:16px}.topo .espaco{flex:1}.topo .usuario{color:var(--texto-2);font-size:13px}.conteudo{padding:16px;max-width:1200px;margin:0 auto;display:grid;gap:16px}.caixa{background:var(--painel);border:1px solid var(--borda);border-radius:var(--raio);padding:16px;box-shadow:var(--sombra)}.linha{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.grade-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grade-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.grade-4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media(max-width:640px){.grade-3,.grade-4{grid-template-columns:1fr 1fr}}.aviso-faixa{padding:10px 14px;border-radius:8px;background:color-mix(in srgb,var(--aviso) 14%,var(--painel));color:var(--texto);font-size:14px}.cartoes{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.cartao{background:var(--painel);border:1px solid var(--borda);border-radius:var(--raio);overflow:hidden;display:grid;cursor:pointer;text-align:left;padding:0}.cartao:hover{border-color:var(--primaria)}.cartao.selecionado{outline:3px solid var(--primaria);outline-offset:-1px}.cartao .miniatura{aspect-ratio:3 / 4;background:var(--painel-2);display:grid;place-items:center;overflow:hidden}.cartao .miniatura canvas{width:100%;height:100%;object-fit:contain}.cartao .info{padding:10px 12px;display:grid;gap:2px}.cartao .info small{color:var(--texto-2)}.selo{display:inline-block;font-size:11px;padding:1px 7px;border-radius:99px;background:var(--painel-2);color:var(--texto-2);margin-right:4px}.selo.premium{background:#fff1c2;color:#7a5200}.selo.off{background:color-mix(in srgb,var(--perigo) 15%,var(--painel));color:var(--perigo)}.editor{display:grid;grid-template-columns:minmax(320px,420px) 1fr;height:calc(100vh - 59px)}.editor .lado{overflow:auto;border-right:1px solid var(--borda);background:var(--painel)}.editor .palco{overflow:auto;display:grid;grid-template-rows:auto 1fr auto;min-width:0}@media(max-width:900px){.editor{grid-template-columns:1fr;height:auto}.editor .lado{border-right:0;border-bottom:1px solid var(--borda)}}.abas{display:flex;border-bottom:1px solid var(--borda);position:sticky;top:0;background:var(--painel);z-index:2}.abas button{flex:1;padding:11px 6px;border:0;background:none;cursor:pointer;border-bottom:2px solid transparent;color:var(--texto-2)}.abas button.ativa{color:var(--texto);border-bottom-color:var(--primaria);font-weight:600}.secao{padding:14px;display:grid;gap:12px}.barra-palco{display:flex;gap:8px;align-items:center;padding:10px 14px;flex-wrap:wrap;border-bottom:1px solid var(--borda);background:var(--painel)}.area-canvas{display:grid;place-items:center;padding:16px;min-height:0}.area-canvas canvas{max-width:100%;max-height:calc(100vh - 190px);height:auto;box-shadow:0 6px 30px #00000040;background:#fff;cursor:pointer}.produto-item{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:8px;border:1px solid var(--borda);border-radius:8px;background:var(--painel)}.produto-item.marcado{border-color:var(--primaria);box-shadow:0 0 0 2px color-mix(in srgb,var(--primaria) 25%,transparent)}.produto-item .foto{width:44px;height:44px;border-radius:6px;background:var(--painel-2) center/contain no-repeat}.produto-item .nome{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.produto-item .preco{color:var(--texto-2);font-size:13px}.lista-produtos{display:grid;gap:6px}.previa-lista{max-height:220px;overflow:auto;border:1px solid var(--borda);border-radius:8px}.previa-lista table{width:100%;border-collapse:collapse;font-size:13px}.previa-lista th,.previa-lista td{padding:5px 8px;border-bottom:1px solid var(--borda);text-align:left}.previa-lista th{position:sticky;top:0;background:var(--painel-2)}.dialogo-fundo{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;padding:16px;z-index:20}.dialogo{background:var(--painel);border-radius:14px;padding:20px;width:min(520px,100%);display:grid;gap:12px;max-height:90vh;overflow:auto}.xadrez{display:grid;place-items:center;border-radius:6px;overflow:hidden;background:repeating-conic-gradient(#e6e8ec,#e6e8ec 25%,#fff 0%,#fff 50%) 50% / 16px 16px}.grade-imagens{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.img-banco{display:grid;gap:4px;padding:8px;text-align:left;cursor:pointer;border:1px solid var(--borda);border-radius:10px;background:var(--painel);min-width:0}.img-banco:hover,.img-banco.escolhida{border-color:var(--primaria)}.img-banco.escolhida{box-shadow:0 0 0 2px color-mix(in srgb,var(--primaria) 30%,transparent)}.img-banco.inativa{opacity:.45}.img-banco .xadrez{aspect-ratio:1}.img-banco img{max-width:92%;max-height:92%;object-fit:contain}.img-banco .nome{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.img-banco .dica{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-foto{width:40px;height:40px;border-radius:6px;cursor:pointer;border:1px solid var(--borda);padding:0}.mini-foto img{max-width:90%;max-height:90%}.painel-preparo{display:grid;gap:8px;padding:10px;border:1px solid var(--primaria);border-radius:var(--raio);background:color-mix(in srgb,var(--primaria) 5%,var(--painel))}.cartao-preparo{display:grid;gap:8px;padding:8px;border:1px solid var(--borda);border-radius:10px;background:var(--painel)}.cartao-preparo.adicionado{opacity:.65}.preparo-linha{display:grid;grid-template-columns:104px 1fr;gap:10px;align-items:start}.preparo-foto{position:relative;width:104px;height:104px;cursor:pointer}.preparo-foto img{max-width:92%;max-height:92%;object-fit:contain}.preparo-foto .sobre{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;gap:6px;align-items:center;justify-content:center;background:#0a0e1699;border-radius:6px}.preparo-foto:hover .sobre,.preparo-foto.aberta .sobre{display:flex}.preparo-foto .sobre .botao{min-width:74px}.preparo-girando{position:absolute;width:26px;height:26px;border-width:3px}.selo-foto{position:absolute;left:4px;bottom:4px;font-size:10px;font-weight:700;padding:1px 6px;border-radius:99px;color:#fff}.selo-foto.ok{background:var(--ok)}.selo-foto.atencao{background:var(--aviso)}.selo-mantida{position:absolute;right:4px;top:4px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:var(--ok);color:#fff}.preparo-info{display:grid;gap:4px;min-width:0}.preparo-info .nome{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preco-preparo{font-size:14px}.preparo-adicionado{font-weight:600;font-size:14px}.preparo-trocar{display:grid;gap:8px;border-top:1px dashed var(--borda);padding-top:8px}.preparo-opcoes{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px;max-height:260px;overflow:auto}.preparo-opcoes .img-banco{padding:4px}.faixa-teste{position:fixed;right:12px;bottom:12px;z-index:50;display:flex;gap:6px;align-items:center;flex-wrap:wrap;background:#ff8a00;color:#1b1b1b;padding:8px 10px;border-radius:10px;font-size:13px;box-shadow:0 4px 18px #00000059;max-width:calc(100vw - 24px)}.faixa-teste button,.faixa-teste a{background:#fff;color:#1b1b1b;border:0;border-radius:6px;padding:4px 8px;cursor:pointer;font-size:12px;text-decoration:none}.faixa-teste button.ativo{background:#1b1b1b;color:#fff}.tabela{width:100%;border-collapse:collapse;font-size:14px}.tabela th,.tabela td{padding:8px 10px;border-bottom:1px solid var(--borda);text-align:left;vertical-align:middle}.tabela th{color:var(--texto-2);font-weight:600;font-size:13px}.tabela-rolagem{overflow-x:auto}.chave{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--texto);cursor:pointer}.editor-areas{position:relative;width:100%;background:var(--painel-2);border-radius:8px;overflow:hidden}.editor-areas canvas{width:100%;display:block}.editor-areas .area{position:absolute;border:2px dashed;border-radius:4px;cursor:move;display:grid;place-items:start;font-size:11px;font-weight:700;padding:2px 5px;color:#fff;text-shadow:0 1px 2px #000}.editor-areas .area .alca{position:absolute;right:-6px;bottom:-6px;width:14px;height:14px;border-radius:3px;background:#fff;border:2px solid currentColor;cursor:nwse-resize}.editor-livre{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr) minmax(280px,340px);height:calc(100vh - 59px);min-height:0}.editor-livre>.lado,.editor-livre>.lado-direito{overflow:auto;background:var(--painel);min-height:0}.editor-livre>.lado{border-right:1px solid var(--borda)}.editor-livre>.lado-direito{border-left:1px solid var(--borda);padding:12px}.editor-livre>.palco{overflow:auto;display:grid;grid-template-rows:auto auto 1fr;min-width:0;min-height:0}.editor-livre .area-canvas{align-content:start}@media(max-width:1100px){.editor-livre{grid-template-columns:1fr;height:auto}.editor-livre>.lado,.editor-livre>.lado-direito{border:0;border-bottom:1px solid var(--borda);max-height:60vh}}.barra-palco .separador{width:1px;align-self:stretch;background:var(--borda);margin:0 2px}.palco-livre{position:relative;display:inline-block;line-height:0;max-width:100%}.palco-livre canvas{display:block;max-width:100%;max-height:calc(100vh - 210px);height:auto;box-shadow:0 6px 30px #00000040;background:#fff}.palco-sobreposto{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;cursor:default;overflow:visible}.caixa-selecao,.caixa-aberta,.edicao-direta{position:absolute;left:0;top:0;transform-origin:0 0}.caixa-selecao{outline:2px solid #2f7cf6;pointer-events:none}.caixa-selecao.bloqueada{outline-style:dashed;outline-color:#8a94a6}.caixa-aberta{outline:2px dashed #ff8a00;pointer-events:none}.alca{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;background:#fff;border:2px solid #2f7cf6;border-radius:3px;pointer-events:auto;box-sizing:border-box}.alca-nw{left:0;top:0}.alca-n{left:50%;top:0}.alca-ne{left:100%;top:0}.alca-e{left:100%;top:50%}.alca-se{left:100%;top:100%}.alca-s{left:50%;top:100%}.alca-sw{left:0;top:100%}.alca-w{left:0;top:50%}.alca-girar{left:50%;top:-30px;border-radius:50%;cursor:grab;width:14px;height:14px;margin:-7px 0 0 -7px}.alca-girar:after{content:"";position:absolute;left:4px;top:12px;width:2px;height:16px;background:#2f7cf6}.edicao-direta{z-index:3;line-height:1.4}.edicao-direta textarea,.edicao-direta input{font-size:16px;box-shadow:0 4px 18px #00000059;border:2px solid #2f7cf6}.painel-camadas{display:grid;gap:1px;font-size:13px}.camada{display:flex;align-items:center;gap:4px;padding:3px 4px;border-radius:6px;cursor:pointer;border:1px solid transparent;-webkit-user-select:none;user-select:none;min-width:0}.camada:hover{background:var(--painel-2)}.camada.marcada{background:color-mix(in srgb,var(--primaria) 16%,var(--painel));border-color:var(--primaria)}.camada.oculta .nome-camada{opacity:.45}.camada.alvo-antes{box-shadow:inset 0 2px 0 var(--primaria)}.camada.alvo-depois{box-shadow:inset 0 -2px 0 var(--primaria)}.camada.alvo-dentro{background:color-mix(in srgb,var(--primaria) 28%,var(--painel))}.camada .seta,.camada .mini{border:0;background:none;cursor:pointer;padding:0 3px;color:var(--texto-2);font-size:12px}.camada .icone{width:22px;text-align:center;font-size:11px;font-weight:700;color:var(--texto-2);flex:none}.camada .nome-camada{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.camada input{padding:1px 4px;font-size:13px}.painel-props{display:grid;gap:8px}.grupo-prop{border:1px solid var(--borda);border-radius:8px;background:var(--painel)}.grupo-prop>summary{cursor:pointer;padding:7px 10px;font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grupo-prop-corpo{display:grid;gap:8px;padding:0 10px 10px}.grupo-prop .grupo-prop{background:var(--painel-2)}.painel-props .grade-4{grid-template-columns:repeat(2,1fr)}.painel-props label{font-size:12px}.painel-props input,.painel-props select,.painel-props textarea{padding:5px 7px;font-size:13px}.cor-campo{display:grid;grid-template-columns:38px 1fr;gap:4px}.cor-campo input[type=color]{height:31px}.biblioteca .grade-componentes{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.componente{display:grid;gap:4px;padding:6px;border:1px solid var(--borda);border-radius:10px;background:var(--painel);min-width:0;align-content:start}.componente .xadrez{aspect-ratio:4 / 3}.componente img{max-width:94%;max-height:94%;object-fit:contain}.componente .nome{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.componente .dica{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialogo-fundo.tela-cheia{padding:10px}.dialogo.dialogo-grande{width:min(1700px,100%);height:calc(100vh - 20px);max-height:none;grid-template-rows:auto auto 1fr;overflow:hidden;padding:12px}.dialogo-grande .editor-livre{height:auto;min-height:0;border:1px solid var(--borda);border-radius:10px;overflow:hidden}.lista-fontes{display:grid;gap:8px}.editor-livre-projeto{display:grid;grid-template-rows:auto minmax(0,1fr);height:calc(100vh - 59px)}.editor-livre-projeto>.editor-livre{height:100%}@media(max-width:1100px){.editor-livre-projeto{height:auto}}