.ColorPaletteCalc-module__YGlDza__root{gap:var(--space-5);flex-direction:column;display:flex}.ColorPaletteCalc-module__YGlDza__inputRow{align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.ColorPaletteCalc-module__YGlDza__colorField{gap:var(--space-2);flex-direction:column;flex:1;min-width:200px;display:flex}.ColorPaletteCalc-module__YGlDza__fieldLabel{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.ColorPaletteCalc-module__YGlDza__colorInputWrap{align-items:center;gap:var(--space-3);background-color:var(--color-bg-input);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3)var(--space-4);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);display:flex}.ColorPaletteCalc-module__YGlDza__colorInputWrap:focus-within{border-color:var(--color-calc-color-palette);box-shadow:0 0 0 3px var(--color-calc-color-palette-soft);background-color:var(--color-bg-card)}.ColorPaletteCalc-module__YGlDza__swatchWrap{border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;transition:border-color var(--transition-fast);border:2px solid #0000001f;flex-shrink:0;display:block;overflow:hidden}.ColorPaletteCalc-module__YGlDza__swatchWrap:hover{border-color:var(--color-calc-color-palette)}.ColorPaletteCalc-module__YGlDza__colorPicker{opacity:0;width:0;height:0;position:absolute}.ColorPaletteCalc-module__YGlDza__hexInput{font-family:Courier New,monospace;font-size:var(--text-lg);color:var(--color-text);letter-spacing:.04em;background:0 0;border:none;outline:none;flex:1;min-width:0;font-weight:700}.ColorPaletteCalc-module__YGlDza__hexInput::placeholder{color:var(--color-text-placeholder);font-weight:400}.ColorPaletteCalc-module__YGlDza__copyAllBtn{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-bg-card);font-family:inherit;font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast);flex-shrink:0;font-weight:600;display:inline-flex}.ColorPaletteCalc-module__YGlDza__copyAllBtn:hover{color:var(--color-calc-color-palette);border-color:var(--color-calc-color-palette);background-color:var(--color-calc-color-palette-soft)}.ColorPaletteCalc-module__YGlDza__palette{border-radius:var(--radius-xl);height:80px;box-shadow:var(--shadow-sm);grid-template-columns:repeat(11,1fr);display:grid;overflow:hidden}.ColorPaletteCalc-module__YGlDza__swatch{padding-bottom:var(--space-2);cursor:pointer;transition:flex var(--transition-fast);border:none;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;display:flex;position:relative}.ColorPaletteCalc-module__YGlDza__swatch:hover{flex:2}.ColorPaletteCalc-module__YGlDza__swatchShade{opacity:.85;font-size:10px;font-weight:700;line-height:1}.ColorPaletteCalc-module__YGlDza__swatchHex{opacity:.7;font-family:Courier New,monospace;font-size:9px;font-weight:500;line-height:1}.ColorPaletteCalc-module__YGlDza__swatchBase{flex:1.5}.ColorPaletteCalc-module__YGlDza__baseMarker{top:var(--space-2);opacity:.7;font-size:8px;position:absolute}.ColorPaletteCalc-module__YGlDza__detailTable{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.ColorPaletteCalc-module__YGlDza__detailHeader{padding:var(--space-2)var(--space-4);background-color:var(--color-bg-input);border-bottom:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;grid-template-columns:80px 1fr 1fr;font-weight:700;display:grid}.ColorPaletteCalc-module__YGlDza__detailRow{padding:var(--space-2)var(--space-4);border-bottom:1px solid var(--color-border);cursor:pointer;transition:background-color var(--transition-fast);font-size:var(--text-sm);grid-template-columns:80px 1fr 1fr;align-items:center;display:grid}.ColorPaletteCalc-module__YGlDza__detailRow:last-child{border-bottom:none}.ColorPaletteCalc-module__YGlDza__detailRow:hover,.ColorPaletteCalc-module__YGlDza__detailRowBase{background-color:var(--color-calc-color-palette-soft)}.ColorPaletteCalc-module__YGlDza__detailRowBase .ColorPaletteCalc-module__YGlDza__detailShade{color:var(--color-calc-color-palette);font-weight:700}.ColorPaletteCalc-module__YGlDza__detailShade{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-weight:500;display:flex}.ColorPaletteCalc-module__YGlDza__miniSwatch{border:1px solid #0000001a;border-radius:4px;flex-shrink:0;width:16px;height:16px}.ColorPaletteCalc-module__YGlDza__detailHex{color:var(--color-text);letter-spacing:.02em;font-family:Courier New,monospace;font-weight:600}.ColorPaletteCalc-module__YGlDza__detailHsl{font-size:var(--text-xs);color:var(--color-text-muted);font-family:Courier New,monospace}@media (max-width:560px){.ColorPaletteCalc-module__YGlDza__palette{grid-template-columns:repeat(11,1fr);height:64px}.ColorPaletteCalc-module__YGlDza__swatchHex{display:none}.ColorPaletteCalc-module__YGlDza__detailHeader,.ColorPaletteCalc-module__YGlDza__detailRow{grid-template-columns:64px 1fr 1fr}}