.qr-tool{display:flex;gap:2.5rem;align-items:flex-start;background:#fff;border-radius:16px;border:1px solid var(--gray-200);padding:2rem;margin-top:2rem}.qr-left{flex:1;min-width:0}.qr-label{display:block;font-size:.8rem;font-weight:700;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.qr-textarea{width:100%;min-height:120px;padding:.875rem 1rem;border:1.5px solid var(--gray-200);border-radius:10px;font-size:.95rem;font-family:inherit;color:var(--gray-800);resize:vertical;box-sizing:border-box;margin-bottom:1.25rem;outline:0;transition:border-color .15s,box-shadow .15s}.lorem-select:focus,.qr-textarea:focus{border-color:var(--primary-400, #60a5fa);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.qr-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.qr-option-row{display:flex;align-items:center;gap:1rem}.qr-option-row label{font-size:.875rem;font-weight:600;color:var(--gray-700);min-width:120px;flex-shrink:0}.lorem-select{padding:.55rem .875rem;border:1.5px solid var(--gray-200);border-radius:8px;font-size:.875rem;color:var(--gray-800);background:#fff;min-width:160px;outline:0;cursor:pointer;transition:border-color .15s,box-shadow .15s}.qr-preview,.qr-right{display:flex;align-items:center}.qr-right{flex-direction:column;gap:1rem;flex-shrink:0}.qr-preview{width:300px;height:300px;justify-content:center;background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:12px;overflow:hidden;transition:border-color .15s}.qr-preview:has(canvas),.qr-preview:has(img){background:#fff;border-color:var(--primary-200, #bfdbfe)}.qr-preview canvas,.qr-preview img{display:block;max-width:100%;max-height:100%}.qr-preview-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--gray-300)}.qr-preview-empty svg{width:48px;height:48px;stroke:var(--gray-200)}.qr-preview-empty span{font-size:.85rem;color:var(--gray-400)}.qr-download-btn{width:100%}@media (max-width:700px){.qr-tool{flex-direction:column;gap:1.5rem}.qr-right{width:100%;align-items:center}.qr-preview{width:100%;max-width:300px;height:auto;min-height:240px}.qr-option-row{flex-wrap:wrap}.lorem-select{min-width:unset;flex:1}}