.controls.svelte-sdqonk{margin-bottom:1.5rem;display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;font-family:sans-serif}label.svelte-sdqonk{display:flex;align-items:center;gap:.5rem}input[type=color].svelte-sdqonk{width:40px;height:40px;border:none;padding:0;border-radius:8px;cursor:pointer}button.svelte-sdqonk,select.svelte-sdqonk{padding:.5rem 1rem;border-radius:8px;border:1px solid #ccc;background-color:#f0f0f0}.palette-container.svelte-sdqonk{display:flex;flex-direction:column;gap:8px;font-family:sans-serif;margin-top:1rem}.main-colors.svelte-sdqonk{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.lower-section.svelte-sdqonk{display:grid;grid-template-columns:3fr 1fr;gap:8px;align-items:stretch}.lower-left.svelte-sdqonk{display:flex;flex-direction:column;gap:8px}.surface-container-colors.svelte-sdqonk{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.bottom-area.svelte-sdqonk{display:grid;grid-template-columns:2fr 1fr;gap:8px}.bottom-left-pair.svelte-sdqonk,.bottom-right-quad.svelte-sdqonk{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lower-right.svelte-sdqonk{display:flex;flex-direction:column;gap:8px}.lower-right.svelte-sdqonk .color-card:where(.svelte-sdqonk){flex:1}.lower-right.svelte-sdqonk .color-card.tall:where(.svelte-sdqonk){flex-grow:2}.color-card.svelte-sdqonk{padding:.75rem;border-radius:12px;font-size:.9rem;font-weight:500;min-height:80px;display:flex;align-items:flex-start;word-break:break-word;transition:background-color .3s ease}.color-card.small.svelte-sdqonk{min-height:60px;font-size:.75rem;text-align:center;align-items:center;justify-content:center;padding:.25rem}.about-group.svelte-sdqonk h4:where(.svelte-sdqonk){margin:0 0 .5rem;font-size:1.05rem;color:#405e0d}.about-group.svelte-sdqonk ul:where(.svelte-sdqonk){margin:0;padding-left:1.2em;font-size:.98rem}.about-group.svelte-sdqonk li:where(.svelte-sdqonk){margin-bottom:.5em;line-height:1.6}