.grid-dimensions.svelte-1ql6w1w{display:block;font-size:.9rem;font-weight:400;margin-top:4px;color:#795548}.color-grid-container.svelte-ao7225{margin:20px auto;overflow:hidden;max-width:800px;background-color:bisque;border:1px solid #bcaaa4;box-shadow:0 2px 8px #0000001a;padding:4px}.color-grid.svelte-ao7225{display:grid;grid-template-columns:repeat(var(--grid-cols),1fr);grid-template-rows:repeat(var(--grid-rows),1fr);gap:1px;background-color:#bcaaa4;width:100%;height:100%;aspect-ratio:var(--grid-cols) / var(--grid-rows)}.color-cell.svelte-ao7225{width:100%;height:100%;aspect-ratio:1 / 1;overflow:hidden;cursor:pointer;touch-action:manipulation;position:relative}.selected.svelte-ao7225{animation:svelte-ao7225-flashBorder 1s infinite}@keyframes svelte-ao7225-flash{0%{box-shadow:0 0 10px 5px #0000004d}to{box-shadow:0 0 #0000}}@keyframes svelte-ao7225-flashBorder{0%,to{outline:2px solid #ffffff}50%{outline:2px solid #ff0000}}@media (min-width: 601px){.color-grid-container.svelte-ao7225{max-width:1000px}}@media (max-width: 600px){.color-grid-container.svelte-ao7225{max-width:100%}}.selected-color.svelte-1gd7dut{margin:20px auto;padding:10px;display:flex;align-items:center;gap:15px;border:2px solid #a1887f;border-radius:5px;background-color:bisque;max-width:500px;text-align:left}.placeholder.svelte-1gd7dut{justify-content:center;color:#5d4037;font-style:italic}.color-swatch.svelte-1gd7dut{width:50px;height:50px;border:1px solid #a1887f;border-radius:4px;cursor:pointer}.color-info.svelte-1gd7dut{display:flex;flex-direction:column}.color-name.svelte-1gd7dut{font-weight:700;font-size:1.1rem}.color-hex.svelte-1gd7dut{font-size:.9rem}.color-library.svelte-1gd7dut{font-size:.8rem;color:#5d4037}@keyframes svelte-1gd7dut-flash{0%{box-shadow:0 0 10px 5px #0000004d}to{box-shadow:0 0 #0000}}@media (min-width: 601px){.selected-color.svelte-1gd7dut{max-width:600px}}@media (max-width: 600px){.selected-color.svelte-1gd7dut{max-width:100%;flex-direction:column;align-items:flex-start}.color-swatch.svelte-1gd7dut{width:40px;height:40px}}.color-summary-container.svelte-1hmt82f{margin:20px auto;max-width:600px;background-color:beige;border:1px solid #d7ccc8;border-radius:5px;padding:15px;box-shadow:0 2px 4px #0000001a}h3.svelte-1hmt82f{color:#795548;font-size:1.2rem;margin-top:0;margin-bottom:15px;text-align:center}.grid-info.svelte-1hmt82f{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:15px;padding:8px;background-color:bisque;border-radius:4px}.grid-stat.svelte-1hmt82f{margin:5px 10px}.stat-label.svelte-1hmt82f{font-weight:700;color:#5d4037}.stat-value.svelte-1hmt82f{margin-left:5px}.color-summary-table.svelte-1hmt82f{width:100%;border-collapse:collapse;font-size:.9rem}.color-summary-table.svelte-1hmt82f th:where(.svelte-1hmt82f){text-align:left;padding:6px 10px;background-color:#d7ccc8;color:#3e2723;font-weight:700;border:1px solid #bcaaa4}.color-summary-table.svelte-1hmt82f td:where(.svelte-1hmt82f){padding:6px 10px;border:1px solid #d7ccc8}.color-cell.svelte-1hmt82f{width:40px;padding:2px!important}.color-swatch.svelte-1hmt82f{width:24px;height:24px;border:1px solid #a1887f;border-radius:4px}.color-name.svelte-1hmt82f{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-count.svelte-1hmt82f,.color-percent.svelte-1hmt82f{text-align:right}tfoot.svelte-1hmt82f tr:where(.svelte-1hmt82f){background-color:bisque;font-weight:700}.total-label.svelte-1hmt82f,.total-value.svelte-1hmt82f{text-align:right}@media (max-width: 600px){.color-summary-container.svelte-1hmt82f{max-width:100%;margin:10px 0}.grid-info.svelte-1hmt82f{flex-direction:column}.color-name.svelte-1hmt82f{max-width:120px}}