body{margin:0}.bottom-right-button{position:fixed;bottom:20px;right:20px;padding:12px 24px;background-color:#007acc;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-family:Arial,sans-serif;box-shadow:0 2px 4px #0003;z-index:1000}.bottom-right-button:hover{background-color:#005a9e}.hex-type-buttons{position:fixed;bottom:80px;right:20px;display:none;flex-direction:column;gap:8px;z-index:999}.hex-type-buttons.visible{display:flex}.hex-type-button{padding:8px 16px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-family:Arial,sans-serif;box-shadow:0 1px 3px #0003;min-width:80px;text-align:center;transition:background-color .2s ease}.hex-type-button:hover{background-color:#218838}.hex-type-button:active{background-color:#1e7e34}.hex-type-button.selected{background-color:#ffc107;color:#212529}.hex-type-button.selected:hover{background-color:#e0a800}