.qr-studio{--qr-ink:#15291e;--qr-muted:#526557;color:var(--qr-ink)}.qr-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.qr-eyebrow{color:#34533b;letter-spacing:.1em;align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.qr-heading h2{margin:9px 0;font-size:27px;line-height:1.25}.qr-heading p,.qr-note{color:var(--qr-muted);margin:8px 0;font-size:13px;line-height:1.65}.qr-studio button{min-height:42px;color:var(--qr-ink);cursor:pointer;font:inherit;background:#fff;border:1px solid #cfdbcf;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:600;display:inline-flex}.qr-studio button:hover{background:#f2f8ef;border-color:#688765}.qr-studio :is(button,input,select,textarea,summary,pre):focus-visible{outline-offset:3px;outline:3px solid #376830}.qr-toolbar{gap:8px;display:flex}.qr-toolbar button{padding:11px}.qr-types{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.qr-types button[aria-pressed=true]{background:#7cf973;border-color:#60cc58}.qr-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}.qr-controls{gap:18px;display:grid}.qr-card{background:#fff;border:1px solid #dae4d7;border-radius:16px;min-width:0;padding:22px}.qr-card h3{margin:0 0 18px;font-size:15px;font-weight:650}.qr-pair{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.qr-studio .tool-field{margin-bottom:15px}.qr-studio .tool-field :is(input,select,textarea){width:100%;min-width:0;max-width:100%;color:var(--qr-ink);background:#fafcf9;border:1px solid #cbd8c8;border-radius:9px;padding:11px;font-size:14px}.qr-studio .tool-field input[type=color]{height:44px;padding:5px}.qr-studio .tool-field span{font-size:12px;font-weight:600}.qr-password{align-items:end;gap:8px;display:flex}.qr-password .tool-field{flex:1;min-width:0}.qr-password button{margin-bottom:15px;padding:11px}.qr-palette{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.qr-preview-title{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.qr-preview-title span{color:#4a634a;font-size:11px}.qr-image{background:#f3f8ef;border-radius:13px;place-items:center;min-height:300px;padding:22px;display:grid}.qr-image img{width:290px;max-width:100%;height:auto;image-rendering:pixelated;box-shadow:0 4px 20px #142a1910}.qr-empty{text-align:center;color:#50694b}.qr-empty svg{margin:auto}.qr-empty p{font-size:14px}.qr-metrics{grid-template-columns:repeat(3,1fr);gap:10px;padding:20px 0;display:grid}.qr-metrics div{flex-direction:column;gap:6px;display:flex}.qr-metrics strong{font-size:14px}.qr-metrics span{color:var(--qr-muted);font-size:11px}.qr-downloads{flex-wrap:wrap;gap:8px;display:flex}.qr-downloads .qr-primary{background:#7cf973;border-color:#60cc58}.qr-downloads button:not([aria-label]){flex:1}.qr-payload{border-top:1px solid #e1e8df;margin-top:18px;padding-top:15px;font-size:12px}.qr-studio summary{cursor:pointer;font-weight:600;line-height:1.6}.qr-payload pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f7f0;border-radius:8px;max-height:200px;padding:12px;font-size:12px;overflow:auto}.qr-scan{color:#465f43;border-top:1px solid #e1e8df;align-items:flex-start;gap:9px;margin-top:18px;padding-top:17px;font-size:12px;line-height:1.6;display:flex}.qr-scan svg{flex-shrink:0;margin-top:2px}.qr-status{min-height:18px;font-size:12px}.qr-help{grid-template-columns:1fr 1fr;gap:16px;margin-top:22px;display:grid}.qr-help details{background:#fafcf8;border:1px solid #dae4d7;border-radius:12px;padding:16px;font-size:13px;line-height:1.7}.qr-help p{color:#526557}.qr-help ol{padding-left:20px}.qr-studio .tool-error{overflow-wrap:anywhere}@media (max-width:800px){.qr-grid,.qr-help{grid-template-columns:1fr}.qr-heading h2{font-size:23px}.qr-card{padding:18px}}@media (max-width:420px){.qr-pair{grid-template-columns:1fr}.qr-image{min-height:240px;padding:16px}.qr-heading{align-items:flex-start}.qr-heading h2{font-size:21px}.qr-metrics{gap:6px}.qr-metrics strong{font-size:12px}.qr-types button{flex:1;min-width:85px;padding:8px}.qr-toolbar{gap:5px}.qr-toolbar button{padding:9px}}.qr-logo{border-top:1px solid #e1e8df;margin-top:16px;padding-top:16px}.qr-logo-active{align-items:center;gap:12px;display:flex}.qr-logo-active img{object-fit:contain}.qr-logo input[type=file]{font-size:12px}.tool-detail:has(.qr-studio)>.tool-heading{z-index:auto;position:static;top:auto}