.qrg{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;margin:24px 0;border:1px dashed rgba(228,196,159,0.4);padding:20px}.qrg__controls{flex:1 1 280px;display:flex;flex-direction:column;gap:14px}.qrg__field{display:flex;flex-direction:column;gap:6px}.qrg__row{display:flex;gap:14px}.qrg__row .qrg__field{flex:1 1 0}.qrg__label{color:rgba(228,196,159,0.6);font-size:13px}.qrg__input{background:#1a1a1a;border:1px solid rgba(228,196,159,0.4);color:#E4C49F;padding:8px 12px;font-family:monospace;font-size:14px;outline:none;border-radius:4px;transition:border-color 0.2s ease}.qrg__input:focus{border-color:#E4C49F}.qrg__textarea{resize:vertical;min-height:64px}.qrg__file{display:flex;align-items:center;gap:8px;color:rgba(228,196,159,0.6);font-size:12px}.qrg__file input{color:rgba(228,196,159,0.6);font-size:12px;max-width:100%}.qrg__btn{background:rgba(228,196,159,0.15);border:1px solid #E4C49F;color:#E4C49F;padding:10px 16px;font-family:monospace;font-size:14px;cursor:pointer;border-radius:4px;transition:background 0.2s ease}.qrg__btn:hover{background:rgba(228,196,159,0.25)}.qrg__btn--sm{padding:7px 14px;font-size:13px}.qrg__error{color:#e74c3c;font-size:13px;margin:0}.qrg__result{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:12px}.qrg__output{min-width:340px;min-height:340px;display:flex;align-items:center;justify-content:center}.qrg__output svg{display:block;border-radius:4px;max-width:100%;height:auto}.qrg__warn{color:#e0a458;font-size:12px;text-align:center;max-width:340px;margin:0}.qrg__downloads{display:flex;gap:10px}@media (max-width: 600px){.qrg__output{min-width:280px}}