.device-frame{border:16px solid #222;border-radius:36px;position:relative;margin:20px auto;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.1)}.device-screen{width:100%;height:100%;overflow:hidden;background:#fff}.device-notch{position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:150px;height:16px;background:#222;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.device-home{position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);width:100px;height:4px;background:#444;border-radius:2px}.device-buttons{position:absolute;right:-16px;top:100px;width:4px;height:60px;background:#444;border-radius:2px}.test-result{border-left:4px solid;padding:10px 15px;margin-bottom:10px}.test-result.pass{border-color:#28a745;background-color:rgba(40,167,69,.1)}.test-result.fail{border-color:#dc3545;background-color:rgba(220,53,69,.1)}.test-result.warning{border-color:#ffc107;background-color:rgba(255,193,7,.1)}.device-selector{display:flex;justify-content:center;gap:15px;margin-bottom:20px}.device-option{padding:10px 20px;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;transition:all .3s ease}.device-option:hover{border-color:var(--primary-color)}.device-option.active{border-color:var(--primary-color);background-color:var(--primary-color);color:#fff}.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=mobile-friendly-checker-content.css.map */