body{margin:0;font-family:sans-serif;background-color:#f4f4f4;color:#222}header{background:#111;color:white;padding:1rem;text-align:center}.container{max-width:800px;margin:2rem auto;background:white;padding:2rem;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1)}.button{display:inline-block;padding:.75rem 1.5rem;background:#007bff;color:white;text-decoration:none;border-radius:4px;margin-top:1rem}.examples img{width:100%;margin:1rem 0;border-radius:6px}@keyframes spin{to{transform:rotate(1turn)}}.spinner{width:1rem;height:1rem;border:2px solid white;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;margin-left:.5rem}.spinner,.switch{display:inline-block}.switch{position:relative;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:24px}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:white;border-radius:50%}.switch input:checked+.slider{background-color:#10b981}.switch input:checked+.slider:before{transform:translateX(26px)}