.feature-card{border:none;box-shadow:0 2px 8px #00000014;transition:box-shadow .3s ease}.feature-card:hover{box-shadow:0 4px 16px #0000001f}.feature-card .card-header{background:linear-gradient(135deg,var(--bi-surface-2) 0%,var(--bi-border) 100%);border-bottom:1px solid var(--bi-border);font-weight:600;color:var(--bi-text);padding:.75rem 1rem}.feature-card .card-body{padding:1.5rem}.qr-settings{background:var(--bi-surface-2);padding:1.5rem;border-radius:.5rem;border:1px solid var(--bi-border)}.logo-preview{max-width:80px;max-height:80px;border:2px solid var(--bi-border);border-radius:.375rem;padding:.25rem;background:#fff}.qr-preview-container{min-height:300px;background:var(--bi-surface-2);border:2px dashed var(--bi-border);border-radius:.5rem;display:flex;align-items:center;justify-content:center;position:relative}.qr-placeholder{text-align:center;color:var(--bi-text-muted)}.qr-placeholder i{font-size:4rem;margin-bottom:1rem}#qrcode{padding:1rem}#qrcode img{max-width:100%;height:auto}.scan-section{background:var(--bi-surface-2);padding:1.5rem;border-radius:.5rem;border:1px solid var(--bi-border)}.video-container{position:relative;min-height:250px;background:#212529;border-radius:.5rem;overflow:hidden;display:flex;align-items:center;justify-content:center}.video-container video,.video-container canvas{width:100%;height:100%;object-fit:cover}.scan-placeholder{text-align:center;color:var(--bi-text-muted)}.scan-placeholder i{font-size:3rem;margin-bottom:.5rem}.result-section{background:var(--bi-surface-2);padding:1.5rem;border-radius:.5rem;border:1px solid var(--bi-border)}.scanned-image{max-width:100%;max-height:200px;border-radius:.375rem;border:1px solid var(--bi-border)}.scan-result{font-family:JetBrains Mono,Courier New,monospace;font-size:14px;resize:vertical}@media (max-width: 768px){.qr-preview-container,.video-container{min-height:200px}.qr-input-area textarea{min-height:120px;font-size:14px}.qr-action-btn{min-height:44px;width:100%}.qr-result-area{padding:1rem}.qr-code-image{max-width:200px}.feature-card .card-header{padding:.75rem 1rem}.feature-card .card-body{padding:1rem}}.form-control:focus{border-color:var(--brand);box-shadow:0 0 0 .2rem rgba(var(--brand-rgb),.25)}.form-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--bi-border);border-radius:3px;outline:none}.form-range::-webkit-slider-runnable-track{width:100%;height:6px;background:var(--bi-border);border-radius:3px}.form-range::-moz-range-track{width:100%;height:6px;background:var(--bi-border);border-radius:3px}.form-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:#6c757d;border-radius:50%;cursor:pointer;margin-top:-6px;border:2px solid #fff;box-shadow:0 1px 3px #0000004d}.form-range::-moz-range-thumb{width:18px;height:18px;background:#6c757d;border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px #0000004d}.form-control-color{height:38px;padding:.25rem;width:50px;min-width:50px;cursor:pointer}.hex-input{text-transform:uppercase;font-family:JetBrains Mono,Courier New,monospace;font-size:13px}.batch-qr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;max-height:560px;overflow-y:auto;padding:.25rem}.batch-qr-item{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.6rem;border:1px solid var(--bi-border);border-radius:10px;background:var(--bi-surface-2);min-width:0}.batch-qr-item img{width:100%;max-width:160px;height:auto;border-radius:6px;background:#fff}.batch-qr-label{width:100%;font-size:.72rem;color:var(--bi-text-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batch-qr-item .btn{padding:.1rem .45rem}.batch-qr-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:240px;color:var(--bi-text-muted);border:2px dashed var(--bi-border);border-radius:10px}.batch-qr-empty i{font-size:3rem;margin-bottom:.5rem}.batch-qr-error{font-size:.78rem;color:#dc3545;text-align:center;padding:.5rem}