.canvas-wrapper{position:relative;width:100%;background:#000;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.3);}.canvas-wrapper canvas{display:block;width:100%;height:auto;min-height:200px;}.viz-btn-group .btn{transition:all .3s ease;}.viz-btn-group .btn:hover{box-shadow:0 4px 12px rgba(79,195,247,.3);}.viz-btn-group .btn.active{background:linear-gradient(135deg,#4fc3f7 0%,#7e57c2 100%);color:white;border-color:#4fc3f7;}.scale-btn-group{gap:8px;}.scale-btn-group .btn{min-width:120px;transition:all .3s ease;}.scale-btn-group .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(33,150,243,.3);}.scale-btn-group .btn.active{background:linear-gradient(135deg,#2196f3 0%,#1976d2 100%);color:white;border-color:#2196f3;}.progress-custom{width:100%;height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden;margin-bottom:1.5rem;position:relative;}.progress-fill{height:100%;background:linear-gradient(90deg,#4fc3f7 0%,#7e57c2 50%,#e91e63 100%);border-radius:4px;transition:width .2s ease;box-shadow:0 0 10px rgba(79,195,247,.5);position:relative;}.progress-fill::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite;}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.key-strength-container{width:100%;height:4px;background:rgba(0,0,0,.1);border-radius:2px;overflow:hidden;margin-top:8px;}.key-strength-bar{height:100%;background:linear-gradient(90deg,#f44336 0%,#ff9800 33%,#4caf50 66%,#2196f3 100%);border-radius:2px;transition:width .3s ease;width:0;}.stat-card{transition:all .3s ease;border:1px solid rgba(0,0,0,.1);}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.1);}.info-box{padding:1rem 1.5rem;background:linear-gradient(135deg,rgba(79,195,247,.1) 0%,rgba(126,87,194,.1) 100%);border-left:4px solid #4fc3f7;border-radius:4px;font-size:.95rem;line-height:1.6;}.btn-animated{position:relative;overflow:hidden;}.btn-animated::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s;}.btn-animated:hover::before{width:300px;height:300px;}@media (max-width:768px){.scale-btn-group,.viz-btn-group{flex-direction:column}.scale-btn-group .btn,.viz-btn-group .btn{width:100%;margin-bottom:.5rem}.canvas-wrapper canvas{min-height:150px}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.fa-spinner.fa-spin{animation:spin 1s linear infinite;}.alert{animation:slideIn .3s ease;}@keyframes slideIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}#decodedText{animation:fadeIn .5s ease;}@keyframes fadeIn{from{opacity:0}to{opacity:1}}