.universal-remote-container{max-width:600px;margin:20px auto;padding:20px;background:#f9f9f9;border:1px solid #ddd;border-radius:8px;font-family:Arial,sans-serif}.universal-remote-container h3{margin-top:0;color:#333;text-align:center;border-bottom:2px solid #0073aa;padding-bottom:10px}.universal-form-group{margin-bottom:20px}.universal-form-group label{display:block;margin-bottom:5px;font-weight:700;color:#333}.universal-form-group select{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px;background-color:#fff}.universal-form-group select:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.universal-form-group select:focus{outline:none;border-color:#0073aa;box-shadow:0 0 5px rgb(0 115 170 / .3)}.codes-result{margin-top:20px;padding:20px;background:#fff;border:1px solid #ccc;border-radius:4px}.codes-result h4{margin-top:0;color:#0073aa}.codes-container{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.code-item{display:inline-block;padding:8px 12px;background:#0073aa;color:#fff;border-radius:4px;cursor:pointer;transition:all 0.3s ease;font-weight:700;min-width:60px;text-align:center}.code-item:hover{background:#005a87;transform:translateY(-2px);box-shadow:0 2px 5px rgb(0 0 0 / .2)}.code-item:active{transform:translateY(0);box-shadow:0 1px 3px rgb(0 0 0 / .2)}.universal-instructions{background:#e7f3ff;padding:10px;border-left:4px solid #0073aa;margin:15px 0 0 0;font-style:italic;color:#333}.copy-instruction{font-size:14px;color:#666;text-align:center;margin:10px 0 0 0}.copy-feedback{position:fixed;top:20px;right:20px;background:#28a745;color:#fff;padding:10px 15px;border-radius:4px;z-index:9999;font-weight:700;box-shadow:0 2px 10px rgb(0 0 0 / .2)}.error{color:#dc3545;font-weight:700;text-align:center;padding:10px;background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px}.universal-remote-container+.universal-remote-container{margin-top:40px}@media (max-width:768px){.universal-remote-container{margin:10px;padding:15px}.codes-container{justify-content:center}.code-item{min-width:50px;padding:6px 10px;font-size:14px}.copy-feedback{position:fixed;top:10px;left:10px;right:10px;text-align:center}}.loading{text-align:center;color:#666}.loading:after{content:'';animation:loading-dots 1.5s infinite}@keyframes loading-dots{0%,20%{content:'.'}40%{content:'..'}60%,100%{content:'...'}}