.accessible-color-picker{display:flex;flex-direction:column;gap:4px}.accessible-color-picker-label{font-size:14px;font-weight:500;color:#374151}.accessible-color-picker-label.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.accessible-color-picker-input-wrapper{display:flex;align-items:center;gap:8px}.accessible-color-picker-input{width:40px;height:40px;padding:0;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:border-color .15s ease}.accessible-color-picker-input:hover{border-color:#9ca3af}.accessible-color-picker-input:focus-visible{outline:2px solid #3b82f6;outline-offset:2px;border-color:#3b82f6}.accessible-color-picker-input:active{transform:scale(.98)}.accessible-color-picker-input:disabled{opacity:.5;cursor:not-allowed}.accessible-color-picker-input::-webkit-color-swatch-wrapper{padding:0}.accessible-color-picker-input::-webkit-color-swatch{border:none;border-radius:6px}.accessible-color-picker-input::-moz-color-swatch{border:none;border-radius:6px}.accessible-color-picker-preview{font-size:12px;font-family:monospace;font-weight:500;padding:4px 8px;border-radius:4px;min-width:70px;text-align:center}.accessible-color-picker-description{font-size:12px;color:#6b7280}@media (prefers-color-scheme: dark){.accessible-color-picker-label{color:#e5e7eb}.accessible-color-picker-input{border-color:#4b5563}.accessible-color-picker-input:hover{border-color:#6b7280}.accessible-color-picker-input:focus-visible{outline-color:#60a5fa;border-color:#60a5fa}.accessible-color-picker-description{color:#9ca3af}}.qr-generator{padding:2rem 0}.tool-header{text-align:center;margin-bottom:2rem}.tool-header h1{font-size:2rem;color:var(--gray-800);margin-bottom:.5rem}.tool-header p{color:var(--gray-600)}.qr-type-selector{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.qr-type-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;transition:all .2s}.qr-type-btn:hover{border-color:var(--primary-light)}.qr-type-btn.active{border-color:var(--primary);background:#4f46e50d}.type-icon{font-size:1.25rem}.type-name{font-weight:500;color:var(--gray-700);font-size:.875rem}.qr-layout{display:grid;grid-template-columns:1fr 400px;gap:var(--tool-content-gap, 2rem);align-items:start}.qr-form h3{margin-bottom:1.5rem;color:var(--gray-800)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.customization-section h3{font-size:1.15rem;font-weight:700;color:var(--gray-900);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--primary);letter-spacing:.03em}.customization-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--gray-200)}.customization-section h4{margin-bottom:1rem;color:var(--gray-700);font-size:1rem}.customization-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.color-input{display:flex;align-items:center;gap:.75rem}.color-input input[type=color]{width:50px;height:40px;padding:2px;border:1px solid var(--gray-300);border-radius:var(--radius);cursor:pointer}.color-input span{font-family:Monaco,Menlo,monospace;font-size:.875rem;color:var(--gray-600)}input[type=range]{width:100%;height:8px;border-radius:4px;background:var(--gray-200);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:var(--shadow)}.qr-preview{position:sticky;top:100px;display:flex;flex-direction:column;gap:1.5rem}.preview-card h3{margin-bottom:1rem;color:var(--gray-800)}.qr-display{display:flex;align-items:center;justify-content:center;min-height:280px;border-radius:var(--radius);border:1px solid var(--gray-200);margin-bottom:1rem;padding:1rem}.qr-display img{max-width:100%;height:auto}.qr-placeholder{color:var(--gray-400);text-align:center;padding:2rem}.qr-actions{display:flex;gap:1rem}.qr-actions .btn{flex:1}.usage-tips{background:var(--gray-50)}.usage-tips h4{margin-bottom:.75rem;color:var(--gray-700)}.usage-tips ul{margin:0;padding-left:1.25rem}.usage-tips li{color:var(--gray-600);font-size:.875rem;margin-bottom:.5rem}.usage-tips li:last-child{margin-bottom:0}.contrast-warning{display:flex;align-items:flex-start;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;background:#fef3c7;border:1px solid var(--warning);border-radius:var(--radius);color:#92400e;font-size:.875rem;line-height:1.4}.contrast-warning .warning-icon{flex-shrink:0}.qr-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;color:var(--gray-500)}.qr-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.qr-error{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;text-align:center;color:var(--gray-600)}.qr-error .error-icon{font-size:2rem}.qr-error .btn-small{padding:.5rem 1rem;font-size:.875rem}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{flex:1;padding-right:3rem}.password-toggle-btn{position:absolute;right:.5rem;padding:.5rem;background:transparent;border:none;cursor:pointer;font-size:1.25rem;line-height:1;opacity:.7;transition:opacity .2s}.password-toggle-btn:hover{opacity:1}.input-help{display:block;margin-top:.25rem;font-size:.75rem;color:var(--gray-500)}@media (max-width: 1023px){.qr-layout{grid-template-columns:1fr}.qr-preview{position:static}}.saved-qrcodes{margin-top:1rem;border:2px solid var(--warning);background:#f59e0b0d}.saved-qrcodes h4{color:var(--gray-800);margin-bottom:1rem}.saved-qr-list{display:flex;flex-direction:column;gap:.75rem}.saved-qr-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--white);border-radius:var(--radius);border:1px solid var(--gray-200);transition:all .2s}.saved-qr-item:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm)}.saved-qr-thumbnail{width:50px;height:50px;border-radius:var(--radius-sm, 4px);border:1px solid var(--gray-200);cursor:pointer;transition:transform .2s}.saved-qr-thumbnail:hover{transform:scale(1.1)}.saved-qr-info{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.saved-qr-type{font-size:.75rem;font-weight:600;color:var(--primary);text-transform:uppercase}.saved-qr-label{font-size:.875rem;color:var(--gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-qr-date{font-size:.7rem;color:var(--gray-500)}.saved-qr-actions{display:flex;gap:.25rem}.saved-qr-actions .action-btn{width:32px;height:32px;border:none;background:var(--gray-100);border-radius:var(--radius);cursor:pointer;font-size:.875rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.saved-qr-actions .action-btn:hover{background:var(--gray-200)}.saved-qr-actions .action-btn.delete:hover{background:var(--danger)}.save-btn{background:#f59e0b1a;border-color:var(--warning);color:var(--gray-700)}.save-btn:hover{background:var(--warning);color:var(--white)}.bulk-csv-section{margin:2rem 0;border-top:2px solid var(--primary-light);padding-top:2rem}.bulk-csv-section h3{color:var(--gray-800);margin-bottom:1rem;font-size:1.25rem}.file-info{display:block;margin-top:.5rem;font-size:.875rem;color:var(--gray-600)}.progress-section{margin:1.5rem 0}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem;color:var(--gray-700)}.progress-percent{font-weight:600;color:var(--primary)}.progress-bar{width:100%;height:8px;background:var(--gray-200);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--primary);border-radius:4px;transition:width .3s ease}.bulk-results{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--gray-200)}.bulk-results h4{color:var(--gray-800);margin-bottom:1rem;font-size:1rem}.bulk-actions{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.bulk-actions .btn{flex:1;min-width:150px}.bulk-codes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;margin:1rem 0}.bulk-code-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden}.bulk-code-item img{width:80px;height:80px;border-radius:var(--radius-sm)}.bulk-code-item .label{font-size:1rem;color:var(--gray-900);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.error-placeholder{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--gray-100);border-radius:var(--radius-sm);color:var(--danger);font-weight:600}.muted{font-size:.875rem;color:var(--gray-500)}.subsection{margin-top:1.5rem;padding:1rem;background:var(--gray-50);border-radius:var(--radius);border-left:3px solid var(--primary)}.subsection h5{margin:0 0 1rem;color:var(--gray-700);font-size:.95rem}.corner-style-buttons{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.corner-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1rem;background:var(--white);border:2px solid var(--gray-300);border-radius:var(--radius);cursor:pointer;transition:all .2s;font-size:.875rem;color:var(--gray-700);min-width:70px}.corner-btn:hover{border-color:var(--primary-light);background:#4f46e50d}.corner-btn.active{border-color:var(--primary);background:#4f46e51a;color:var(--primary);font-weight:600}.corner-btn .preview{font-size:1.5rem}.logo-preview{width:100%;height:120px;border:2px solid #d1d5db;border-radius:var(--radius);background-size:contain;background-repeat:no-repeat;background-position:center;display:flex;align-items:center;justify-content:center;color:var(--gray-500);font-size:.875rem;margin:1rem 0}.qr-image-container{position:relative}.logo-overlay{border-radius:50%;box-shadow:0 0 0 3px #fff}.analytics-dashboard{background:linear-gradient(135deg,#4f46e50d,#4f46e505);border:2px solid rgba(79,70,229,.2)}.analytics-dashboard h4{color:var(--gray-800);margin-bottom:1.5rem}.analytics-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-item{background:var(--white);padding:1rem;border-radius:var(--radius);border:1px solid var(--gray-200);display:flex;flex-direction:column;gap:.5rem;text-align:center}.stat-label{font-size:.75rem;color:var(--gray-600);text-transform:uppercase;font-weight:600}.stat-value{font-size:2rem;font-weight:700;color:var(--primary)}.color-preferences{margin:1.5rem 0;padding:1rem;background:var(--white);border-radius:var(--radius)}.color-preferences h5{margin:0 0 1rem;color:var(--gray-700);font-size:.95rem}.color-list{display:flex;flex-wrap:wrap;gap:1rem}.color-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:1px solid var(--gray-200);border-radius:var(--radius);font-size:.875rem}.color-swatch{width:30px;height:30px;border:1px solid var(--gray-300);border-radius:var(--radius-sm)}.color-label{font-family:Monaco,Menlo,monospace;color:var(--gray-700);min-width:70px}.color-count{color:var(--gray-500);font-size:.8rem;margin-left:.25rem}.analytics-actions{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}@media (max-width: 768px){.qr-type-selector{flex-direction:column}.qr-type-btn{justify-content:center}.form-row{grid-template-columns:1fr}.qr-actions{flex-direction:column}.saved-qr-item{flex-wrap:wrap}.bulk-codes-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.analytics-stats{grid-template-columns:1fr 1fr}.corner-style-buttons{justify-content:space-between}.corner-btn{flex:1}}