.st-qr-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:24px;align-items:start}.st-qr-fields{min-width:0}.st-qr-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.st-qr-field>label{font-weight:700;font-size:14px}.st-qr-field input:not([type=checkbox]):not([type=color]):not([type=range]),.st-qr-field select,.st-qr-field textarea{width:100%;min-height:44px;border:1px solid var(--st-line);border-radius:8px;background:#fff;color:var(--st-charcoal);padding:10px 12px;font:inherit}.st-qr-field input[type=color]{width:100%;height:44px;border:1px solid var(--st-line);border-radius:8px;background:#fff;padding:4px}.st-qr-field input[type=range]{width:100%;accent-color:var(--st-maroon)}.st-qr-field textarea{resize:vertical}.st-qr-field input:focus-visible,.st-qr-field select:focus-visible,.st-qr-field textarea:focus-visible{outline:3px solid rgba(177,30,46,.28);outline-offset:2px}.st-qr-check{display:flex!important;align-items:center;gap:9px;font-weight:500!important}.st-qr-check input{width:18px;height:18px;accent-color:var(--st-maroon)}.st-qr-settings{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.st-qr-preview{position:sticky;top:18px;min-width:0;text-align:center}.st-qr-preview-frame{display:flex;align-items:center;justify-content:center;min-height:280px;aspect-ratio:1;background:#fff;border:1px solid var(--st-line);border-radius:12px;padding:16px;overflow:hidden}.st-qr-preview-frame img{display:block;width:100%;max-width:320px;height:auto;image-rendering:pixelated}.st-qr-empty{color:var(--st-muted);font-size:14px}.st-qr-preview-caption{font-size:13px;color:var(--st-muted);margin:10px 0}.st-qr-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.st-qr-actions .st-btn{flex:1;min-width:120px}.st-qr .st-hint{font-size:13px;color:var(--st-muted);margin:6px 0 12px}.st-qr .st-msg{min-height:2.8em}.st-qr [hidden]{display:none!important}@media(max-width:680px){.st-qr-layout{grid-template-columns:1fr}.st-qr-preview{position:static;grid-row:1}.st-qr-preview-frame{min-height:240px;max-width:420px;margin:0 auto;width:100%}.st-qr-settings{grid-template-columns:1fr 1fr}}@media(max-width:380px){.st-qr-settings{grid-template-columns:1fr}.st-qr-actions{flex-direction:column}.st-qr-actions .st-btn{width:100%}}
