.score-card{border-radius:8px;padding:20px;text-align:center;margin-bottom:20px;background:#f8f9fa}.score-value{font-size:48px;font-weight:700;line-height:1;margin:10px 0}.score-label{font-size:14px;color:#6c757d}.metric-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:15px;margin-bottom:15px}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.metric-title{font-weight:700;margin:0}.metric-value{font-size:14px;padding:4px 8px;border-radius:4px;background:#f8f9fa}.progress{height:8px;margin:10px 0}.recommendation-card{border-left:4px solid;padding:15px;margin-bottom:15px;background:#f8f9fa;border-radius:4px}.recommendation-card.high{border-color:#dc3545}.recommendation-card.medium{border-color:#ffc107}.recommendation-card.low{border-color:#28a745}.device-selector{display:flex;justify-content:center;margin-bottom:20px}.device-btn{padding:10px 20px;border:2px solid #dee2e6;background:#fff;cursor:pointer;transition:all .3s ease}.device-btn:first-child{border-radius:4px 0 0 4px}.device-btn:last-child{border-radius:0 4px 4px 0}.device-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.processing-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.8);display:none;align-items:center;justify-content:center;z-index:1000}.processing-overlay.active{display:flex}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
/*# sourceMappingURL=page-speed-analyzer-content.css.map */