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