.TraditionalColorPaletteTile-module__9WDvEq__inner{flex-direction:column;gap:1.5rem;width:100%;max-width:100%;display:flex}.TraditionalColorPaletteTile-module__9WDvEq__searchField{flex-direction:column;gap:.4rem;display:flex}.TraditionalColorPaletteTile-module__9WDvEq__label{color:var(--ink-2);font-size:.875rem;font-weight:600}.TraditionalColorPaletteTile-module__9WDvEq__categorySection{flex-direction:column;gap:.4rem;display:flex}.TraditionalColorPaletteTile-module__9WDvEq__swatchGrid{grid-template-columns:repeat(10,1fr);gap:.375rem;display:grid}.TraditionalColorPaletteTile-module__9WDvEq__swatch{aspect-ratio:1;border:2px solid var(--rule);border-radius:var(--radius);cursor:pointer;background:0 0;width:100%;min-height:28px;padding:0;transition:transform .1s;position:relative}.TraditionalColorPaletteTile-module__9WDvEq__swatch:hover{z-index:1;transform:scale(1.15)}.TraditionalColorPaletteTile-module__9WDvEq__swatchSelected{outline:3px solid var(--accent);outline-offset:1px}.TraditionalColorPaletteTile-module__9WDvEq__swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.TraditionalColorPaletteTile-module__9WDvEq__swatchTooltip{background-color:var(--ink);color:var(--paper);border-radius:var(--radius);white-space:nowrap;pointer-events:none;opacity:0;z-index:10;padding:.25rem .5rem;font-size:.7rem;transition:opacity .15s;position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%)}.TraditionalColorPaletteTile-module__9WDvEq__swatch:hover .TraditionalColorPaletteTile-module__9WDvEq__swatchTooltip{opacity:1}.TraditionalColorPaletteTile-module__9WDvEq__emptyMessage{text-align:center;color:var(--ink-2);padding:1rem;font-size:.875rem}.TraditionalColorPaletteTile-module__9WDvEq__harmonySection{flex-direction:column;gap:.5rem;display:flex}.TraditionalColorPaletteTile-module__9WDvEq__harmonyDescription{color:var(--ink-2);margin:0;font-size:.8rem}.TraditionalColorPaletteTile-module__9WDvEq__placeholderMessage{text-align:center;color:var(--ink-2);border:1px dashed var(--rule);border-radius:var(--radius);padding:2rem;font-size:.9rem}.TraditionalColorPaletteTile-module__9WDvEq__achromaticNotice{border:1px solid var(--rule);border-radius:var(--radius);background-color:var(--paper);color:var(--ink-2);margin:0;padding:.75rem;font-size:.875rem}.TraditionalColorPaletteTile-module__9WDvEq__paletteResults{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;display:grid}.TraditionalColorPaletteTile-module__9WDvEq__paletteCard{border:1px solid var(--rule);border-radius:var(--radius);background-color:var(--paper);flex-direction:column;gap:.4rem;padding:.75rem;display:flex}.TraditionalColorPaletteTile-module__9WDvEq__paletteColorSwatch{border:1px solid var(--rule);border-radius:var(--radius);width:100%;height:72px}.TraditionalColorPaletteTile-module__9WDvEq__paletteColorName{color:var(--ink);font-size:.9rem}.TraditionalColorPaletteTile-module__9WDvEq__paletteColorNameLink{color:var(--accent);text-decoration:none}.TraditionalColorPaletteTile-module__9WDvEq__paletteColorNameLink:hover{text-decoration:underline}.TraditionalColorPaletteTile-module__9WDvEq__paletteColorRomaji{color:var(--ink-2);font-size:.75rem}.TraditionalColorPaletteTile-module__9WDvEq__colorCodeRow{align-items:center;gap:.375rem;display:flex}.TraditionalColorPaletteTile-module__9WDvEq__colorCodeLabel{color:var(--ink-2);text-transform:uppercase;min-width:2rem;font-size:.7rem;font-weight:600}.TraditionalColorPaletteTile-module__9WDvEq__colorCodeValue{font-family:var(--font-mono);color:var(--ink);word-break:break-all;flex:1;font-size:.75rem}@media (max-width:1024px){.TraditionalColorPaletteTile-module__9WDvEq__swatchGrid{grid-template-columns:repeat(8,1fr)}}@media (max-width:768px){.TraditionalColorPaletteTile-module__9WDvEq__swatchGrid{grid-template-columns:repeat(5,1fr)}.TraditionalColorPaletteTile-module__9WDvEq__paletteResults{grid-template-columns:1fr}}