.ColorConverter-module__9RID2a__container{flex-direction:column;gap:28px;display:flex}.ColorConverter-module__9RID2a__colorPanel{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);border:1px solid var(--border);grid-template-columns:1fr;gap:28px;padding:24px;display:grid}@media (min-width:768px){.ColorConverter-module__9RID2a__colorPanel{grid-template-columns:240px 1fr}}.ColorConverter-module__9RID2a__colorPreview{border-radius:var(--radius-md);width:100%;height:200px;box-shadow:var(--shadow-md), inset 0 0 0 1px #0000000d;justify-content:center;align-items:center;transition:background-color .15s;display:flex}@media (min-width:768px){.ColorConverter-module__9RID2a__colorPreview{height:100%}}.ColorConverter-module__9RID2a__previewLabel{font-family:var(--font-mono);letter-spacing:.02em;text-shadow:0 1px 2px #0000001a;font-size:1.2rem;font-weight:800}.ColorConverter-module__9RID2a__inputsColumn{flex-direction:column;gap:16px;display:flex}.ColorConverter-module__9RID2a__inputGroup{flex-direction:column;gap:6px;display:flex}.ColorConverter-module__9RID2a__fieldLabel{font-family:var(--font-sans);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:800}.ColorConverter-module__9RID2a__inputCopyRow{align-items:center;gap:12px;display:flex}.ColorConverter-module__9RID2a__textInput{border:1.5px solid var(--border-dark);border-radius:var(--radius-md);font-family:var(--font-mono);transition:all var(--transition-fast);flex:1;padding:10px 14px;font-size:.9rem;font-weight:600}.ColorConverter-module__9RID2a__textInput:focus{border-color:var(--lime-400);outline:none;box-shadow:0 0 0 3px #84cc1626}.ColorConverter-module__9RID2a__copyBtn{background:var(--lime-50);border:1.5px solid var(--lime-200);color:var(--lime-700);font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);padding:8px 12px;font-size:.75rem;font-weight:700}.ColorConverter-module__9RID2a__copyBtn:hover{background:var(--lime-100)}.ColorConverter-module__9RID2a__slidersGrid{grid-template-columns:1fr;gap:28px;display:grid}@media (min-width:992px){.ColorConverter-module__9RID2a__slidersGrid{grid-template-columns:1fr 1fr}}.ColorConverter-module__9RID2a__sliderCard{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);border:1px solid var(--border);flex-direction:column;gap:20px;padding:24px;display:flex}.ColorConverter-module__9RID2a__cardTitle{font-family:var(--font-sans);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1.5px solid var(--border-dark);padding-bottom:8px;font-size:.85rem;font-weight:800}.ColorConverter-module__9RID2a__sliderList{flex-direction:column;gap:16px;display:flex}.ColorConverter-module__9RID2a__sliderRow{flex-direction:column;gap:8px;display:flex}.ColorConverter-module__9RID2a__sliderLabel{font-family:var(--font-sans);color:var(--text-primary);font-size:.8rem;font-weight:700}.ColorConverter-module__9RID2a__rangeInput{width:100%}