:root{--fundo:#f6f6f4;--painel:#fff;--texto:#1d1f22;--suave:#6b6f76;--borda:#e3e3df;--azul:#1d5fa8;--rosa:#d6336c;color:var(--texto);background:var(--fundo);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#raiz{height:100%;margin:0}.app{grid-template-rows:auto 1fr;grid-template-columns:1fr 320px;height:100%;display:grid}.topo{border-bottom:1px solid var(--borda);background:var(--painel);grid-column:1/-1;align-items:center;gap:16px;padding:10px 16px;display:flex}.topo h1{margin:0 8px 0 0;font-size:16px;font-weight:650}.segmentado{background:#ecebe7;border-radius:8px;padding:3px;display:flex}.segmentado button{background:0 0;border:0;border-radius:6px;padding:6px 14px}.segmentado button.ativo{background:var(--painel);font-weight:600;box-shadow:0 1px 2px #0000001f}.alternar{color:var(--suave);align-items:center;gap:6px;font-size:13px;display:flex}.palco{min-height:0;position:relative}.palco.medindo canvas{cursor:crosshair}.dica{color:var(--suave);pointer-events:none;background:#ffffffe6;border-radius:6px;margin:0;padding:6px 10px;font-size:12px;position:absolute;bottom:12px;left:12px}.painel{border-left:1px solid var(--borda);background:var(--painel);min-height:0;overflow-y:auto}.abas{border-bottom:1px solid var(--borda);background:var(--painel);z-index:1;display:flex;position:sticky;top:0}.abas button{background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:1;padding:12px 6px}.abas button.ativo{border-bottom-color:var(--azul);color:var(--azul);font-weight:600}.secao{padding:4px 0}.grupo{border-bottom:1px solid var(--borda);gap:8px;padding:12px 16px;display:grid}.grupo.destaque{background:#f3f7fc}.grupo h2{text-transform:uppercase;letter-spacing:.04em;color:var(--suave);margin:0;font-size:12px}.linha{flex-wrap:wrap;align-items:end;gap:6px;display:flex}.nota{color:var(--suave);margin:0;font-size:12px;line-height:1.4}button,select,input{font:inherit;color:inherit;font-size:13px}button{border:1px solid var(--borda);background:var(--painel);cursor:pointer;border-radius:6px;padding:6px 10px}button:hover:not(:disabled){border-color:#c9c9c3}button:disabled{opacity:.45;cursor:default}button.primario{background:var(--azul);border-color:var(--azul);color:#fff}button.perigo{color:#b42318}button.mini{margin-left:auto;padding:0 8px}select{border:1px solid var(--borda);background:var(--painel);border-radius:6px;flex:1;min-width:0;padding:6px}.campo{color:var(--suave);gap:3px;font-size:11px;display:grid}.campo input{border:1px solid var(--borda);width:76px;color:var(--texto);border-radius:6px;padding:5px 6px}.campo input[type=color]{width:44px;height:31px;padding:2px}.campo-largo input{width:100%}.lista{margin:0;padding:0;list-style:none}.item{border:0;border-bottom:1px solid var(--borda);text-align:left;background:0 0;border-radius:0;flex-wrap:wrap;align-items:center;gap:2px 8px;width:100%;padding:10px 16px;display:flex}.item:hover{background:#f7f7f5}.item.ativo{background:#eaf1fa}.item.estatico{padding:8px 0}.item-titulo{font-size:13px;font-weight:600}.item-detalhe{color:var(--suave);width:100%;font-size:12px}.compacta .item{padding:7px 0}.compacta .item-detalhe{width:auto;margin-left:auto}.amostra{border:1px solid #00000026;border-radius:3px;width:12px;height:12px}.rotulo{white-space:nowrap;pointer-events:none;color:var(--texto);text-shadow:0 0 3px #fff,0 0 3px #fff;justify-items:center;gap:1px;font-size:12px;display:grid}.rotulo span{color:var(--suave);font-size:11px}.rotulo-movel,.rotulo-medida{text-shadow:none;background:#ffffffeb;border-radius:6px;padding:3px 8px;box-shadow:0 1px 3px #00000026}.rotulo-medida{color:var(--rosa);font-weight:650}@media (width<=760px){.app{grid-template-rows:auto 1fr 40%;grid-template-columns:1fr}.painel{border-left:0;border-top:1px solid var(--borda)}.alternar{display:none}}.cena{position:absolute;inset:0}.camada-de-rotulos{pointer-events:none;position:absolute;inset:0;overflow:hidden}.camada-de-rotulos .rotulo{will-change:transform;position:absolute;top:0;left:0}.menu{margin-left:auto;position:relative}.menu summary{cursor:pointer;border:1px solid var(--borda);border-radius:6px;padding:6px 12px;font-size:13px;list-style:none}.menu summary::-webkit-details-marker{display:none}.menu[open] summary{background:#f3f3f0}.menu-itens{z-index:5;background:var(--painel);border:1px solid var(--borda);border-radius:8px;width:290px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0000001f}.menu-itens a{color:inherit;border-radius:6px;gap:2px;padding:8px 10px;text-decoration:none;display:grid}.menu-itens a:hover{background:#f3f3f0}.menu-itens strong{font-size:13px}.menu-itens span{color:var(--suave);font-size:12px}