.colorTools_container__9KGZ0{padding:16px;max-width:100%;margin:0 auto 120px;font-family:var(--font-geist-sans)}.colorTools_title__8ZBKr{color:var(--text-primary);font-size:24px;text-align:center;margin-bottom:24px;font-family:var(--font-sour-gummy)}.colorTools_colorGrid__0sPa4{display:grid;grid-gap:32px;gap:32px;margin:0 auto;max-width:1200px}.colorTools_pickerSection__3swpY,.colorTools_previewSection__JrceZ,.colorTools_shadesSection__Dh2Ol{background-color:var(--navy-blue);border:1px solid var(--border);border-radius:12px;padding:24px}.colorTools_pickerSection__3swpY h2,.colorTools_previewSection__JrceZ h2,.colorTools_shadesSection__Dh2Ol h2{color:var(--text-primary);font-size:20px;margin-bottom:16px;font-family:var(--font-sour-gummy)}.colorTools_picker__f8RNf{width:100%;height:200px;padding:0;border:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}.colorTools_picker__f8RNf::-webkit-color-swatch-wrapper{padding:0;border-radius:8px}.colorTools_picker__f8RNf::-webkit-color-swatch{border:1px solid var(--border);border-radius:8px}.colorTools_picker__f8RNf::-moz-color-swatch{border:1px solid var(--border);border-radius:8px}.colorTools_inputGroup___M_Fj{margin-top:16px}.colorTools_inputGroup___M_Fj label{display:block;color:var(--text-secondary);font-size:14px;margin-bottom:8px}.colorTools_hexInput__TO_Hv{width:100%;padding:12px;border-radius:8px;border:1px solid var(--border);background-color:var(--navy-blue);color:var(--text-primary);font-family:monospace;font-size:16px}.colorTools_hexInput__TO_Hv:focus{outline:none;border-color:var(--accent)}.colorTools_colorPreview__XsUin{height:200px;border-radius:8px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:16px}.colorTools_textDark__rK9DP{color:#000}.colorTools_textLight__GHBF1{color:#fff}.colorTools_shadow__KvQ4H{color:#000;text-shadow:0 1px 2px rgba(0,0,0,.5)}.colorTools_shadowLight__d4PgA{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.colorTools_colorInfo__ERfPR{font-family:var(--font-geist-mono);color:var(--text-primary)}.colorTools_shadesList__vnlyp{display:flex;flex-direction:column;gap:8px}.colorTools_shadeItem__kTTcy{display:flex;align-items:center;gap:16px}.colorTools_shadeColor__BlwPY{width:100%;height:30px;border-radius:4px;border:1px solid var(--border)}.colorTools_shadeInfo__DdmPY{display:flex;justify-content:space-between;width:150px;font-family:var(--font-geist-mono);color:var(--text-primary);font-size:14px}.colorTools_colorCode__dIxmK{margin-top:16px}.colorTools_colorCode__dIxmK label{display:block;color:var(--text-secondary);font-size:14px;margin-bottom:8px}.colorTools_colorCode__dIxmK span{display:block;padding:12px;border-radius:8px;border:1px solid var(--border);background-color:var(--navy-blue);color:var(--text-primary);font-family:var(--font-geist-mono);font-size:16px}@media (min-width:768px){.colorTools_container__9KGZ0{padding:32px}.colorTools_colorGrid__0sPa4{grid-template-columns:repeat(2,1fr)}.colorTools_shadesSection__Dh2Ol{grid-column:span 2}}