Painel de Foco — Estúdio de layout

Modo de uso. A tela está funcionando — os botões respondem, a sessão roda, a chave de modo troca o app. Arrastar bloco está desligado aqui; as réguas de tamanho continuam valendo, então dá para ajustar e ver o efeito na hora. As abas Pendências, Habilidades e Progresso ainda não existem.

Como o app vai ler isso

Escondidos

Tamanhos

Texto geral

Botões

Chave de modo

Recompensas 🔥

Painéis

Conquistas

Espaço entre elas

Prévia

Mostrar grade de 8px e as margens

Ações

ver o texto do arranjo

Layouts salvos

Ficam guardados só neste navegador. Para eu aplicar um deles, carregue e use o "Copiar arranjo".

Atalhos

Arrastar o bloco move.
Alças azuis dos lados mudam a largura.
Bolinha ⇕ à direita move onde o cabeçalho termina.
←→↑↓ empurram 1px · com Shift, 10px
Alt+←→ mudam a largura
Alt enquanto arrasta desliga o ímã
Delete esconde · Esc desmarca · Ctrl+Z desfaz

Ferramenta temporária, só de desenho — os botões do app não funcionam aqui de propósito, senão o clique de arrastar cairia neles. Para testar o app, use o link do topo.

Painel de Foco Estúdio de layout