.theme-detector-container{max-width:500px;margin:40px auto;padding:20px;background:#fff;border-radius:16px;border:1px solid #e5e5e5;box-shadow:0 8px 24px rgb(0 0 0 / .06);font-family:'Segoe UI',sans-serif}.theme-detector-container h2{text-align:center;margin-bottom:20px;font-size:1.6em;color:#333}#theme-detector-form{display:flex;gap:8px;flex-wrap:wrap}#theme-detector-form input{flex:1;padding:12px;font-size:1em;border:1px solid #ccc;border-radius:8px;outline:none;transition:border-color 0.3s}#theme-detector-form input:focus{border-color:#2947DC}#theme-detector-form button{padding:12px 20px;font-size:1em;background:#2947DC;color:#fff;border:2px solid #2947DC;border-radius:8px;cursor:pointer;transition:all 0.3s ease}#theme-detector-form button:hover{background:#8D020C;color:#fff;border:2px solid #2947DC}#theme-detector-result{margin-top:20px;padding:15px;border-radius:8px;background:#f9f9f9;font-size:1em;border:1px solid #e0e0e0}@media (max-width:480px){#theme-detector-form{flex-direction:column}#theme-detector-form button{width:100%}}