.qr-demo{gap:28px}.qr-demo>span{display:flex;align-items:center;justify-content:center;min-width:70px;height:38px;padding:0 16px;border-radius:8px;background:var(--soft);font-size:14px}.qr-demo .demo-main{min-width:42px;width:42px;padding:0;border-radius:50%;color:#fff;background:var(--primary);font-size:23px}.qr-card{max-width:620px}.input-wrap{display:block;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.input-wrap>span,.settings-grid label>span{display:block;margin-bottom:8px;color:var(--muted);font-size:12px;font-weight:700}.input-wrap textarea{display:block;width:100%;min-height:116px;padding:12px;border:1px solid var(--line);border-radius:8px;resize:vertical;color:var(--text);background:var(--surface);font:500 15px/1.5 var(--font-ui)}.input-wrap small{display:block;margin-top:7px;color:var(--muted);text-align:right}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.settings-grid select{width:100%;height:46px;padding:0 12px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--surface)}.result-box{margin-top:20px;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--soft);text-align:center}.result-box #qrOutput{display:flex;justify-content:center}.result-box canvas,.result-box img{display:block;max-width:100%;height:auto;padding:10px;background:#fff;border-radius:8px}.result-box .download-button{margin-top:18px}.status.error{color:#dc2626}
@media(max-width:620px){.settings-grid{grid-template-columns:1fr}.qr-demo{gap:12px}.qr-demo>span{min-width:60px;padding:0 12px}}