*{box-sizing:border-box;margin:0}body{background:#07060d;color:#eee;font:16px/1.4 system-ui,-apple-system,sans-serif;padding:18px 16px 40px;max-width:560px;margin:auto}label{display:block;font-size:13px;color:#aaa;margin:12px 0 4px}input,textarea{width:100%;padding:12px;border-radius:10px;border:1px solid #2c2a3a;background:#15131f;color:#fff;font-size:17px;font-family:inherit}textarea{min-height:86px;resize:vertical}button{padding:15px;border-radius:12px;border:0;font-weight:700;font-size:16px;background:#2a2738;color:#fff}h2{font:400 28px/1 Bebas Neue,sans-serif;margin:32px 0 6px;letter-spacing:1px}.dica{font-size:13px;color:#999;margin-top:8px}canvas{max-width:100%;height:auto}.xadrez{background:repeating-conic-gradient(#1c1a27 0 25%,#12101a 0 50%) 0 0 / 22px 22px}.grade{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.grade button{border:1px solid #2a2738;border-radius:10px;padding:10px;display:flex;align-items:center;justify-content:center;min-height:112px}.grade canvas{max-width:100%;max-height:120px}.como{font-size:14px;color:#bbb;background:#15131f;border-radius:12px;padding:12px 14px;margin-top:24px}.como b{color:#fff}.salvar{background:#1fa855}.salvar:disabled,button:disabled{opacity:.5}.abas{display:grid;grid-template-columns:1fr 1fr;gap:8px}a{color:#7bd88f}.link{background:none;padding:0;font-weight:400;font-size:inherit;color:#7bd88f;text-decoration:underline}.cta{display:block;text-align:center;padding:15px;border-radius:12px;font-weight:700;font-size:16px;background:#1fa855;color:#fff;text-decoration:none}select{width:100%;padding:11px 12px;border-radius:10px;border:1px solid #2c2a3a;background:#15131f;color:#fff;font-size:16px;font-family:inherit}h3{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8d8aa0;margin:26px 0 10px}.cores{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cor{display:flex;align-items:center;gap:10px;margin:0;padding:8px;border:1px solid #2c2a3a;border-radius:12px;background:#15131f;color:#ddd;font-size:13px;cursor:pointer}.cor input{width:38px;height:38px;flex:none;padding:0;border:0;border-radius:8px;background:none;cursor:pointer}.cor input::-webkit-color-swatch-wrapper{padding:0}.cor input::-webkit-color-swatch{border:1px solid #ffffff22;border-radius:8px}.cor input::-moz-color-swatch{border:1px solid #ffffff22;border-radius:8px}.cor small{display:block;color:#8d8aa0;font:12px ui-monospace,Menlo,monospace}.fontes{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.fontes label{margin-top:0}.fontes>div{margin-bottom:10px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:flex;align-items:center;gap:8px;margin:0;padding:9px 14px;border:1px solid #2c2a3a;border-radius:999px;background:#15131f;color:#ddd;font-size:14px;cursor:pointer}.chip:has(input:checked){border-color:#1fa855;background:#12301f;color:#fff}.chip input{width:auto;margin:0;accent-color:#1fa855}@media(max-width:420px){.cores{grid-template-columns:1fr 1fr}}