div.svelte-1j171ec{position:relative}.overlay.svelte-1j171ec{position:fixed;inset:0;background:#00000080;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hex-info.svelte-1j171ec{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:24px;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:400px;width:90%;max-height:80vh;overflow-y:auto;z-index:1000;animation:svelte-1j171ec-slideIn .2s ease-out}@keyframes svelte-1j171ec-slideIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.close-btn.svelte-1j171ec{position:absolute;top:12px;right:12px;background:none;border:none;font-size:28px;cursor:pointer;color:#666;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn.svelte-1j171ec:hover{background:#f0f0f0;color:#333}.hex-info.svelte-1j171ec h2:where(.svelte-1j171ec){margin:0 0 12px;font-family:sans-serif;font-size:24px;color:#333;padding-right:32px}.hex-coords.svelte-1j171ec{font-family:monospace;font-size:12px;color:#666;margin-bottom:16px;padding:8px;background:#f5f5f5;border-radius:4px;display:inline-block}.hex-type.svelte-1j171ec{margin-bottom:12px;font-family:sans-serif;font-size:14px;color:#555}.hex-type.svelte-1j171ec strong:where(.svelte-1j171ec){color:#333}.hex-description.svelte-1j171ec{font-family:sans-serif;font-size:14px;line-height:1.6;color:#444;margin:12px 0}.hex-preview.svelte-1j171ec{margin-top:16px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.hex-preview.svelte-1j171ec img:where(.svelte-1j171ec){width:100%;height:auto;display:block}