:root{--fundo: rgba(255, 255, 255, .9);--texto: #1d2433;--suave: #5b6475;--azul: #1c2842}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#e4e9ef;color:var(--texto);font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app,#app canvas{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#painel{position:fixed;top:12px;left:12px;width:min(300px,calc(100vw - 24px));padding:12px 14px;background:var(--fundo);border-radius:10px;box-shadow:0 4px 18px #00000026}#painel h1{margin:0;font-size:17px;color:var(--azul)}.sub{margin:2px 0 10px;color:var(--suave);font-size:12px}.linha{display:flex;gap:6px;align-items:center;margin:8px 0;flex-wrap:wrap}button{flex:1;padding:6px 8px;border:1px solid #c9d0da;border-radius:6px;background:#fff;color:var(--texto);cursor:pointer;font:inherit}button:hover{border-color:var(--azul)}button.ativo{background:var(--azul);border-color:var(--azul);color:#fff}select{flex:1;padding:5px;border-radius:6px;border:1px solid #c9d0da;font:inherit}#info{margin:10px 0 4px;font-weight:600;min-height:1.4em}#ajuda{margin:0;color:var(--suave);font-size:12px}#carregando{position:fixed;inset:0;display:grid;place-items:center;font-size:16px;color:var(--suave);background:#e4e9ef;transition:opacity .4s}#carregando.oculto{opacity:0;pointer-events:none}