.dys-tool{font:16px system-ui,Arial;background:#f5f7fb;color:#18243a;margin:0}
.dys-tool .dys-main{max-width:900px;margin:35px auto;padding:20px}
.dys-tool .panel{background:white;border:1px solid #e0e6ef;border-radius:16px;padding:24px;margin:18px 0}
.dys-tool .dys-title{font-size:2rem}
.dys-tool label{display:block;font-weight:650;margin:14px 0 7px}
.dys-tool input, .dys-tool select, .dys-tool textarea{box-sizing:border-box;width:100%;padding:12px;border:1px solid #b7c3d4;border-radius:9px;font:inherit}
.dys-tool button, .dys-tool .cta{display:inline-block;background:#2458d5;color:white;border:0;border-radius:9px;padding:12px 17px;cursor:pointer;text-decoration:none;font:inherit;margin:9px 8px 0 0}
.dys-tool button.secondary{background:#edf2fa;color:#17335c}
.dys-tool .muted{color:#53657c}
.dys-tool code, .dys-tool pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f4f9;padding:12px;border-radius:8px;display:block}
.dys-tool #error{color:#b42318}
.dys-tool #qr{max-width:220px;width:100%}
.dys-tool .grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
@media (max-width:650px){.dys-tool .grid{grid-template-columns:1fr}
.dys-tool .dys-main{margin:0;padding:12px}
.dys-tool .panel{padding:18px}}
.dys-tool .preview{padding:20px;background:#f5f7fb;border-radius:10px}
.dys-tool footer{padding:20px;text-align:center;color:#64748b}
.dys-tool{max-width:100%;color:#18243a;font:16px/1.6 system-ui,Arial,sans-serif}.dys-tool .dys-main{max-width:900px;margin:0 auto;padding:10px}.dys-tool [hidden]{display:none!important}.dys-tool .panel{box-sizing:border-box}.dys-tool button{line-height:1.3}.dys-tool .cta{line-height:1.3}

.dys-tool a.cta{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;max-width:100%;box-sizing:border-box;background:#087e43;text-align:left}.dys-tool .dys-email-icon{display:block;flex:0 0 24px}.dys-tool #qrCanvas{display:block;max-width:100%;height:auto;image-rendering:pixelated}.dys-guide{max-width:900px;margin:2rem auto;padding:0 1rem;line-height:1.75;overflow-wrap:anywhere}.dys-guide h2{margin-top:2rem}.dys-guide h3{margin-top:1.4rem}