.explorer-page.svelte-1k1dp8o{min-width:0;padding-bottom:48px}.explorer-heading.svelte-1k1dp8o{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.explorer-heading.svelte-1k1dp8o p:where(.svelte-1k1dp8o){color:var(--muted-foreground);margin-top:10px;line-height:1.6}.explorer-map.svelte-1k1dp8o{background:var(--card);border:1px solid var(--border);border-radius:12px;width:100%;min-width:0;overflow:hidden}h2.svelte-1k1dp8o{font-size:17px;font-weight:600;line-height:1.5}.explorer-note.svelte-1k1dp8o,.explorer-empty.svelte-1k1dp8o p:where(.svelte-1k1dp8o){color:var(--muted-foreground);margin-top:6px;font-size:14px;line-height:1.65}.map-controls.svelte-1k1dp8o{flex-wrap:wrap;align-items:center;gap:20px;padding:22px 24px 0;display:flex}.ratio-control.svelte-1k1dp8o{width:360px;max-width:100%}.map-controls.svelte-1k1dp8o label:where(.svelte-1k1dp8o){margin-bottom:8px;font-size:13px;font-weight:600;display:block}.ratio-slider.svelte-1k1dp8o{position:relative}.ratio-control.svelte-1k1dp8o input:where(.svelte-1k1dp8o){width:100%;height:44px;accent-color:var(--primary);cursor:pointer}.ratio-tooltip.svelte-1k1dp8o{z-index:3;border:1px solid var(--border);background:var(--foreground);color:var(--background);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:5px;padding:4px 10px;font-size:13px;position:absolute;top:calc(100% - 5px);transform:translate(-50%)}.recipe-detail.svelte-1k1dp8o{min-height:44px;color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid var(--border);padding:10px 24px;font-size:13px;line-height:24px;overflow:hidden}.map-scroll.svelte-1k1dp8o{max-width:100%;overflow:auto}.color-matrix.svelte-1k1dp8o{border-collapse:separate;border-spacing:2px;width:calc(100% - 16px);min-width:var(--matrix-min-width);table-layout:fixed;margin:8px}.color-matrix.single-paint.svelte-1k1dp8o{min-width:0;max-width:340px}.color-matrix.svelte-1k1dp8o th:where(.svelte-1k1dp8o){background:var(--card);text-align:center;overflow-wrap:anywhere;padding:8px;font-size:12px;font-weight:500;line-height:1.5}.color-matrix.svelte-1k1dp8o th[scope=row]:where(.svelte-1k1dp8o),.matrix-corner.svelte-1k1dp8o{z-index:1;text-align:left;background:var(--card);width:116px;position:sticky;left:0}.color-matrix.svelte-1k1dp8o th[scope=col]:where(.svelte-1k1dp8o) .paint-dot:where(.svelte-1k1dp8o){margin:0 auto 6px;display:block}.color-matrix.svelte-1k1dp8o td:where(.svelte-1k1dp8o){padding:0}.matrix-swatch.svelte-1k1dp8o{aspect-ratio:1;width:100%;min-width:44px;min-height:44px;box-shadow:inset 0 0 0 1px var(--input);border-radius:2px;display:block;position:relative}.pure-paint.svelte-1k1dp8o:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(45deg,#0000 calc(50% - 1px),#fff6 calc(50% - 1px) 50%,#22324466 50% calc(50% + 1px),#0000 calc(50% + 1px));position:absolute;inset:0}.paint-dot.svelte-1k1dp8o{vertical-align:middle;border:1px solid #22324440;border-radius:50%;flex-shrink:0;width:13px;height:13px;margin-right:7px;display:inline-block}.explorer-note.svelte-1k1dp8o{max-width:940px;margin-top:20px;font-size:13px}.explorer-empty.svelte-1k1dp8o{border:1px dashed var(--input);text-align:center;border-radius:12px;padding:48px 24px}.explorer-empty.svelte-1k1dp8o [data-slot=button]{margin-top:20px}button.svelte-1k1dp8o:focus-visible,input.svelte-1k1dp8o:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.matrix-swatch.svelte-1k1dp8o:focus-visible{outline:3px solid var(--foreground);outline-offset:1px;box-shadow:inset 0 0 0 3px white, inset 0 0 0 6px var(--foreground);z-index:2}@media (width>=900px) and (height>=600px){.explorer-page.svelte-1k1dp8o{flex-direction:column;gap:16px;height:calc(100dvh - 90px);padding-block:24px 16px;display:flex}.explorer-heading.svelte-1k1dp8o{flex-shrink:0;margin-bottom:0}.explorer-heading.svelte-1k1dp8o p:where(.svelte-1k1dp8o){margin-top:4px}.explorer-map.svelte-1k1dp8o{flex-direction:column;flex:1;min-height:0;display:flex}.map-controls.svelte-1k1dp8o,.recipe-detail.svelte-1k1dp8o{flex-shrink:0}.map-controls.svelte-1k1dp8o{padding-top:12px}.ratio-control.svelte-1k1dp8o{align-items:center;gap:16px;width:480px;display:flex}.map-controls.svelte-1k1dp8o label:where(.svelte-1k1dp8o){flex-shrink:0;margin-bottom:0}.ratio-slider.svelte-1k1dp8o{flex:1;min-width:0}.recipe-detail.svelte-1k1dp8o{min-height:29px;padding-block:4px;line-height:20px}.map-scroll.svelte-1k1dp8o{flex:1;min-height:0}.color-matrix.svelte-1k1dp8o{width:var(--desktop-matrix-width);min-width:0;margin-inline:auto}.color-matrix.svelte-1k1dp8o th[scope=col]:where(.svelte-1k1dp8o) .paint-name:where(.svelte-1k1dp8o){-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.color-matrix.svelte-1k1dp8o th[scope=row]:where(.svelte-1k1dp8o){white-space:nowrap;padding-block:0}.color-matrix.svelte-1k1dp8o th[scope=row]:where(.svelte-1k1dp8o) .paint-name:where(.svelte-1k1dp8o){text-overflow:ellipsis;vertical-align:middle;max-width:calc(100% - 20px);display:inline-block;overflow:hidden}.matrix-swatch.svelte-1k1dp8o{min-width:24px;min-height:24px}.explorer-note.svelte-1k1dp8o{flex-shrink:0;margin-top:0}}@media (width<=680px){.explorer-heading.svelte-1k1dp8o{margin-bottom:24px;display:block}.explorer-heading.svelte-1k1dp8o [data-slot=button]{margin-top:16px}.map-controls.svelte-1k1dp8o{gap:10px;padding:18px 16px 0}.recipe-detail.svelte-1k1dp8o{padding-inline:16px}}