.pix-helper{max-width:1050px;margin:28px auto 0;padding:0;border:1px solid #246579;border-top:3px solid #00d3eb;border-radius:4px;background:linear-gradient(125deg,#081c30ed,#06081ef5);color:#f4f7ff;line-height:1.5}
.pix-helper>summary{padding:18px clamp(22px,4vw,40px);min-height:52px;color:#c6f8ff;font:600 19px/1.5 Rajdhani,Arial,sans-serif;cursor:pointer;overflow-wrap:anywhere}
.pix-helper>summary::marker{color:#00d3eb}
.pix-helper>summary:hover{background:#0c304959}
.pix-helper>summary:focus-visible{outline:3px solid #fff;outline-offset:4px}
.pix-helper[open]>summary{border-bottom:1px solid #246579}
.pix-helper-body{padding:clamp(22px,4vw,40px)}
.pix-helper [hidden]{display:none!important}
.pix-helper .eyebrow{font-size:15px;color:#00d3eb;letter-spacing:.12em;margin:0 0 10px}
.pix-helper h3{font:700 clamp(23px,3vw,32px) Oxanium,Arial,sans-serif;margin:0 0 14px}
.pix-helper h4{font:700 21px Oxanium,Arial,sans-serif;margin:0 0 14px}
.pix-helper p{margin:12px 0;font-size:19px}
.pix-helper-steps{padding-left:25px;margin:20px 0;font-size:19px}
.pix-helper-steps li{margin:10px 0;padding-left:5px}
.pix-helper .pix-helper-note{font-size:16px;color:#b9cbdc}
.pix-helper form{margin-top:24px}
.pix-helper label{display:block;font-weight:700;font-size:19px;margin-bottom:8px}
.pix-helper textarea{display:block;width:100%;min-height:120px;resize:vertical;padding:15px;background:#02091b;color:#f4f7ff;border:1px solid #5b8199;border-radius:4px;font:16px/1.5 Consolas,monospace;overflow-wrap:anywhere}
.pix-helper textarea::placeholder{color:#a8bdd0;font:17px/1.5 Rajdhani,Arial,sans-serif}
.pix-helper textarea[aria-invalid=true]{border-color:#ffacba}
.pix-helper textarea:focus-visible,.pix-helper button:focus-visible{outline:3px solid #fff;outline-offset:4px}
.pix-helper-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:16px}
.pix-helper-actions .neon-button{min-height:50px;padding:14px 22px;font-size:15px}
.pix-helper-clear{background:transparent;border:1px solid #69849c;border-radius:3px;color:#e2f0ff;padding:13px 18px;font:600 16px Rajdhani,Arial,sans-serif;cursor:pointer;min-height:48px}
.pix-helper-clear:hover{background:#1b344e}
#pix-helper-status{color:#c6f8ff;min-height:1.5em}
#pix-helper-status[data-error=true]{color:#ffbbc7}
.pix-helper-result{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:28px;align-items:center;padding-top:24px;border-top:1px solid #326579}
.pix-helper-image{width:100%;max-width:300px;background:#fff;line-height:0;justify-self:center}
.pix-helper-image svg{display:block;width:100%;height:auto;aspect-ratio:1;shape-rendering:crispEdges}
.pix-helper-result-copy{min-width:0}
.pix-helper-result-copy p{font-size:18px}
@media(max-width:650px){.pix-helper-result{grid-template-columns:1fr}.pix-helper-actions{align-items:stretch}.pix-helper-actions .neon-button{flex:1}.pix-helper-image{max-width:290px}}