.qr-generator-grid{align-items:start}
.qr-generator-types{max-width:100%}
.qr-generator-left{display:flex;flex-direction:column;gap:18px;min-width:0}
.qr-generator-form{display:flex;flex-direction:column;gap:14px}
.qr-generator-form .opt{min-width:0}
.qr-generator-form .inp{width:100%;box-sizing:border-box}
.qr-generator-ta{min-height:96px!important}
.qr-generator-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.qr-generator-check{display:flex;gap:8px;align-items:flex-start;font-size:14.5px;cursor:pointer}
.qr-generator-check input{margin-top:4px;width:17px;height:17px;flex:none}
.qr-generator-design{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--soft)}
.qr-generator-design summary{font-weight:700;cursor:pointer}
.qr-generator-design[open] summary{margin-bottom:14px}
.qr-generator-design>.opt,.qr-generator-design>.opts{margin-bottom:14px}
.qr-generator-design .seg{background:#fff}
.qr-generator-design .seg button:disabled{opacity:.4;cursor:not-allowed}
.qr-generator-color{width:64px;height:40px;border:1px solid #d6dae4;border-radius:10px;padding:2px;background:#fff;cursor:pointer}
.qr-generator-num{width:90px}
.qr-generator-logoname{font-size:13.5px;word-break:break-all}
.qr-generator-right{display:flex;flex-direction:column;gap:12px;min-width:0}
.qr-generator-stage{grid-template-columns:minmax(0,1fr);justify-items:center;padding:16px;min-height:280px;background:#fff}
.qr-generator-cv{width:100%;max-width:360px;height:auto!important}
.qr-generator-empty{text-align:center;padding:30px 20px;margin:0}
.qr-generator-warn .alert{margin:0 0 8px}
.qr-generator-warn:empty{display:none}
.qr-generator-checkline{margin:0;font-size:14px;font-weight:600;display:flex;gap:6px;align-items:center}
.qr-generator-checkline:empty{display:none}
.qr-generator-checkline svg{width:18px;height:18px;flex:none}
.qr-generator-checkline.ok{color:var(--ok)}
.qr-generator-checkline.bad{color:var(--err)}
.qr-generator-dl .btn{flex:1 1 auto}
.qr-generator-static{margin:0;font-size:13.5px;color:var(--mut);display:flex;gap:8px;align-items:flex-start}
.qr-generator-static svg{width:18px;height:18px;flex:none;color:var(--acc)}
.qr-generator-raw summary{cursor:pointer;font-size:13.5px;color:var(--mut)}
.qr-generator-payload{margin-top:8px;font-size:12.5px}
.qr-generator-grid [hidden]{display:none!important}
@media (max-width:600px){.qr-generator-pair{grid-template-columns:1fr}}
.qr-generator-form .opt,.qr-generator-design>.opt{flex:none}