.main-container.svelte-wv1m11{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:2rem 1rem 1rem}.page-content.svelte-wv1m11{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:800px;text-align:center}.page-title.svelte-wv1m11{font-size:2rem;font-weight:700;margin:0}.page-description.svelte-wv1m11{font-size:1rem;opacity:.8;margin:0 0 1rem}.color-section.svelte-wv1m11{display:flex;gap:2rem;align-items:flex-start;margin-top:1rem}.color-box-container.svelte-wv1m11{display:flex;flex-direction:column;align-items:center;gap:1rem}.color-box.svelte-wv1m11{width:300px;height:150px;border-radius:.5rem;position:relative;overflow:hidden;transition:background-color .3s ease;box-shadow:0 4px 6px #0000001a}.color-controls.svelte-wv1m11{display:flex;flex-direction:column;align-items:center;gap:.5rem}.color-input-container.svelte-wv1m11{display:flex;gap:.5rem;align-items:center}.color-input.svelte-wv1m11{padding:.5rem;border:1px solid #ccc;border-radius:.25rem;width:100px;text-align:center}.expand-button.svelte-wv1m11{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#4a5568;color:#fff;border:none;border-radius:.25rem;cursor:pointer;transition:background-color .2s ease}.expand-button.svelte-wv1m11:hover{background-color:#2d3748}.button-text.svelte-wv1m11{font-size:.9rem}.color-links.svelte-wv1m11{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.color-links-title.svelte-wv1m11{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;text-align:left}.color-links-list.svelte-wv1m11{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;justify-content:center}.color-link.svelte-wv1m11{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:.25rem;text-decoration:none;color:#333;transition:background-color .2s ease}.color-link.svelte-wv1m11:hover{background-color:#f0f0f0}.color-swatch.svelte-wv1m11{width:32px;height:32px;border-radius:50%;border:2px solid #333}.info-section.svelte-wv1m11{display:flex;flex-direction:column;gap:1.5rem;width:100%;margin-top:2rem;text-align:left}.info-card.svelte-wv1m11{background-color:#f8f8f8;border-radius:.5rem;padding:1.5rem;box-shadow:0 2px 4px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.info-card.svelte-wv1m11:hover{transform:translateY(-3px);box-shadow:0 4px 8px #0000001a}.info-title.svelte-wv1m11{font-size:1.25rem;font-weight:600;margin-top:0;margin-bottom:1rem;color:#333}.info-text.svelte-wv1m11{font-size:.95rem;line-height:1.5;color:#555;margin:0}.info-list.svelte-wv1m11{font-size:.95rem;line-height:1.6;color:#555;margin:0;padding-left:1.5rem}.info-list.svelte-wv1m11 li:where(.svelte-wv1m11){margin-bottom:.5rem}kbd.svelte-wv1m11{background-color:#eee;border-radius:3px;border:1px solid #b4b4b4;box-shadow:0 1px 1px #0003;color:#333;display:inline-block;font-size:.85em;font-weight:700;line-height:1;padding:2px 4px;white-space:nowrap}.fullscreen-container.svelte-wv1m11{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:none;transition:background-color .3s ease}.fullscreen-container.active.svelte-wv1m11{display:block}.fullscreen-message.svelte-wv1m11{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background-color:#ffffff1a;color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:svelte-wv1m11-fadeIn .3s ease}@keyframes svelte-wv1m11-fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.color-section.svelte-wv1m11{flex-direction:column;align-items:center}.color-links.svelte-wv1m11{width:100%;max-width:300px}.color-links-list.svelte-wv1m11{grid-template-columns:repeat(3,1fr)}}