.icon-btn.active,.icon-btn:hover{border-color:var(--primary-color)}#qr-tabs,.icon-grid{scrollbar-width:thin}#qr-tabs .nav-link.active,#qr-tabs .nav-link:active{opacity:1;color:var(--primary-color)}.nav-pills .nav-link{border-radius:20px}.card-title{color:var(--secondary-color)}.icon-btn{border:2px solid var(--border-color);background:#fff;padding:8px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;aspect-ratio:1}#qr-container,.qr-preview{min-height:250px;background-color:var(--light-bg)}.icon-btn:hover{background:var(--light-bg);transform:var(--hover-transform);box-shadow:var(--shadow-sm)}.icon-btn.active{background:#e7f1ff;box-shadow:0 0 0 3px rgba(152,95,253,.2)}.icon-btn img{width:100%;height:100%;object-fit:contain}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;max-height:200px;overflow-y:auto;padding:8px;border:1px solid var(--border-color);border-radius:var(--radius-md);scrollbar-color:#aaa var(--grey-bg)}.icon-grid::-webkit-scrollbar{width:8px}.icon-grid::-webkit-scrollbar-track{background:var(--grey-bg);border-radius:4px}.icon-grid::-webkit-scrollbar-thumb{background:#aaa;border-radius:4px}.icon-grid::-webkit-scrollbar-thumb:hover{background:#777}.qr-preview{border:2px dashed var(--border-color);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.qr-preview.has-code{border:2px solid var(--success-color);background-color:#fff}.logo-preview{max-width:60px;max-height:60px;object-fit:contain;border-radius:var(--radius-sm)}#qr-container{border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}#qr-container canvas{max-width:100%;height:auto}.form-floating textarea{height:100px;resize:none}#qr-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;border-top:1px solid #dbdbdb;list-style:none;padding:0 16px;margin:0;scroll-snap-type:x mandatory;gap:4px;-ms-overflow-style:auto;scrollbar-color:#aaa var(--grey-bg,#f1f1f1)}#qr-tabs::-webkit-scrollbar{display:block;height:8px}#qr-tabs::-webkit-scrollbar-track{background:var(--grey-bg,#f1f1f1);border-radius:4px}#qr-tabs::-webkit-scrollbar-thumb{background:#aaa;border-radius:4px}#qr-tabs::-webkit-scrollbar-thumb:hover{background:#777}#qr-tabs .nav-link{flex:0 0 auto;border-radius:0;border:none;background:0 0;font-weight:700;font-size:1.1rem;color:var(--primary-color);opacity:.4;padding:12px 16px;margin-top:-1px;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:6px;scroll-snap-align:start;transition:opacity .2s,color .2s;position:relative}#qr-tabs .nav-link.active:hover,#qr-tabs .nav-link:hover{cursor:pointer;opacity:1;color:var(--primary-color)}#qr-tabs .nav-link.active{border-top:2px solid #514bc0;z-index:2}#qr-tabs .nav-link i{font-size:1.2rem;vertical-align:middle}@media (max-width:991.98px){#qr-tabs{justify-content:flex-start;padding-left:12px;padding-right:40px;mask-image:linear-gradient(to right,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 80%,transparent 100%)}#qr-tabs .nav-link{flex-direction:column;font-size:.9rem;padding:10px 12px}#qr-tabs .nav-link i{font-size:1.6rem;margin-right:0}}@media (min-width:992px){#qr-tabs{justify-content:flex-start;mask-image:none;-webkit-mask-image:none}}