.qr-generator{padding:24px;background:#f0f2f5;min-height:100vh}.qr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.qr-card{border:2px dashed #d9d9d9;border-radius:10px;padding:20px;text-align:center;background:#fff;box-shadow:0 2px 4px #0000001a;transition:all .3s ease;break-inside:avoid;page-break-inside:avoid}.qr-card:hover{border-color:#1890ff;box-shadow:0 4px 8px #00000026}.card-title{margin:0 0 12px;font-size:16px;font-weight:600;color:#262626}.badges{margin:12px 0;display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.badge{display:inline-block;padding:4px 12px;border-radius:12px;color:#fff;font-size:12px;font-weight:500}.badge.dimension{background:linear-gradient(45deg,#667eea,#764ba2)}.badge.indicator{background:linear-gradient(45deg,#f093fb,#f5576c)}.badge.points{background:linear-gradient(45deg,#4facfe,#00f2fe)}.qr-code{margin:15px 0;display:flex;justify-content:center;align-items:center}.qr-image{width:180px;height:180px;border:1px solid #f0f0f0;border-radius:4px}.card-info{margin-top:15px}.card-key-label{font-size:12px;color:#8c8c8c;margin-bottom:4px}.card-key{display:block;font-size:11px;color:#1890ff;background:#f5f5f5;padding:4px 8px;border-radius:4px;word-break:break-all;font-family:Courier New,monospace}.scan-url-input{width:100%;padding:4px 8px;border:1px solid #d9d9d9;border-radius:4px;font-size:11px;font-family:Courier New,monospace;color:#595959}.scan-url-input:focus{outline:none;border-color:#1890ff}@media print{.qr-generator{background:#fff;padding:0}.no-print{display:none!important}.qr-card{border:2px solid #000;box-shadow:none;page-break-inside:avoid;break-inside:avoid}.qr-grid{gap:15px}.badge{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (max-width: 1200px){.qr-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.qr-grid{grid-template-columns:1fr}}@media print{@page{size:A4;margin:1cm}.qr-grid{grid-template-columns:repeat(3,1fr)}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}