.qr-root{--bg:#F8F6F1;--ink:#1C1917;--muted:#78716C;--accent:#1B4F4F;--rule-c:#E2DDD6;--paper:#FFFFFF;--destaque:#A8442B;--ok:#1B6E4F;--atencao:#B3701A;--font-display:"Playfair Display",Georgia,serif;--font-body:"IBM Plex Sans",system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace;--radius:14px;font-family:var(--font-body);line-height:1.5;-webkit-font-smoothing:antialiased;color:var(--ink);max-width:1180px;margin:0 auto;padding:30px 22px 56px}.qr-root,.qr-root *{box-sizing:border-box}.qr-root .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.qr-root .nowrap{white-space:nowrap}.qr-root header.masthead{margin-bottom:22px}.qr-root .eyebrow{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin:0 0 8px}.qr-root .eyebrow a{color:inherit;text-decoration:none;border-bottom:1px solid transparent}.qr-root .eyebrow a:hover{border-bottom-color:currentColor}.qr-root h1{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,5vw,46px);line-height:1.06;margin:0;letter-spacing:-.01em}.qr-root h1 em{font-style:italic;font-weight:400;color:var(--accent)}.qr-root .lede{color:var(--muted);max-width:68ch;margin:12px 0 0;font-size:15px}.qr-root .lede em{font-style:normal;color:var(--ink)}.qr-root .stage{display:grid;grid-template-columns:1fr .95fr;gap:22px;align-items:start;margin-top:26px}@media(max-width:900px){.qr-root .stage{grid-template-columns:1fr}}.qr-root .canvas-card{background:var(--paper);border:1px solid var(--rule-c);border-radius:var(--radius);padding:18px;box-shadow:0 18px 44px -30px #1c191773;position:sticky;top:16px}@media(max-width:900px){.qr-root .canvas-card{position:static}}.qr-root .preview{border-radius:10px;overflow:hidden;line-height:0;display:flex;align-items:center;justify-content:center;min-height:180px}.qr-root .preview.xadrez{background-color:#fff;background-image:linear-gradient(45deg,#EFEAE2 25%,transparent 25%,transparent 75%,#EFEAE2 75%),linear-gradient(45deg,#EFEAE2 25%,transparent 25%,transparent 75%,#EFEAE2 75%);background-size:16px 16px;background-position:0 0,8px 8px}.qr-root .preview svg{display:block;width:100%;height:auto;max-width:420px}.qr-root .preview.vazio{border:1px dashed var(--rule-c);color:var(--muted);font-size:13.5px;line-height:1.5;text-align:center;padding:40px 20px;font-family:var(--font-mono)}.qr-root .erro{margin:12px 0 0;font-size:13px;color:var(--destaque);background:#a8442b14;border-radius:8px;padding:10px 12px;line-height:1.5}.qr-root .erro[hidden]{display:none}.qr-root .caption{font-family:var(--font-mono);font-size:11.5px;color:var(--muted);margin:12px 2px 0;line-height:1.6}.qr-root .export{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;align-items:center}.qr-root .export select{font-family:var(--font-mono);font-size:12.5px;color:var(--ink);background:var(--bg);border:1px solid var(--rule-c);border-radius:999px;padding:8px 12px;cursor:pointer}.qr-root .export select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.qr-root .export-nota{margin:10px 2px 0;font-size:12px;color:var(--muted);line-height:1.5}.qr-root .panel{display:flex;flex-direction:column;gap:16px}.qr-root .card{background:var(--paper);border:1px solid var(--rule-c);border-radius:var(--radius);padding:18px}.qr-root .card h2{font-family:var(--font-display);font-weight:600;font-size:20px;margin:0 0 4px}.qr-root .card .hint{margin:0 0 14px;color:var(--muted);font-size:13.5px}.qr-root .card .hint em{font-style:normal;color:var(--ink)}.qr-root .card-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:9px}.qr-root .campo{margin-bottom:16px}.qr-root .campo:last-child{margin-bottom:0}.qr-root textarea{width:100%;font-family:var(--font-mono);font-size:13.5px;line-height:1.6;color:var(--ink);border:1px solid var(--rule-c);border-radius:10px;padding:11px 12px;background:var(--bg);resize:vertical;min-height:76px}.qr-root textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}.qr-root .dica{margin:10px 0 0;font-size:12.5px;color:var(--muted);line-height:1.6}.qr-root .dica[hidden]{display:none}.qr-root .dica code{font-family:var(--font-mono);font-size:.94em;color:var(--destaque)}.qr-root .dica b{color:var(--ink);font-weight:600}.qr-root .link-btn{appearance:none;background:none;border:0;padding:0;cursor:pointer;font-family:var(--font-body);font-size:12.5px;font-weight:500;color:var(--accent);text-decoration:underline;text-underline-offset:2px}.qr-root .link-btn:hover{color:var(--destaque)}.qr-root .dropzone{border:1px dashed var(--rule-c);border-radius:12px;background:var(--bg);padding:16px;cursor:pointer;transition:.16s;text-align:center}.qr-root .dropzone:hover,.qr-root .dropzone:focus-visible{border-color:var(--accent);background:#1b4f4f0a}.qr-root .dropzone.arrastando{border-color:var(--accent);background:#1b4f4f14}.qr-root .dz-vazio{display:flex;flex-direction:column;align-items:center;gap:6px}.qr-root .dz-icone{font-family:var(--font-mono);font-size:20px;color:var(--accent);line-height:1;width:34px;height:34px;border:1px solid var(--rule-c);border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--paper)}.qr-root .dz-txt{font-size:13px;color:var(--muted)}.qr-root .dz-cheio{display:flex;align-items:center;gap:12px;text-align:left}.qr-root .dz-cheio[hidden]{display:none}.qr-root .dz-cheio img{width:46px;height:46px;object-fit:contain;border-radius:8px;background:var(--paper);border:1px solid var(--rule-c);padding:4px;flex:none}.qr-root .dz-nome{font-family:var(--font-mono);font-size:12px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-root .slider{margin-bottom:12px}.qr-root .slider label{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:var(--muted);margin-bottom:7px}.qr-root .slider label b{font-family:var(--font-mono);font-size:12.5px;color:var(--ink);font-weight:600}.qr-root input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.qr-root .medidor{margin-top:14px;border-top:1px solid var(--rule-c);padding-top:12px}.qr-root .medidor-bar{height:6px;border-radius:999px;background:var(--rule-c);overflow:hidden}.qr-root .medidor-bar span{display:block;height:100%;border-radius:999px;background:var(--ok);transition:width .18s ease,background .18s ease}.qr-root .medidor-bar span.atencao{background:var(--atencao)}.qr-root .medidor-bar span.risco{background:var(--destaque)}.qr-root .medidor-txt{margin:9px 0 0;font-family:var(--font-mono);font-size:11.5px;color:var(--muted);line-height:1.6}.qr-root .medidor-txt b{color:var(--ink);font-weight:600}.qr-root .presets{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.qr-root .swatch{appearance:none;display:flex;align-items:center;gap:7px;cursor:pointer;font-family:var(--font-body);font-size:12.5px;color:var(--muted);border:1px solid var(--rule-c);border-radius:999px;padding:6px 13px 6px 7px;background:transparent;transition:.16s}.qr-root .swatch:hover{color:var(--ink);border-color:var(--muted)}.qr-root .swatch i{width:15px;height:15px;border-radius:50%;display:block;box-shadow:inset 0 0 0 1px #0000001f}.qr-root .cores{display:flex;gap:10px;flex-wrap:wrap}.qr-root .cor{flex:1;min-width:130px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--rule-c);border-radius:10px;padding:8px 8px 8px 13px;cursor:pointer}.qr-root .cor span{font-size:13px;color:var(--muted)}.qr-root .cor input[type=color]{appearance:none;width:38px;height:30px;padding:0;border:1px solid var(--rule-c);border-radius:7px;background:none;cursor:pointer}.qr-root .cor input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.qr-root .cor input[type=color]::-webkit-color-swatch{border:0;border-radius:5px}.qr-root .cor input[type=color]::-moz-color-swatch{border:0;border-radius:5px}.qr-root .alerta{margin:12px 0 0;font-size:12.5px;line-height:1.6;color:var(--atencao);background:#b3701a17;border-radius:8px;padding:10px 12px}.qr-root .alerta[hidden]{display:none}.qr-root .btn-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.qr-root .btn-row[hidden]{display:none}.qr-root .ghost,.qr-root .primary,.qr-root .reset,.qr-root .chip{appearance:none;font-family:var(--font-body);font-size:13px;font-weight:500;border-radius:999px;padding:9px 16px;cursor:pointer;transition:.16s}.qr-root .ghost,.qr-root .reset,.qr-root .chip{background:transparent;color:var(--muted);border:1px solid var(--rule-c)}.qr-root .ghost:hover,.qr-root .chip:hover:not(:disabled){color:var(--ink);border-color:var(--muted)}.qr-root .reset:hover{color:var(--destaque);border-color:var(--destaque)}.qr-root .primary{background:var(--destaque);border:1px solid var(--destaque);color:#fff;box-shadow:0 8px 20px -12px var(--destaque)}.qr-root .primary:hover:not(:disabled){filter:brightness(1.06)}.qr-root .primary:disabled,.qr-root .ghost:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.qr-root .chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.qr-root .chip:disabled{opacity:.4;cursor:not-allowed}.qr-root .chips{display:flex;flex-wrap:wrap;gap:7px}.qr-root .chip.com-icone{display:inline-flex;align-items:center;gap:8px;padding-left:9px}.qr-root .chip.com-icone img{width:16px;height:16px;border-radius:3.5px;display:block}.qr-root .toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);border:1px solid var(--rule-c);border-radius:999px;padding:7px 14px;cursor:pointer;user-select:none;transition:.16s;margin-top:4px}.qr-root .toggle:hover{color:var(--ink)}.qr-root .toggle input{accent-color:var(--accent);width:15px;height:15px;cursor:pointer}.qr-root .toggle.on{color:var(--ink);border-color:var(--muted)}.qr-root .theory{margin-top:34px;border-top:1px solid var(--rule-c);padding-top:24px;max-width:74ch}.qr-root .theory h2{font-family:var(--font-display);font-weight:600;font-size:24px;margin:0 0 12px}.qr-root .theory p{color:var(--muted);font-size:15px;margin:0 0 12px;line-height:1.7}.qr-root .theory b{color:var(--ink);font-weight:600}.qr-root .theory ul{margin:0 0 12px;padding-left:20px;color:var(--muted);font-size:15px}.qr-root .theory li{margin-bottom:6px}.qr-root .theory .nota-final{font-size:13px;border-top:1px solid var(--rule-c);padding-top:14px;margin-top:18px}.qr-root .theory .marca{display:block;margin-top:5px;font-size:12px;opacity:.75}@media(prefers-reduced-motion:reduce){.qr-root *{transition:none!important}}