._container_3h6e1_1{max-width:1200px;margin:0 auto;padding:var(--space-6)}._topAd_3h6e1_7,._card_3h6e1_11{margin-bottom:var(--space-6)}._headerContent_3h6e1_15{display:flex;align-items:center;gap:var(--space-4)}._icon_3h6e1_21{width:32px;height:32px;color:var(--color-accent-9)}._content_3h6e1_27{padding:var(--space-6)}._pickerSection_3h6e1_31{display:grid;grid-template-columns:200px 1fr;gap:var(--space-6);margin-bottom:var(--space-6)}._colorDisplay_3h6e1_38{width:200px;height:200px;border-radius:var(--radius-3);border:2px solid var(--color-neutral-6);position:relative;cursor:pointer;transition:transform .2s}._colorDisplay_3h6e1_38:hover{transform:scale(1.05)}._colorInput_3h6e1_52{width:100%;height:100%;opacity:0;cursor:pointer}._formats_3h6e1_59{display:flex;flex-direction:column;gap:var(--space-4)}._formatRow_3h6e1_65{display:flex;flex-direction:column;gap:var(--space-2)}._formatValue_3h6e1_71{display:flex;gap:var(--space-2)}._formatValue_3h6e1_71 input{flex:1}._presets_3h6e1_80{margin-top:var(--space-6)}._presets_3h6e1_80 h3{margin:0 0 var(--space-4) 0;font-size:var(--font-size-4);color:var(--color-neutral-12)}._presetGrid_3h6e1_90{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:var(--space-3)}._presetColor_3h6e1_96{width:100%;height:50px;border:2px solid var(--color-neutral-6);border-radius:var(--radius-2);cursor:pointer;transition:all .2s}._presetColor_3h6e1_96:hover{transform:scale(1.1);box-shadow:var(--shadow-3)}._sideAd_3h6e1_110{margin-top:var(--space-6)}._colorActions_3h6e1_114{display:flex;gap:var(--space-3);flex-wrap:wrap}._colorGrid_3h6e1_120{display:flex;flex-direction:row;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-6)}._colorCard_3h6e1_128{flex:1;min-width:200px;max-width:300px}._colorCard_3h6e1_128 ._colorDisplay_3h6e1_38{width:100%;height:200px;border-radius:var(--radius-3);border:2px solid var(--color-neutral-6);cursor:pointer;transition:transform .2s;margin-bottom:var(--space-3)}._colorCard_3h6e1_128 ._colorDisplay_3h6e1_38:hover{transform:scale(1.05)}._colorInfo_3h6e1_148{display:flex;flex-direction:column;gap:var(--space-2)}._colorCode_3h6e1_154{font-family:monospace;font-size:var(--font-size-3);color:var(--color-neutral-12);font-weight:500}._copyBtn_3h6e1_161{width:100%}@media(max-width:768px){._container_3h6e1_1{padding:var(--space-4)}._pickerSection_3h6e1_31{grid-template-columns:1fr}._colorDisplay_3h6e1_38{width:100%;max-width:300px;margin:0 auto}._colorGrid_3h6e1_120{flex-direction:column}._colorCard_3h6e1_128{min-width:100%;max-width:100%}}