@charset "UTF-8";.qrcode-demo[data-v-711714e8]{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px}.demo-header[data-v-711714e8]{margin-bottom:40px;text-align:center}.demo-header h1[data-v-711714e8]{color:#2c3e50;font-size:2.5rem;margin-bottom:10px}.demo-header p[data-v-711714e8]{color:#7f8c8d;font-size:1.1rem}.demo-grid[data-v-711714e8]{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto 40px;max-width:1400px}.demo-card[data-v-711714e8]{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:24px;transition:transform .3s ease,box-shadow .3s ease}.demo-card[data-v-711714e8]:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-5px)}.demo-card.large[data-v-711714e8]{grid-column:span 2}.demo-card h3[data-v-711714e8]{border-bottom:2px solid #ecf0f1;color:#2c3e50;font-size:1.3rem;margin:0 0 20px;padding-bottom:10px;text-align:center}.control-buttons[data-v-711714e8]{display:flex;gap:12px;justify-content:center;margin-top:20px}.btn[data-v-711714e8]{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.btn.btn-primary[data-v-711714e8]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn.btn-primary[data-v-711714e8]:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.btn.btn-secondary[data-v-711714e8]{background:#fff;border:2px solid #bdc3c7;color:#7f8c8d}.btn.btn-secondary[data-v-711714e8]:hover{background:#ecf0f1;border-color:#95a5a6}.status-panel[data-v-711714e8]{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:1400px;padding:24px}.status-panel h3[data-v-711714e8]{color:#2c3e50;font-size:1.3rem;margin:0 0 20px}.status-grid[data-v-711714e8]{display:grid;gap:16px}.status-item[data-v-711714e8]{display:flex;flex-direction:column;gap:8px}.status-item label[data-v-711714e8]{color:#34495e;font-weight:600}.status-item code[data-v-711714e8]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;font-size:14px;max-height:100px;overflow-y:auto;padding:8px 12px;word-break:break-all}.gradient-title[data-v-711714e8]{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:22px!important;font-weight:700!important;letter-spacing:.5px}.custom-title-wrapper[data-v-711714e8]{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:20px;box-shadow:0 4px 15px #f093fb4d;display:flex;gap:8px;justify-content:center;padding:8px 16px}.title-icon[data-v-711714e8]{font-size:18px}.title-text[data-v-711714e8]{color:#fff;font-size:18px;font-weight:600;margin:0}.title-status[data-v-711714e8]{background:#fff3;border-radius:10px;color:#fff;font-size:12px;font-weight:500;padding:2px 8px}