#qr-tool textarea{display:block;width:100%;min-height:135px;margin:7px 0 0;padding:12px;border:1px solid #cfd8d1;border-radius:9px;background:#fff;color:#26362b;font:16px/1.5 system-ui;resize:vertical}#qr-tool textarea:focus{outline:3px solid #60a5fa;outline-offset:2px}#qr-tool .qr-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:28px;align-items:start}#qr-tool .qr-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:7px;color:#69746b;font-size:12px}#qr-tool .qr-preview{display:grid;place-items:center;min-height:350px;padding:22px;background:#f8f7f2;border:1px solid #e3e0d6;border-radius:16px;text-align:center}#qr-tool .qr-placeholder span{display:block;font-size:76px;line-height:1;color:#98a596}#qr-tool .qr-placeholder p{color:#69746b;font-size:14px}#qr-tool #qr-canvas{display:block;width:100%;max-width:310px;height:auto;background:#fff;image-rendering:pixelated}#qr-tool .qr-scan-note{font-size:12px;color:#69746b;max-width:310px;margin:14px auto 0}#qr-tool .qr-downloads{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}#qr-tool .qr-downloads button{background:#fff;border:1px solid #389341;color:#286d30;font-weight:650}#qr-tool .qr-downloads button:hover{background:#edf5ef}@media(max-width:760px){#qr-tool .qr-layout{grid-template-columns:1fr}#qr-tool .qr-preview{min-height:300px}#qr-tool .qr-downloads button{width:100%}}